diff --git a/demo16/template.html b/demo16/template.html
new file mode 100644
index 0000000000000000000000000000000000000000..0428695bde08b597d02307400b2d32eac767a4da
--- /dev/null
+++ b/demo16/template.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style/main.css">
+    <title>Template</title>
+</head>
+<body>
+    
+    <header>
+
+        <div class="logo"><img src="" alt=""></div>
+
+        <nav class="desktop">
+            <a href="index.html">Home Page</a>
+            <a href="about.html">About</a>
+            <a href="contact.html">Contact Us</a>
+            <a href="bands.html">Bands</a>
+        </nav>
+
+        <nav class="mobile">   
+            <a href="index.html"><img src="images/" alt=""></a>
+            <a href="about.html"><img src="" alt=""></a>
+            <a href="contact.html"><img src="" alt=""></a>
+            <a href="bands.html"><img src="" alt=""></a>
+        </nav>
+    </header>
+
+    <main>
+        <section>
+            <article>
+                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsam a explicabo commodi eum distinctio fugiat incidunt ullam quo et odio. Delectus, a! Tempore accusantium minus vel itaque ex architecto omnis?</p>
+            </article>
+            <article>
+                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Rerum, eum est. Cumque vel laudantium qui dolorum, hic dolorem fugiat, ipsam illum laborum non vitae ut nobis soluta officiis omnis quaerat.</p>
+            </article>
+        </section>
+    </main>
+
+    <footer>
+        <p>JSTADON @2024</p>
+        <div class="socials">
+            <a href=""></a>
+            <a href=""></a>
+            <a href=""></a>
+        </div>
+        <form action="#">
+            <label for="email">E-mail address</label>
+            <input type="email" name="email" id="email">
+            <label for="agree"><a href="docs/tac.pdf" target="_blank">Agree to Terms and Conditions</a></label>
+            <input type="checkbox" name="terms" id="agree">
+            <input type="submit" value="Submit">
+        </form>
+    </footer>
+</body>
+</html>
\ No newline at end of file