create the footer

This commit is contained in:
Ahmed-Ayman 2018-12-06 23:10:30 +02:00
parent 3a42fee6e2
commit aef0af64b6
2 changed files with 16 additions and 2 deletions

View File

@ -2,7 +2,11 @@ import React from 'react';
class Footer extends React.Component{ class Footer extends React.Component{
render(){ render(){
return( return(
'hello Footer!' <footer>
<span className="arabic-text"> جميع الحقوق محفوظة لمؤسسة مٌصرين</span>
<span className="english-text"> all rights reserved</span>
</footer>
) )
} }
} }

View File

@ -37,7 +37,7 @@
} }
.english-text { .english-text {
font-family: interstate, serif; font-family: majalla, serif;
} }
/* variables */ /* variables */
@ -123,3 +123,13 @@ header {
margin-bottom: 1em; margin-bottom: 1em;
position: relative; position: relative;
} }
/* footer */
footer{
background: var(--858-light-gray-color);
position: absolute;
width: 100%;
left: 0;
margin-top: 1em;
padding: 1em;
font-weight: bold;
}