diff --git a/aboutUs.html b/aboutUs.html
index cc5593e..e646e85 100644
--- a/aboutUs.html
+++ b/aboutUs.html
@@ -9,56 +9,13 @@
     <script src="bootstrap-5.0.1-dist/js/bootstrap.bundle.js"></script>
     <link rel="stylesheet" href="style.css">
     
+    <script src="js/headerTemplate.js" type="text/javascript" defer></script>
+    <script src="js/footerTemplate.js" type="text/javascript" defer></script>
 </head>
 
 <body>
-    <!--nav bar with header and tabs-->
-    <!-- nave bar should have click able drop downs-->
-    <header>
-      <a href = "index.html">
-        <img class = "img-logo" src = "assets/logo.png" alt = "Local Connectivity Lab Logo">
-      </a>
-      <h1> 
-        <a id = "landing-link" href = "index.html"> Seattle Community Network </a>
-      </h1>
-    </header>
-
-    <!--NAV BAR CODE-->
-    <nav class="navbar navbar-expand-lg navbar-light bg-white">
-        <div class="container-fluid">
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <div class="collapse navbar-collapse" id="navbarText">
-            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-              <li class="nav-item">
-                <a class="nav-link" href="index.html">Home</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link active" aria-current="page" href="aboutUs.html">About Us</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" href="https://docs.seattlecommunitynetwork.org/">Docs</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" href="ourSites.html">Get Connected</a>
-              </li>
-              <li class="nav-item">
-                <a class = "nav-link" href="https://coverage.seattlecommunitynetwork.org/">Map</a>
-              </li>
-	  <li class="nav-item">
-            <a class="nav-link" href="https://docs.seattlecommunitynetwork.org/community/space/">Visit Our Space</a>
-          </li>
-              <li class="nav-item">
-                <a class="nav-link" href="donate.html">Donate</a>
-              </li>
-          <li class="nav-item">
-            <a class="nav-link" href="https://seattlecommunitynetwork.square.site/">Merch!</a>
-          </li>
-            </ul>
-          </div>
-        </div>
-      </nav>
+  <!--nav bar with header and tabs-->
+  <header-component></header-component>
 
     <!-- "About Us" Section-->
     <div class = "section-min-sizer">
@@ -168,43 +125,7 @@ <h2> Follow us on social media! </h2>
     </button></a>
     </div>
     <!-- FOOTER -->
-    <div class = "footer">
-      <div class = "flex-container">
-        <div class = "flex-item-left">
-          <h3> Address </h3>
-          <p class = "footer-text"> 
-            3800 E Stevens Way NE, Seattle, WA 98195 
-            <br>
-            lcl@seattlecommunitynetwork.org
-          </p>
-          <a href = "https://www.instagram.com/seattlecommnet/"><img class = "logo" src = "assets/IG_icon_circle.png" alt = "Instagram logo"></a>
-          <a href = "https://twitter.com/SeattleCommNet"><img class = "logo" src = "assets/twitter_icon_circle.png" alt = "twitter logo"></a>
-          <a href = "https://www.facebook.com/SeattleCommNet"><img class = "logo" src = "assets/facebook_icon_circle.png" alt = "Facebook logo"></a>
-          <br><br>
-        </div>
-
-        <div class = "flex-item-left">
-          <h3> Mission </h3>
-          <p class = "footer-text">
-            To facilitate community focused technology development and 
-            research in support of low-income, marginalized populations 
-            and groups.
-          </p>
-        </div>
-
-        <div class = "flex-item-left">
-          <div class = "flex-item-left">
-            <button onclick="location.href='https://discord.gg/gn4DKF83bP'" id = "subscribe-button">
-              &nbsp; Join our Discord &nbsp;
-            </button>
-            <br><br>
-            <button onclick="location.href='https://groups.google.com/a/seattlecommunitynetwork.org/g/local-connectivity-lab/'" id = "subscribe-button">
-              Subscribe to Mailing List
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>s
+    <footer-component></footer-component>
 </body>
 
 </html>
diff --git a/donate.html b/donate.html
index 3b1fafe..b590cb0 100644
--- a/donate.html
+++ b/donate.html
@@ -21,58 +21,15 @@
   <script src="js/bootstrap.js"></script>
 
   <script src="js/donate.js"></script>
+
+  <script src="js/headerTemplate.js" type="text/javascript" defer></script>
+  <script src="js/footerTemplate.js" type="text/javascript" defer></script>
+ 
 </head>
 
 <body>
