Interstellar commit

header.js

@@ -0,0 +1,26 @@
+// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt AGPL-3.0
+class Header extends HTMLElement {
+  constructor() {
+    super();
+  }
+
+  connectedCallback() {
+    this.innerHTML = `
+      <header>
+        <div class="header-content">
+          <div><a href="index.html" class="project-name">Interstellar Development</a></div>
+            <ul>
+                <li><a href="index.html#project">Our Projects</a></li>
+                <li><a href="index.html#about">Our Team</a></li>
+                <li><a href="index.html#vision">Our Vision</a></li>
+                <li><a href="contact.html">Contact Us</a></li>
+            </ul>
+        </div>     
+      </header>
+    `;
+  }
+}
+
+customElements.define('header-component', Header);
+
+// @license-end