Progress

src/layouts/index.html

@@ -501,7 +501,7 @@
       </div>
     </div>
     <div class="row">
-      <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 p-0 mb-3 ">
+      <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 p-0 pe-xl-3 pe-lg-3 pe-md-3 mb-3 ">
         <p class="mb-4 light-gray">This will confirm before setting up ~/.tea and adding to your ~/.shellrc. Our one-liner even abstracts installing tea itself:</p>
 
         <div class="terminal flex term-getting-started">
@@ -517,7 +517,7 @@
           </div>
         </div>
       </div>
-      <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 p-0">
+      <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 ps-xl-3 ps-lg-3 ps-md-3 p-0">
         <p class="mb-4 light-gray">This will confirm before setting up ~/.tea and adding to your ~/.shellrc. Our one-liner even abstracts installing tea itself:</p>
 
         <div class="terminal flex term-getting-started">
@@ -683,7 +683,7 @@
 -->
 
 <section>
-  <div class="container one-box-up two-boxes-down">
+  <div class="container one-box-up">
     <div class="row one-box-down">
       <div class="col p-0">
         <h2 class="display-5">DON’T JUST TAKE OUR WORD FOR IT… TWITTER’S BEEN SIPPING THE TEA TOO!</h2>
@@ -728,6 +728,17 @@
 <hr>
 -->
 
+<section>
+  <div class="container">
+    <div class="row two-boxes-down">
+      <div class="col">
+        <img src="/Images/lg-screen-grid.svg" alt="grid-element">
+      </div>
+    </div>
+  </div>
+</section>
+
+
 <section>
   <div class="container">
     <div class="row two-boxes-down">
@@ -740,6 +751,16 @@
   </div>
 </section>
 
+<section>
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <img src="/Images/lg-screen-grid.svg" alt="grid-element">
+      </div>
+    </div>
+  </div>
+</section>
+
 <!--
 <hr>
 -->

src/layouts/partials/footer-content.html

@@ -22,7 +22,7 @@
 
         </div>
       </div>
-      <div class="col-xl-2 col-lg-2 col-md-4 col-sm-12 col-12">
+      <div class="col-xl-2 col-lg-2 col-md-4 col-sm-12 col-12 mt-5 ps-xl-5">
         <h6 class="white">Quick Links</h6>
         <a href="https://medium.com/teaxyz">blog</a><br>
         <a href="/press/">press</a><br>
@@ -30,7 +30,7 @@
         <a href="/privacy-policy/">privacy policy</a><br>
         <a href="/terms-of-use/">terms of use</a><br>
       </div>
-      <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 ps-3">
+      <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 mt-5 ps-3">
         <div class="email-placeholder flex" style="height:100%;width:100%;background-color:#212121;">
           <p class="text-center" style="display:block;margin-left:auto;margin-right:auto;">email placeholder</p>
         </div>