Merge pull request #4 from allforoneall/satvik

footer added
adhirajkar3103 · Sep 17, 2023 · c013ba8 · c013ba8
2 parents 403578e + 8a7fccd
commit c013ba8
Show file tree

Hide file tree

Showing 3 changed files with 83 additions and 1 deletion.
diff --git a/legalease_app/components/Footer.js b/legalease_app/components/Footer.js
@@ -0,0 +1,27 @@
+import React from 'react'
+
+const Footer = () => {
+  return (
+    <div className="footer">
+        <div className="sb_footer section_padding">
+
+            <hr></hr>
+            <div className="sb_footer-below">
+                <div className="sb_footer-copyright">
+                    <p>
+                        @{new Date().getFullYear()} CodeInn. Allright reserved.
+                    </p>
+                </div>
+                <div className="sb_footer-below-links">
+                    <a href="/terms"><div><p>Terms &Conditions</p></div></a>
+                    <a href="/privacy"><div><p>Privacy</p></div></a>
+                    <a href="/security"><div><p>Security</p></div></a>
+                    <a href="/cookie"><div><p>Declarations</p></div></a>
+                </div>
+            </div>
+        </div>
+    </div>
+  )
+}
+
+export default Footer
diff --git a/legalease_app/pages/home/index.js b/legalease_app/pages/home/index.js
@@ -1,3 +1,4 @@
+import Footer from '@/components/Footer'
 import InputDoc from '@/components/InputDoc'
 import Navbar from '@/components/Navbar'
 import React from 'react'
@@ -7,6 +8,7 @@ const HomePage = () => {
     <div>
       <Navbar />
       <InputDoc />
+      <Footer />
     </div>
   )
 }

diff --git a/legalease_app/styles/globals.css b/legalease_app/styles/globals.css
@@ -87,4 +87,57 @@ button:hover {
 }
 .textarea{
   margin-bottom: 10px;
-}
+}
+.section_padding{
+  padding:  4rem 4rem ;
+
+}
+.footer{
+  background-color: #2d2d32;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+}
+.sb_footer{
+  display: flex;
+  flex-direction: column;
+}
+
+a{
+  color: rgb(red, green, blue);
+  text-decoration:none;
+}
+h4{
+  font-size: 14px;
+  line-height: 17px;
+  margin-bottom: 0.9rem;
+}
+
+
+.sb_footer-below{
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-top: 0.2rem;
+}
+.sb_footer-below-links{
+  display: flex;
+  flex-direction: row;
+}
+.sb_footer-below-links p{
+  font-size: 13px;
+  line-height: 15px;
+  margin-left: 2rem;
+  color: white;
+  font-weight: 600;
+}
+hr{
+  color: white !important;
+  width: 100%;
+}
+.sb_footer-copyright p{
+  font-size: 13px;
+  line-height: 15px;
+  color: rgb(red, green, blue);
+  font-weight: 600;
+}