Button Two

Button Three

{title}

Button Two

Button Three

{title}

Button Two

Button Three

{title}

import React from 'react';

const ThreeButtonComponent=()=>(

<div>

<p>Button One</p>

<button className="button-green" onClick={this.handleButtonClick}>Button One</button>

<p>Button Two</p>

<button className="button-green" onClick={this.handleButtonClick}>Button Two</button>

<p>Button Three</p>

<button className="button-green" onClick={this.handleButtonClick}>Button Three</button>

</div>

)

''''
import React from 'react';

const HeaderComponent=()=>(

<section id="top">

<div className="top-container">

<div className="top-logo"></div>

<div className="top-menu">

<div className="top-menu-links">

<a href="/">Home</a>

<a href="/about">About</a>

</div>

<div className="top-social-links">

<a href="<https://www.facebook.com/>">Facebook</a>

<a href="<https://www.twitter.com/>">Twitter</a>

<a href="<https://www.instagram.com/>">Instagram</a>

</div>

</div>

</div>

</section>

)

''''
import React from 'react';

const HeaderComponent=({title})=>(

<h1>

{title}

</h1>

)