From 430c6f08ad78b181b9c3b97096fd777e05342b56 Mon Sep 17 00:00:00 2001
From: akankshat05 <72144454+akankshat05@users.noreply.github.com>
Date: Sun, 17 Apr 2022 12:21:50 +0530
Subject: [PATCH] added footer (#131)

* added footer

* modified footer

* edited css
---
 frontend/components/Footer/Footer.js | 16 ++++++++++++++++
 frontend/pages/contributors.js       |  2 ++
 frontend/pages/index.js              |  3 ++-
 frontend/pages/login.js              |  2 ++
 frontend/pages/signup.js             |  2 ++
 frontend/styles/Footer.module.css    | 22 ++++++++++++++++++++++
 frontend/styles/globals.css          |  4 +++-
 7 files changed, 49 insertions(+), 2 deletions(-)
 create mode 100644 frontend/components/Footer/Footer.js
 create mode 100644 frontend/styles/Footer.module.css

diff --git a/frontend/components/Footer/Footer.js b/frontend/components/Footer/Footer.js
new file mode 100644
index 0000000..1ed613c
--- /dev/null
+++ b/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
\ No newline at end of file
diff --git a/frontend/pages/contributors.js b/frontend/pages/contributors.js
index 8b5f7ec..9ed16a0 100644
--- a/frontend/pages/contributors.js
+++ b/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>
     </>
   )
diff --git a/frontend/pages/index.js b/frontend/pages/index.js
index 97a6b3f..594ed55 100644
--- a/frontend/pages/index.js
+++ b/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>
     </>
   )
diff --git a/frontend/pages/login.js b/frontend/pages/login.js
index 1d9f4a7..227a8dd 100644
--- a/frontend/pages/login.js
+++ b/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>
   )
 }
diff --git a/frontend/pages/signup.js b/frontend/pages/signup.js
index 7a7134b..d89fd03 100644
--- a/frontend/pages/signup.js
+++ b/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>
   )
 }
diff --git a/frontend/styles/Footer.module.css b/frontend/styles/Footer.module.css
new file mode 100644
index 0000000..cb57c39
--- /dev/null
+++ b/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;
+}
diff --git a/frontend/styles/globals.css b/frontend/styles/globals.css
index c88c079..7969cb4 100644
--- a/frontend/styles/globals.css
+++ b/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;
 }
+