-    <!--nav bar with header and tabs-->
-    <!-- nave bar should have click able drop downs-->
-
-    <header>
-      <a href = "index.html">
-        <img class = "img-logo" src = "assets/logo.png" alt = "Local Connectivity Lab Logo">
-      </a>
-      <h1> 
-        <a id = "landing-link" href = "index.html"> Seattle Community Network </a>
-      </h1>
-    </header>
-
-    <!--NAV BAR CODE-->
-    <nav class="navbar navbar-expand-lg navbar-light bg-white">
-        <div class="container-fluid">
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <div class="collapse navbar-collapse" id="navbarText">
-            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-              <li class="nav-item">
-                <a class="nav-link" href="index.html">Home</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link"  href="aboutUs.html">About Us</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" href="https://docs.seattlecommunitynetwork.org/">Docs</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" href="ourSites.html">Get Connected</a>
-              </li>
-              <li class="nav-item">
-                <a class = "nav-link" href="https://coverage.seattlecommunitynetwork.org/">Map</a>
-              </li>
-	      <li class="nav-item">
-            <a class="nav-link" href="https://docs.seattlecommunitynetwork.org/community/space/">Visit Our Space</a>
-          </li>
-              <li class="nav-item">
-                <a class="nav-link active" aria-current="page" href="donate.html">Donate</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" href="https://seattlecommunitynetwork.square.site/">Merch!</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </nav>
-    
+  <!--nav bar with header and tabs-->
+  <header-component></header-component>
     
     <div class = "donate-tan flex-container">
       <img class = "flex-wave"src = "assets/upsidedown wave.png" alt = "wave graphic upside down">
@@ -179,44 +136,6 @@ <h3>Donate with Paypal</h3>
   -->
     
     <!-- FOOTER -->
-    <div class = "footer">
-      <div class = "flex-container">
-        <div class = "flex-item-left">
-          <h3> Address </h3>
-          <p class = "footer-text"> 
-            3800 E Stevens Way NE, Seattle, WA 98195 
-            <br>
-            lcl@seattlecommunitynetwork.org
-          </p>
-          <a href = "https://www.instagram.com/seattlecommnet/"><img class = "logo" src = "assets/IG_icon_circle.png" alt = "Instagram logo"></a>
-          <a href = "https://twitter.com/SeattleCommNet"><img class = "logo" src = "assets/twitter_icon_circle.png" alt = "twitter logo"></a>
-          <a href = "https://www.facebook.com/SeattleCommNet"><img class = "logo" src = "assets/facebook_icon_circle.png" alt = "Facebook logo"></a>
-          <br><br>
-        </div>
-
-        <div class = "flex-item-left">
-          <h3> Mission </h3>
-          <p class = "footer-text">
-            To facilitate community focused technology development and 
-            research in support of low-income, marginalized populations 
-            and groups.
-          </p>
-        </div>
-
-        <div class = "flex-item-left">
-          <div class = "flex-item-left">
-            <button onclick="location.href='https://discord.gg/gn4DKF83bP'" id = "subscribe-button">
-              &nbsp; Join our Discord &nbsp;
-            </button>
-            <br><br>
-            <button onclick="location.href='https://groups.google.com/a/seattlecommunitynetwork.org/g/local-connectivity-lab/'" id = "subscribe-button">
-              Subscribe to Mailing List
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-
-
+    <footer-component></footer-component>
 </body>
 </html>
diff --git a/index.html b/index.html
index e0b97f4..6216df4 100644
--- a/index.html
+++ b/index.html
@@ -8,59 +8,17 @@
   <link rel="stylesheet" href="bootstrap-5.0.1-dist/css/bootstrap.css">
   <script src="bootstrap-5.0.1-dist/js/bootstrap.bundle.js"></script>
   <link rel="stylesheet" href="style.css">
+
+  <script src="js/headerTemplate.js" type="text/javascript" defer></script>
+  <script src="js/footerTemplate.js" type="text/javascript" defer></script>
+ 
 </head>
 
 <body>
   <!--nav bar with header and tabs-->
   <!-- nave bar should have click able drop downs-->
-  <header>
-    <a href="index.html">
-      <img class="img-logo" src="assets/logo.png" alt="Local Connectivity Lab Logo">
-    </a>
-    <h1>
-      <a id="landing-link" href="index.html"> Seattle Community Network </a>
-    </h1>
-  </header>
-
-  <!--NAV BAR CODE-->
-  <nav class="navbar navbar-expand-lg navbar-light bg-white">
-    <div class="container-fluid">
-      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
-        aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <div class="collapse navbar-collapse" id="navbarText">
-        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-          <li class="nav-item">
-            <a class="nav-link active" aria-current="page" href="index.html">Home</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="aboutUs.html">About Us</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="https://docs.seattlecommunitynetwork.org/">Docs</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="ourSites.html">Get Connected</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="https://coverage.seattlecommunitynetwork.org/">Map</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="https://docs.seattlecommunitynetwork.org/community/space/">Visit Our Space</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="donate.html">Donate</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="https://seattlecommunitynetwork.square.site/">Merch!</a>
-          </li>
-            <!--dropdown-->
-        </ul>
-      </div>
-    </div>
-  </nav>
-
+  <header-component></header-component>
+  
   <!-- BANNER -->
   <!--
     <div class = "wave-container">
