diff --git a/index.html b/index.html
index 45f8b0d..bf516d1 100644
--- a/index.html
+++ b/index.html
@@ -14,9 +14,6 @@
     <!-- default kbsb navigation component -->
     <kbsb-navbar></kbsb-navbar>
 
-    <kbsb-message data-text="Test">Person by Knut M. Synstad from NounProject.com</kbsb-message>
-    
-    
     <section class="section">
         <div class="container">
             <h1 class="heading">
@@ -24,12 +21,13 @@ <h1 class="heading">
             </h1>
         </div>
     </section>
-    
+
     <!-- profile app -->
     <div id="app"></div>
 
     <!-- default kbsb footer -->
     <kbsb-footer></kbsb-footer>
+    <kbsb-footer-shebang></kbsb-footer-shebang>
 
 </body>
 </html>
diff --git a/src/components/footerShebang.ts b/src/components/footerShebang.ts
new file mode 100644
index 0000000..69b40bb
--- /dev/null
+++ b/src/components/footerShebang.ts
@@ -0,0 +1,36 @@
+// Create a class for the element
+class FooterShebang extends HTMLElement {
+	constructor() {
+		// Always call super first in constructor
+		super();
+
+		// Create a shadow root
+		const shadow = this.attachShadow({ mode: 'open' });
+
+		// Create wrapper
+		const img = document.createElement('img');
+		img.setAttribute('class', 'logo-shebang');
+		img.setAttribute('src', 'https://www.kaboomshebang.com/logos/shebang_3d_for_web.svg');
+		img.setAttribute('alt', 'The Kaboom Shebang');
+
+		// Create some CSS to apply to the shadow dom
+		const style = document.createElement('style');
+
+		style.textContent = `
+		.logo-shebang {
+			position: fixed;
+			display: block;
+			max-width: 3.5rem;
+			right: 0;
+			bottom: 1rem;
+		}
+		`;
+
+		// Attach the created elements to the shadow dom
+		shadow.appendChild(style);
+		shadow.appendChild(img);
+	}
+}
+
+// Define the new element
+customElements.define('kbsb-footer-shebang', FooterShebang);
diff --git a/src/main.ts b/src/main.ts
index b467dff..e79d6b0 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -8,6 +8,7 @@ import './style.css';
 import './components/filterButton';
 import './components/navBar';
 import './components/footer';
+import './components/footerShebang';
 
 // a map of all the unique skills
 // value represents the filter state // default false (inactive)