angrybeanie-front-end/components/header.js

// components/Header.js

const headerStyle = {
    backgroundColor: "blue",
    color: "white",
    width: "100%",
    height: "50px"
  };
  
  const Header = () => (
    <div id="header">
    <div className="social_block">
      <div className="social_twitter">
        <a href="https://www.twitter.com/angrybeanie"><img src="/images/twitter.png" alt="Angry Beanie on Twitter" target="_blank"/></a>
        <a href="https://www.facebook.com/angrybeanie"><img src="/images/facebok.png" alt="Angry Beanie on Facebook" target="_blank"/></a>      
      </div>
    </div>
    <div className="col-md-12">
      <a href="/" alt="Home">
        <img className="header_image img-fluid" src="/images/logo.png" alt="Angry Beanie" />
      </a>
    </div>
  </div>
  );
  
  export default Header;