@@ -247,46 +205,7 @@ <h2> Our Partners </h2>
   </div>
 
   <!-- FOOTER -->
-  <div class="footer">
-    <div class="flex-container">
-      <div class="flex-item-left">
-        <h3> Address </h3>
-        <p class="footer-text">
-          3800 E Stevens Way NE, Seattle, WA 98195
-          <br>
-          lcl@seattlecommunitynetwork.org
-        </p>
-        <a href="https://www.instagram.com/seattlecommnet/"><img class="logo" src="assets/IG_icon_circle.png"
-            alt="Instagram logo"></a>
-        <a href="https://twitter.com/SeattleCommNet"><img class="logo" src="assets/twitter_icon_circle.png"
-            alt="twitter logo"></a>
-        <a href="https://www.facebook.com/SeattleCommNet"><img class="logo" src="assets/facebook_icon_circle.png"
-            alt="Facebook logo"></a>
-        <br><br>
-      </div>
-
-      <div class="flex-item-left">
-        <h3> Mission </h3>
-        <p class="footer-text">
-          To facilitate community focused technology development and
-          research in support of low-income, marginalized populations
-          and groups.
-        </p>
-      </div>
-
-      <div class="flex-item-left">
-        <button onclick="location.href='https://discord.gg/gn4DKF83bP'" id="subscribe-button">
-          &nbsp; Join our Discord server &nbsp;
-        </button>
-        <br><br>
-        <button
-          onclick="location.href='https://groups.google.com/a/seattlecommunitynetwork.org/g/local-connectivity-lab/'"
-          id="subscribe-button">
-          Subscribe to Mailing List
-        </button>
-      </div>
-    </div>
-  </div>
+  <footer-component></footer-component>
 </body>
 
 </html>
diff --git a/js/footerTemplate.js b/js/footerTemplate.js
new file mode 100644
index 0000000..56b6e15
--- /dev/null
+++ b/js/footerTemplate.js
@@ -0,0 +1,57 @@
+class Footer extends HTMLElement {
+    constructor() {
+      super();
+    }
+  
+    connectedCallback() {
+      this.innerHTML = `
+        <script src="bootstrap-5.0.1-dist/js/bootstrap.bundle.js"></script>
+        <link rel="stylesheet" href="style.css">
+        
+        <div class="footer">
+          <div class="flex-container">
+            <div class="flex-item-left">
+              <h3> Address </h3>
+              <p class="footer-text">
+                3800 E Stevens Way NE, Seattle, WA 98195
+                <br>
+                lcl@seattlecommunitynetwork.org
+              </p>
+              <a href="https://www.instagram.com/seattlecommnet/"><img class="logo" src="assets/IG_icon_circle.png"
+                  alt="Instagram logo"></a>
+              <a href="https://twitter.com/SeattleCommNet"><img class="logo" src="assets/twitter_icon_circle.png"
+                  alt="twitter logo"></a>
+              <a href="https://www.facebook.com/SeattleCommNet"><img class="logo" src="assets/facebook_icon_circle.png"
+                  alt="Facebook logo"></a>
+              <br><br>
+            </div>
+
+            <div class="flex-item-left">
+              <h3> Mission </h3>
+              <p class="footer-text">
+                To facilitate community focused technology development and
+                research in support of low-income, marginalized populations
+                and groups.
+              </p>
+            </div>
+
+            <div class="flex-item-left">
+              <button onclick="location.href='https://discord.gg/gn4DKF83bP'" id="subscribe-button">
+                &nbsp; Join our Discord server &nbsp;
+              </button>
+              <br><br>
+              <button
+                onclick="location.href='https://groups.google.com/a/seattlecommunitynetwork.org/g/local-connectivity-lab/'"
+                id="subscribe-button">
+                Subscribe to Mailing List
+              </button>
+            </div>
+          </div>
+        </div>
+        
+      `;
+    }
+  }
+  
+  customElements.define('footer-component', Footer);
+  
\ No newline at end of file
diff --git a/js/headerTemplate.js b/js/headerTemplate.js
new file mode 100644
index 0000000..88e3967
--- /dev/null
+++ b/js/headerTemplate.js
@@ -0,0 +1,61 @@
+class Header extends HTMLElement {
+    constructor() {
+      super();
+    }
+  
+    connectedCallback() {
+      this.innerHTML = `
+        <script src="bootstrap-5.0.1-dist/js/bootstrap.bundle.js"></script>
+        <link rel="stylesheet" href="style.css">
+        
+        <header>
+          <a href="index.html">
+            <img class="img-logo" src="assets/logo.png" alt="Local Connectivity Lab Logo">
+          </a>
+          <h1>
+            <a id="landing-link" href="index.html"> Seattle Community Network </a>
+          </h1>
+        </header>
+          <nav class="navbar navbar-expand-lg navbar-light bg-white">
+            <div class="container-fluid">
+              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
+                aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+              </button>
+              <div class="collapse navbar-collapse" id="navbarText">
+                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                  <li class="nav-item">
+                    <a class="nav-link active" aria-current="page" href="index.html">Home</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="aboutUs.html">About Us</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="https://docs.seattlecommunitynetwork.org/">Docs</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="ourSites.html">Get Connected</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="https://coverage.seattlecommunitynetwork.org/">Map</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="https://docs.seattlecommunitynetwork.org/community/space/">Visit Our Space</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="donate.html">Donate</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="https://seattlecommunitynetwork.square.site/">Merch!</a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </nav>
+        
+      `;
+    }
+  }
+  
+  customElements.define('header-component', Header);
+  
\ No newline at end of file
diff --git a/learnMore.html b/learnMore.html
index a62e997..d94fe93 100644
--- a/learnMore.html
+++ b/learnMore.html
@@ -7,91 +7,18 @@
     <link rel="stylesheet" href="bootstrap-5.0.1-dist/css/bootstrap.css">
     <script src="bootstrap-5.0.1-dist/js/bootstrap.bundle.js"></script>
     <link rel="stylesheet" href="style.css">
