create the footer

src/components/Footer.js

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

src/stylesheets/style.css

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