Merge pull request #107 from akashc777/enhancement/mailing-list_section

added mailing list

Author: vinayaksh42

docs/_includes/mailing-list.html

@@ -0,0 +1,20 @@
+<section class="mailing-section">
+
+    <div class="mailinglist-main">
+        <div class="mailinglist-text">
+            <span>Mailing Lists</span>
+            <p>Engage in the GetNightHawk project. Join any of the mailing lists.</p>
+        </div>
+    
+        
+        <div class="mailinglist-buttons">
+            <a class="mailinglist-join-button" href="https://groups.google.com/a/getnighthawk.dev/g/maintainers" target="_blank">Maintainers</a>
+            <a class="mailinglist-join-button" href="https://groups.google.com/a/getnighthawk.dev/g/developers" target="_blank">Developers</a>
+            <a class="mailinglist-join-button" href="https://groups.google.com/a/getnighthawk.dev/g/users" target="_blank">Users</a>
+        </div>
+
+    </div>
+
+    
+
+</section>

docs/_sass/mailing-list.scss

@@ -0,0 +1,64 @@
+.mailing-section {
+    background: #1e2117;
+    color: white;
+    padding: 162px 0;
+    @media #{$mobile} {
+        padding: 87px 0;
+    }
+
+    a,
+    a:hover,
+    a:focus,
+    a:active {
+        text-decoration: none;
+        color: inherit;
+    }
+
+    .mailinglist-main {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        .mailinglist-text {
+            margin-bottom: 40px;
+            display: block;
+            span {
+                font-size: 34px;
+            }
+
+            p {
+                max-width: 375px;
+                margin: 0 3rem;
+                color: white;
+                font-size: 20px;
+            }
+        }
+
+        .mailinglist-buttons {
+            display: inline-flex;
+            flex-wrap: wrap;
+            justify-content: center;
+            align-items: center;
+
+            .mailinglist-join-button {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                background: #647881;
+                width: 253px;
+                height: 56px;
+                border-radius: 5px;
+                margin: 2rem 0 0;
+            }
+
+            .mailinglist-join-button:not(:first-child) {
+                margin-left: 1rem;
+                @media #{$mobile} {
+                    margin-left: 0;
+                    
+                }
+            }
+        }
+    }
+}

docs/assets/css/main.scss

@@ -1,8 +1,9 @@
 ---
 ---
-
+@import "variables.scss";
 @import "getnighthawk.scss";
 @import "faq.scss";
 @import "getnighthawk-purpose.scss";
 @import "explain.scss";
 @import "about.scss";
+@import "mailing-list.scss";

docs/index.html

@@ -194,3 +194,5 @@ <h1 class="desc-h1">Easing Management of <br/>the Nighthawk<br/>Lifecycle</h1><b
 {% include stewarded.html %}
 
 {% include organized.html %}
+
+{% include mailing-list.html %}