+
+    <script src="js/headerTemplate.js" type="text/javascript" defer></script>
+    <script src="js/footerTemplate.js" type="text/javascript" defer></script>
     
 </head>
 
 <body>
-    <!--nav bar with header and tabs-->
-    <!-- nave bar should have click able drop downs-->
-
-    <header>
-      <a href = "index.html">
-        <img class = "img-logo" src = "assets/logo.png" alt = "Local Connectivity Lab Logo">
-      </a>
-      <h1> 
-        <a id = "landing-link" href = "index.html"> Seattle Community Network </a>
-      </h1>
-    </header>
-
-    <!--NAV BAR CODE-->
-    <nav class="navbar navbar-expand-lg navbar-light bg-white">
-        <div class="container-fluid">
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-          <div class="collapse navbar-collapse" id="navbarText">
-            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-              <li class="nav-item">
-                <a class="nav-link" href="index.html">Home</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" href="aboutUs.html">About Us</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link active" aria-current="page" href="https://docs.seattlecommunitynetwork.org/">Learn More</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" href="ourSites.html">Connect</a>
-              </li>
-              <li class="nav-item">
-                <a class = "nav-link" href="https://coverage.seattlecommunitynetwork.org/">Map</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" href="donate.html">Donate</a>
-              </li>
-              <li class="nav-item">
-                <a class="nav-link" href="https://docs.seattlecommunitynetwork.org/community/tech-help.html">Get Help</a> <!--dropdown-->
-              </li>
-            </ul>
-          </div>
-        </div>
-      </nav>
-
-      <!-- FOOTER -->
-    <div class = "footer">
-      <div class = "flex-container">
-        <div class = "flex-item-left">
-          <h3> Address </h3>
-          <p class = "footer-text"> 3800 E Stevens Way NE, Seattle, WA 98195 </p>
-          <p class = "footer-text"> lcl@seattlecommunitynetwork.org </p>
-          <br>
-          <a href = "https://www.instagram.com/seattlecommnet/"><img class = "logo" src = "assets/IG_icon_circle.png" alt = "Instagram logo"></a>
-          <a href = "https://twitter.com/SeattleCommNet"><img class = "logo" src = "assets/twitter_icon_circle.png" alt = "twitter logo"></a>
-          <a href = "https://www.facebook.com/SeattleCommNet"><img class = "logo" src = "assets/facebook_icon_circle.png" alt = "Facebook logo"></a>
-        </div>
-
-        <div class = "flex-item-left">
-          <h3> Mission </h3>
-          <p class = "footer-text">
-            To facilitate community focused technology development and 
-            research in support of low-income, marginalized populations 
-            and groups.
-          </p>
-        </div>
+  <!--nav bar with header and tabs-->
+  <header-component></header-component>
 
