From 7ec5b2c01b0b20d11ce4602ac66be6936abbe93b Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Tue, 13 Sep 2022 11:51:23 -0400
Subject: [PATCH] Utilities

---
 src/layouts/partials/footer.html | 24 +++++++++++++++++++++---
 src/static/css/style.css         | 19 +++++++++++++++++++
 2 files changed, 40 insertions(+), 3 deletions(-)

diff --git a/src/layouts/partials/footer.html b/src/layouts/partials/footer.html
index 22c1ff2..67a8070 100644
--- a/src/layouts/partials/footer.html
+++ b/src/layouts/partials/footer.html
@@ -2,13 +2,31 @@
 <section class="footer">
   <div class="container">
     <div class="row">
-      <div class="col-lg-7">
+      <div class="col-lg-8">
         <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-5">
-
+      <div class="col-lg-4">
+        <div class="card" style="width: 18rem; 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>
+          </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>
+        </div>
       </div>
     </div>
   </div>
diff --git a/src/static/css/style.css b/src/static/css/style.css
index d71f008..215e181 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -21,9 +21,28 @@ body{
 }
 
 @media only screen and (min-width: 1280px) {
+
   .container{
     padding: 128px 150px 10px 150px;
   }
+
+  /* M5 Spacers (Bootstrap Utilities)*/
+
+  .m-5{
+    margin: 225px !important;
+  }
+  .mb-5{
+    margin-bottom: 225px !important;
+  }
+  .mt-5{
+    margin-top: 225px !important;
+  }
+  .ms-5{
+    margin-left: 225px !important;
+  }
+  .me-5{
+    margin-right: 225px !important;
+  }
 }
 
 /* Navbar General */