Home.js

import React, {Component} from 'react';
import logo from './logo.svg'
import './Home.css';

class Home extends Component {
  render() {
    return (
      <div className="Home">
        <div className="Home-header">
          <img src={logo} className="Home-logo" alt="logo"/>
          <h2>Welcome to React.js</h2>
        </div>
        <div className="Home-container">
          <div className="Home-items">
            <div className="Home-item">
              <h3 className="focus">Declarative</h3>
              <div><p>React makes it painless to create interactive UIs. Design simple views for each state in your
                application, and React will efficiently update and render just the right components when your data
                changes.</p>
                <p>Declarative views make your code more predictable and easier to debug.</p>
              </div>
            </div>
            <div className="Home-item">
              <h3 className="focus">Component-Based</h3>
              <div>
                <p>Build encapsulated components that manage their own state, then compose them to make complex UIs.</p>
                <p>Since component logic is written in JavaScript instead of templates, you can easily pass rich data
                  through your app and keep state out of the&nbsp;DOM.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    );
  }
}

export default Home;