-        <div class = "flex-item-left">
-          <div class = "flex-item-left">
-            <button onclick="location.href='https://discord.gg/gn4DKF83bP'" id = "subscribe-button">
-              &nbsp; Join our Discord &nbsp;
-            </button>
-            <br><br>
-            <button onclick="location.href='https://groups.google.com/a/seattlecommunitynetwork.org/g/local-connectivity-lab/'" id = "subscribe-button">
-              Subscribe to Mailing List
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
+  <!-- FOOTER -->
+  <footer-component></footer-component>
 </body>
 
 </html>
diff --git a/ourSites.html b/ourSites.html
index 8547d48..7516f1f 100644
--- a/ourSites.html
+++ b/ourSites.html
@@ -9,57 +9,14 @@
   <script src="bootstrap-5.0.1-dist/js/bootstrap.bundle.js"></script>
   <link rel="stylesheet" href="style.css">
 
+  <script src="js/headerTemplate.js" type="text/javascript" defer></script>
+  <script src="js/footerTemplate.js" type="text/javascript" defer></script>
+
 </head>
 
 <body>
   <!--nav bar with header and tabs-->
-  <!-- nave bar should have click able drop downs-->
-  <header>
-    <a href="index.html">
-      <img class="img-logo" src="assets/logo.png" alt="Local Connectivity Lab Logo">
-    </a>
-    <h1>
-      <a id="landing-link" href="index.html"> Seattle Community Network </a>
-    </h1>
-  </header>
-
-  <!--NAV BAR CODE-->
-  <nav class="navbar navbar-expand-lg navbar-light bg-white">
-    <div class="container-fluid">
-      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
-        aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <div class="collapse navbar-collapse" id="navbarText">
-        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-          <li class="nav-item">
-            <a class="nav-link" href="index.html">Home</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="aboutUs.html">About Us</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="https://docs.seattlecommunitynetwork.org/">Docs</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link active" aria-current="page" href="ourSites.html">Get Connected</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="https://coverage.seattlecommunitynetwork.org/">Map</a>
-          </li>
-	   <li class="nav-item">
-            <a class="nav-link" href="https://docs.seattlecommunitynetwork.org/community/space/">Visit Our Space</a>
-           </li>
-          <li class="nav-item">
-            <a class="nav-link" href="donate.html">Donate</a>
-          </li>
-              <li class="nav-item">
-                <a class="nav-link" href="https://seattlecommunitynetwork.square.site/">Merch!</a> 
-              </li>
-        </ul>
-      </div>
-    </div>
-  </nav>
+  <header-component></header-component>
 
   <!-- TEXT SECTIONS-->
   <div>
@@ -294,48 +251,7 @@ <h2>Sites and Estimated LTE Coverage Map</h2>
 </div>
 
   <!-- FOOTER -->
-  <div class="footer">
-    <div class="flex-container">
-      <div class="flex-item-left">
-        <h3> Address </h3>
-        <p class="footer-text">
-          3800 E Stevens Way NE, Seattle, WA 98195
-          <br>
-          lcl@seattlecommunitynetwork.org
-        </p>
-        <a href="https://www.instagram.com/seattlecommnet/"><img class="logo" src="assets/IG_icon_circle.png"
-            alt="Instagram logo"></a>
-        <a href="https://twitter.com/SeattleCommNet"><img class="logo" src="assets/twitter_icon_circle.png"
-            alt="twitter logo"></a>
-        <a href="https://www.facebook.com/SeattleCommNet"><img class="logo" src="assets/facebook_icon_circle.png"
-            alt="Facebook logo"></a>
-        <br><br>
-      </div>
-
-      <div class="flex-item-left">
-        <h3> Mission </h3>
-        <p class="footer-text">
-          To facilitate community focused technology development and
-          research in support of low-income, marginalized populations
-          and groups.
-        </p>
-      </div>
-
-      <div class="flex-item-left">
-        <div class="flex-item-left">
-          <button onclick="location.href='https://discord.gg/gn4DKF83bP'" id="subscribe-button">
-            &nbsp; Join our Discord &nbsp;
-          </button>
-          <br><br>
-          <button
-            onclick="location.href='https://groups.google.com/a/seattlecommunitynetwork.org/g/local-connectivity-lab/'"
-            id="subscribe-button">
-            Subscribe to Mailing List
-          </button>
-        </div>
-      </div>
-    </div>
-  </div>
+  <footer-component></footer-component>
 
 </body>
 
