assignment a4

2024-11-11 23:03:20 -05:00
parent f455c13731
commit b3bc3f558e
24 changed files with 3647 additions and 1 deletions
--- a/assignments/a4/index.html
+++ b/assignments/a4/index.html
@@ -0,0 +1,57 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Assignment A4</title>
+
+    <link rel="stylesheet" href="./css/index.css" />
+    <link rel="preconnect" href="https://rsms.me/" />
+    <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+
+    <script type="module" src="./components/header.js"></script>
+  </head>
+  <body>
+    <a4-header></a4-header>
+
+    <section>
+      <div>
+        <h1>Welcome.</h1>
+        <h2>We're glad you're here.</h2>
+        <button>Learn More</button>
+      </div>
+
+      <div>
+        <h3>Join our mailing list for updates!</h3>
+        <form>
+          <div>
+            <label for="name">Your Name</label>
+            <div>
+              <input name="name" id="name" required placeholder="First Last" />
+            </div>
+          </div>
+
+          <div>
+            <label for="email">Email</label>
+            <div>
+              <input type="email" name="email" id="email" required placeholder="you@example.com" />
+            </div>
+          </div>
+
+          <button>Submit</button>
+        </form>
+      </div>
+
+      <div>
+        <div></div>
+        <img src="./img/clt0.jpg" alt="photo of charlotte" />
+        <img src="./img/clt1.jpg" alt="photo of charlotte" />
+        <img src="./img/clt2.jpg" alt="photo of charlotte" />
+      </div>
+    </section>
+
+    <footer>
+      <p>&copy; comp126</p>
+    </footer>
+  </body>
+</html>