import React from 'react';

import '../stylesheets/style.css'

class Header extends React.Component {
  render() {
    const Logo = () => {
      return (
        <header>
          <img className="site-logo" src={require('../assets/images/logo.png')} alt="logo 858 "/>
          <br/>
          <img className="site-logo" src={require('../assets/images/byline.ar.png')} alt="logo 858 "/>
          <h1 >An archive of resistance</h1>
          <h2 className="counter">٩٦٧ ساعة وبيزيدوا</h2>
        </header>
      );
    }
    return (
      <header>
        <section className="container">
          <Logo/>
        </section>
      </header>
    )
  }
}

export default (Header);