fix #3 create a separate counter component

This commit is contained in:
Ahmed-Ayman 2018-12-06 00:02:33 +02:00
parent 4b90d1f895
commit a3ed5426c5
2 changed files with 12 additions and 8 deletions

View File

@ -6,20 +6,23 @@ class Header extends React.Component {
render() {
const Logo = () => {
return (
<header>
<section className="logo-container">
<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>
<h1>An archive of resistance</h1>
</section>
);
}
const Counter = () => {
return (
<h2 className="counter">٩٦٧ ساعة وبيزيدوا</h2>
</header>
);
}
return (
<header>
<section className="container">
<Logo/>
</section>
<Counter/>
</header>
)
}

View File

@ -62,3 +62,4 @@ header {
padding: 2em;
}
/* search */