import React, { Component } from 'react';
import './homeImageSections.css';


class HomeImageSection extends Component {
  render() {
    return (
      <div className="Home-Image-Section">
        <h1>Home Page Images Here</h1>
        <img src={ require('./images/code.png') }  alt="img1"/>
        <img src={ require('./images/mars.png') }  alt="img2"/>
        <img src={ require('./images/seattle.png') } alt="img3"/>
      </div>
    );
  }
}

export default HomeImageSection;
import React from 'react';

const HomeImageSection = () => (
  <div className="Home-Image-Section">
    <h1>Home Page Images Here</h1>
    <img src={ require('./images/code.png') }  alt="img1"/>
    <img src={ require('./images/mars.png') }  alt="img2"/>
    <img src={ require('./images/seattle.png') } alt="img3"/>
  </div>
);


export default HomeImageSection;
refactor of home image section