angrybeanie-front-end/components/header.js
2020-12-06 21:49:37 +11:00

26 lines
No EOL
831 B
JavaScript

// 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="{{ asset('images/twitter.png')}}" alt="Angry Beanie on Twitter" target="_blank"/></a>
<a href="https://www.facebook.com/angrybeanie"><img src="{{ asset('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-responsive" src="{{ asset('images/logo.png')}}" alt="Angry Beanie" />
</a>
</div>
</div>
);
export default Header;