Footer navigation

src/layouts/partials/footer-nav.html

@@ -0,0 +1,25 @@
+<ul class="nav justify-content-end">
+  <li class="nav-item">
+    <a class="nav-link footer-link small" aria-current="page" href="#">Careers</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link footer-link small" href="#">Privacy Policy</a>
+  </li>
+  <li class="nav-item">
+    <a class="nav-link footer-link small" href="#">Terms of Use</a>
+  </li>
+</ul>
+
+<style>
+  .footer-link{
+    text-transform: lowercase;
+    color: white;
+    padding: 0px 0px 0px 40px !important;
+  }
+
+  .footer-link:hover{
+    color: #00ffd0 !important;
+    text-decoration:underline;
+  }
+
+</style>

src/layouts/partials/footer.html

@@ -1,6 +1,6 @@
-<hr>
 <section class="footer">
   <div class="container">
+    <hr>
       <div class="row mb-5">
         <div class="col-lg-8 footer-content">
           <h4>Equitable Open-Source for Web3</h4>
@@ -20,7 +20,7 @@
           </div>
         </div>
       </div>
-    <div class="row">
+      <div class="row mb-4">
         <hr>
           <div class="col">
             <div class="input-group">
@@ -31,6 +31,14 @@
           </div>
         <hr>
       </div>
+      <div class="row">
+        <div class="col-lg-6">
+          <p class="small">©2022 tea inc. You can also share our <a href="" class="teal">Linktree</a>.</p>
+        </div>
+        <div class="col-lg-6">
+          {{- partial "footer-nav.html" . -}}
+        </div>
+      </div>
   </div>
 </section>
 

src/static/css/style.css

@@ -181,6 +181,11 @@ p{
   color: #ffffff;
 }
 
+li{
+  font-family: "sono", sans-serif;
+  color: #ffffff;
+}
+
 /* Breakpoint-Specific Typography */
 
 
@@ -283,7 +288,11 @@ hr{
 /* Footer Styling */
 
 .footer-email{
-  padding: 35px 75px;
+  font-family: "pp-neue-machina", sans-serif;
+  text-transform: uppercase;
+  font-size: 38px;
+  line-height: 38px;
+  padding: 35px 0px;
   background: none;
   border: none;
 }