Merge pull request #172 from teaxyz/subscribe-success-page

src/content/subscribed.md

@@ -0,0 +1,5 @@
+---
+title: "Subscription Confirmed"
+Description: "You've successfully subscribed to our newsletter"
+layout: "subscribed"
+---

src/layouts/page/products.html

@@ -91,7 +91,7 @@
 
   <div class="container">
     <div class="row">
-      <div class="col" style="position:relative; z-index:4;">
+      <div class="col products-hero-col" style="position:relative; z-index:4;">
         <h1 style="margin-bottom: 0px !important;">Products</h1>
         <div class="lead-text-container animated-25 animatedFadeInUp fadeInUp black-bg p-4">
           <p class="lead" style="margin-bottom: 0px">Just like the perfect cup of tea, greatness takes time to steep. But the wait is over… it’s time to take your first sip.</p>

src/layouts/page/subscribed.html

@@ -0,0 +1,38 @@
+{{ define "main" }}
+
+<section>
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <div class="subscription-content">
+          <div>
+            <h1 class="display-1 text-center">Subscription Confirmed</h1>
+            <p class="text-center one-box-down">You&#39;ve successfully subscribed to our newletter. Don&#39;t worry, we won&#39;t blow up your inbox. Here at tea, we take a pretty minimal approach to emails. If there's something that you absolutely need to know, we&#39;ll reach out. In the meantime, be sure to <a href="https://discord.gg/KCZsXfJphn">join our Discord!</a></p>
+            <a href="/">
+              <button id="back-home" class="detail-btn-large"><i class="icon-enter-arrow"></i>VIEW ALL DETAILS</button>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<style>
+
+  .subscription-content{
+    position: relative;
+    height: 80vh;
+    display: flex;
+    align-items: center;
+  }
+
+  #back-home{
+    display: block;
+    margin-left:auto;
+    margin-right:auto;
+  }
+
+</style>
+
+{{ end }}

src/static/css/products.css

@@ -96,9 +96,10 @@
 
 @media only screen and (max-width: 576px) {
 
-  h1{
+  /* h1{
     font-size: 15vw !important;
-  }
+  } */
+
 
   .tea-cli-container{
     padding: 7vw !important;