diff --git a/docs/_includes/mailing-list.html b/docs/_includes/mailing-list.html
new file mode 100644
index 00000000..05c10f52
--- /dev/null
+++ b/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 list</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>
\ No newline at end of file
diff --git a/docs/_sass/mailing-list.scss b/docs/_sass/mailing-list.scss
new file mode 100644
index 00000000..ec509428
--- /dev/null
+++ b/docs/_sass/mailing-list.scss
@@ -0,0 +1,61 @@
+.mailing-section {
+    background: #1e2117;
+    color: white;
+    
+
+    a, a:hover, a:focus, a:active{
+        text-decoration: none;
+        color: inherit;
+    }
+    
+    
+    .mailinglist-main {
+        margin: 62px auto;
+        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;
+            }
+        }
+    }
+}
diff --git a/docs/assets/css/main.scss b/docs/assets/css/main.scss
index 8862c19b..6a746572 100644
--- a/docs/assets/css/main.scss
+++ b/docs/assets/css/main.scss
@@ -6,3 +6,4 @@
 @import "getnighthawk-purpose.scss";
 @import "explain.scss";
 @import "about.scss";
+@import "mailing-list.scss";
diff --git a/docs/index.html b/docs/index.html
index 2f7a520f..1670322f 100644
--- a/docs/index.html
+++ b/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 %}