added footer (#131)

* added footer

* modified footer

* edited css

frontend/components/Footer/Footer.js

@@ -0,0 +1,16 @@
+import React from 'react'
+import FavoriteIcon from '@mui/icons-material/Favorite';
+import styles from '../../styles/Footer.module.css'
+const Footer = () => {
+  return (
+        <div className={styles.footer}>
+        <div>
+        This project is OpenSource under MIT license
+        <br/>
+        Made with <span className={styles.icon}><FavoriteIcon/></span> by <a href='https://github.com/BRAVO68WEB' target='_blank'> @bravo68web </a> and team
+        </div>
+        </div>
+    )
+}
+
+export default Footer

frontend/pages/contributors.js

@@ -1,12 +1,14 @@
 import React from 'react'
 import Navbar from 'components/NavBar'
 import Contributors from 'components/Contributors/Contributors'
+import Footer from 'components/Footer/Footer'
 function contributors() {
   return (
     <>
       <main className={'main-bg'}>
         <Navbar />
         <Contributors />
+        <Footer />
       </main>
     </>
   )

frontend/pages/index.js

@@ -3,7 +3,7 @@ import Head from 'next/head'
 import HomeSection from 'components/HomeSection/HomeSection'
 import NavBar from 'components/NavBar'
 import Features from 'components/Features'
-
+import Footer from 'components/Footer/Footer'
 
 export default function Home() {
   const [shortUrl, setShortUrl] = useState(null)
@@ -34,6 +34,7 @@ export default function Home() {
           setShowQrCode={setShowQrCode}
         />
         <Features />
+        <Footer />
       </main>
     </>
   )

frontend/pages/login.js

@@ -2,12 +2,14 @@ import React from 'react'
 import NavBar from 'components/NavBar'
 import Features from 'components/Features'
 import Login from 'components/Login/Login'
+import Footer from 'components/Footer/Footer'
 
 export default function signup() {
   return (
     <div className="flex-column">
       <NavBar />
       <Login />
+      <Footer />
     </div>
   )
 }

frontend/pages/signup.js

@@ -3,12 +3,14 @@ import Head from 'next/head'
 import NavBar from 'components/NavBar'
 import Features from 'components/Features'
 import Reg from 'components/Reg/Reg'
+import Footer from 'components/Footer/Footer'
 
 export default function signup() {
   return (
     <div className="flex-column">
       <NavBar />
       <Reg />
+      <Footer />
     </div>
   )
 }

frontend/styles/Footer.module.css

@@ -0,0 +1,22 @@
+.footer{
+    font-family: 'Montserrat', sans-serif;
+    position: sticky;
+    height: 70px;
+    display: flex;
+    color: #fff;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    background-color: #73c2fb; 
+    padding: 0;
+    margin: 0;
+    width: 100%;
+}
+.footer div{
+    line-height: 20px;
+    position: relative;
+}
+.icon svg{
+    vertical-align: middle;
+    font-size: 1.2rem;
+}

frontend/styles/globals.css

@@ -9,7 +9,8 @@ body {
   overflow-y: auto;
 }
 
-a {
+a, a:hover 
+{
   color: inherit;
   text-decoration: none;
 }
@@ -49,3 +50,4 @@ body::-webkit-scrollbar-thumb {
   border-width: 2px 0 2px;
   border-radius: 10px;
 }
+