package CTA section

src/layouts/index.html

@@ -155,9 +155,17 @@
 <!-- Package CTA Section -->
 
 <section>
-  <hr style="margin-bottom: 225px !important; ">
   <hr>
+    <div class="container">
+      <div class="row">
+        <div class="col m-5">
+          <h3 class="text-center">Stay tuned for full launch.</h3>
+          <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua <a>Discord Community</a>.</p>
+        </div>
+      </div>
+    </div>
 </section>
+{{- partial "full-width-discord-cta.html" . -}}
 
 <!-- Statistics -->
 
@@ -176,9 +184,6 @@
 </section>
 {{- partial "full-width-cta.html" . -}}
 
-
-
-
 <!-- partners -->
 
 <section class="partners">

src/layouts/partials/full-width-discord-cta.html

@@ -0,0 +1,42 @@
+<style>
+  .btn-primary{
+    padding: 44px 75px;
+    border-radius: 0px !important;
+    font-family: "pp-neue-machina", sans-serif;
+    text-transform: uppercase;
+    font-size: 38px;
+    border-left: 2px solid #949494 !important;
+    border-right: 2px solid #949494 !important;
+    background-color: #1a1a1a !important;
+    outline: none !important;
+    box-shadow: none !important;
+    text-align: left;
+    border-top-color:#1a1a1a;
+    border-bottom-color: #1a1a1a;
+    transition: 0.2s linear;
+  }
+
+  .btn-primary:hover{
+    background-color: #00ffd0 !important;
+    color: #1a1a1a;
+    border-top-color:#00ffd0;
+    border-bottom-color:#00ffd0;
+    border-left-color:#00ffd0;
+    border-right-color:#00ffd0;
+    box-shadow: inset 0px 0px 0px 10px #1a1a1a !important;
+    padding: 44px 100px;
+    border-top-color:#1a1a1a;
+    border-bottom-color: #1a1a1a;
+  }
+
+  .button-container{
+    padding: 0px 160px;
+  }
+
+</style>
+
+<hr>
+  <div class="row button-container">
+    <a href="#" role="button" class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-4 mt-4" id="nav-cta">Join our Discord<span style="float:right; margin-top:15px;font-size:1.2rem;"><u id="count1"></u> devs authenticated</span></a>
+  </div>
+<hr>

src/static/css/style.css

@@ -169,7 +169,6 @@ h2{
 h3{
   font-family: "pp-neue-machina", sans-serif;
   color:#00ffd0;
-  text-transform: uppercase;
 }
 
 h4{
@@ -199,8 +198,8 @@ p{
   }
 
   h3{
-    font-size: 38px;
+    font-size: 80px;
-    line-height: 45px;
+    line-height: 80px;
     margin-bottom: 75px;
   }