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