Styling

src/layouts/index.html

@@ -189,14 +189,17 @@
           <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 one-box-down">
             <h5>Map out the Tea’cosystem</h5>
             <p>The more people authenticate, the clearer picture we have on just how strong the pot of tea we’re brewing is. We’ll be able to see just how many newcomers and bona-fide OSS veterans have enlisted for the revolution.</p>
+            <img class="mobile-grid-element" src="/Images/mobile-grid-element-one-row.svg" alt="grid">
           </div>
           <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 one-box-down">
             <h5>Get Recognized</h5>
             <p>Authenticating your GitHub enables us to quantify and reward the contributions <em>you’ve already made</em> to the Open-Source Community</p>
+            <img class="mobile-grid-element" src="/Images/mobile-grid-element-one-row.svg" alt="grid">
           </div>
           <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12 one-box-down">
             <h5>NFT Reward Badges</h5>
             <p>Authenticating your GitHub entitles you to unique NFT reward badges, including one with rare artwork specific to how soon you authenticate.</p>
+            <img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">
           </div>
         </div>
       </div>

src/layouts/page/careers.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<section>
+<section class="two-boxes hero-section">
 
 <div>
 
@@ -13,6 +13,7 @@
       <div class="col">
         <h1>Careers</h1>
         <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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+        <img class="mobile-grid-element" src="/Images/mobile-grid-element-3-rows.svg" alt="grid">
       </div>
     </div>
   </div>
@@ -20,7 +21,6 @@
 
 <hr>
 
-<section>
   <div class="accordion" id="accordionExample">
     <div class="accordion-item">
       <h2 class="accordion-header" id="headingOne">
@@ -81,18 +81,20 @@
       </div>
     </div>
   </div>
-</section>
 
 <!-- Why Work at tea -->
-<div class="row teal-bg">
-  <div class="container two-boxes">
-    <div class="row">
-      <div class="col">
-        <h3 class="black text-center">Why work @ tea?</h3>
-        <p class="text-center black">Join a team of motivated and passionate individuals and be a part of a rapidly growing and exciting project in web3 and open source technologies. We offer an attractive salary, relocation packages (if applicable), token/equity options and performance&#8208;based bonuses.</p>
+<section class="teal-bg two-boxes">
+  <div class="row">
+    <div class="container two-boxes">
+      <div class="row">
+        <div class="col">
+          <h3 class="black text-center">Why work @ tea?</h3>
+          <p class="text-center black">Join a team of motivated and passionate individuals and be a part of a rapidly growing and exciting project in web3 and open source technologies. We offer an attractive salary, relocation packages (if applicable), token/equity options and performance&#8208;based bonuses.</p>
+        </div>
       </div>
     </div>
   </div>
-</div>
+
+</section>
 
 {{ end }}

src/static/Images/mobile-grid-element-one-row.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 370.33 41.59"><defs><style>.cls-1{fill:#949494;}</style></defs><g id="Layer_1-2"><g><path id="Rectangle_1100" class="cls-1" d="M0,0H41.59V41.59H0V0ZM41.09,.5H.5V41.09H41.09V.5Z"/><path id="Rectangle_1102" class="cls-1" d="M41.09,0h41.59V41.59H41.09V0Zm41.09,.5H41.59V41.09h40.59V.5Z"/><path id="Rectangle_1103" class="cls-1" d="M82.19,0h41.59V41.59h-41.59V0Zm41.09,.5h-40.59V41.09h40.59V.5Z"/><path id="Rectangle_1104" class="cls-1" d="M123.28,0h41.59V41.59h-41.59V0Zm41.09,.5h-40.59V41.09h40.59V.5Z"/><path id="Rectangle_1105" class="cls-1" d="M164.37,0h41.59V41.59h-41.59V0Zm41.09,.5h-40.59V41.09h40.59V.5Z"/><path id="Rectangle_1106" class="cls-1" d="M205.46,0h41.59V41.59h-41.59V0Zm41.09,.5h-40.59V41.09h40.59V.5Z"/><path id="Rectangle_1107" class="cls-1" d="M246.55,0h41.59V41.59h-41.59V0Zm41.09,.5h-40.59V41.09h40.59V.5Z"/><path id="Rectangle_1108" class="cls-1" d="M287.65,0h41.59V41.59h-41.59V0Zm41.09,.5h-40.59V41.09h40.59V.5Z"/><path id="Rectangle_1109" class="cls-1" d="M328.74,0h41.59V41.59h-41.59V0Zm41.09,.5h-40.59V41.09h40.59V.5Z"/></g></g></svg>