From f92c57a5116266eab6013a7a349605e06b4aa69f Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Tue, 13 Sep 2022 12:45:41 -0400
Subject: [PATCH] Working on footer

---
 src/layouts/partials/footer.html | 67 +++++++++++++++++++++++++-------
 src/static/css/style.css         |  2 +
 2 files changed, 54 insertions(+), 15 deletions(-)

diff --git a/src/layouts/partials/footer.html b/src/layouts/partials/footer.html
index 67a8070..348b155 100644
--- a/src/layouts/partials/footer.html
+++ b/src/layouts/partials/footer.html
@@ -1,37 +1,74 @@
 <hr>
 <section class="footer">
   <div class="container">
-    <div class="row">
-      <div class="col-lg-8">
+    <div class="row mb-5">
+      <div class="col-lg-8 footer-content">
         <h4>Equitable Open-Source for Web3</h4>
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
         <img src="/Images/footer-grid-element.svg" alt="tea.grid">
       </div>
       <div class="col-lg-4">
-        <div class="card" style="width: 18rem; float:right;">
+        <div class="card social-box" style="width: 100%; float:right;">
           <ul class="list-group list-group-flush">
-            <li class="list-group-item">An item</li>
-            <li class="list-group-item">A second item</li>
-            <li class="list-group-item">A third item</li>
-            <li class="list-group-item">An item</li>
-            <li class="list-group-item">A second item</li>
-            <li class="list-group-item">A third item</li>
+            <li class="list-group-item">Twitter</li>
+            <li class="list-group-item">Discord</li>
+            <li class="list-group-item">GitHub</li>
+            <li class="list-group-item">Reddit</li>
+            <li class="list-group-item">Telegram</li>
+            <li class="list-group-item">Instagram</li>
           </ul>
         </div>
       </div>
     </div>
     <div class="row">
-      <div class="col">
-        <div class="input-group">
-          <input type="text" class="form-control" placeholder="Recipient's username" aria-label="Recipient's username with two button addons">
-          <button class="btn btn-outline-secondary" type="button">Button</button>
-          <button class="btn btn-outline-secondary" type="button">Button</button>
+      <hr>
+        <div class="col">
+          <div class="input-group">
+            <input type="text" class="form-control footer-email" placeholder="Recipient's username" aria-label="Recipient's username with two button addons">
+            <button class="btn btn-outline-secondary" type="button">Button</button>
+            <button class="btn btn-outline-secondary" type="button">Button</button>
+          </div>
         </div>
-      </div>
+      <hr>
     </div>
   </div>
 </section>
 
+<style>
+
+  .footer-email{
+    padding: 35px 75px;
+    background: none;
+    border: none;
+  }
+
+  .social-box{
+    border-radius: 0px !important;
+    border: 2px solid #949494;
+    background-color: none;
+  }
+
+  .list-group{
+    border-radius: 0px !important;
+  }
+
+  .list-group-item{
+    background-color: #1a1a1a !important;
+    padding: 20px;
+    font-size: 28px;
+    color: #fff;
+    font-family: "pp-neue-machina", sans-serif;
+    text-transform: uppercase;
+    border-bottom: 2px solid #949494;
+  }
+
+  .footer-content{
+    padding-right: 100px;
+  }
+
+
+</style>
+
 
 <!-- JavaScript Bundle with Popper -->
 
diff --git a/src/static/css/style.css b/src/static/css/style.css
index 215e181..832810d 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -3,8 +3,10 @@
 body{
   background-color: #1a1a1a;
   max-width: 1920px;
+  /*
   background-image: url("/Images/xl-grid-quarter-opacity.svg");
   background-size: contain;
+  */
 }
 
 /*