joey/comp126
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

assignment a4

Browse Source
This commit is contained in:
Joey Eamigh
2024-11-11 23:03:20 -05:00
parent f455c13731
commit b3bc3f558e
24 changed files with 3647 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
assignments/a3/index.html Normal file
View File

@@ -0,0 +1,122 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Assignment A3</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" />
</head>
<body>
<header>
<button popovertarget="mobile-nav-menu" class="mobile">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor">
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
</svg>
</button>
<p class="mobile">Menu</p>
<div class="mobile">
<a href="#">Login</a>
</div>
<nav id="mobile-nav-menu" popover class="mobile">
<p>Menu</p>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</nav>
<nav>
<a href="#"
><svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor">
<path
stroke-linecap="round"
stroke-linejoin="round"
d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
</svg>
</a>
<a href="#">About</a>
<a href="#">Contact</a>
<div>
<a href="#">Login</a>
</div>
</nav>
</header>
<section>
<main>
<img src="./img/clt.webp" />
<h1>something important</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel error eaque ducimus explicabo
consequuntur ipsum voluptatem nobis laboriosam obcaecati illum officiis natus sed ea modi
architecto distinctio, iste id quos! Lorem ipsum dolor sit amet consectetur adipisicing
elit. Reiciendis porro asperiores praesentium blanditiis possimus commodi maiores earum
repellendus recusandae aut expedita accusamus, nemo consequuntur iste impedit. Facilis
odit consequatur dolor.
</p>
</main>
<aside>
<h3>news</h3>
<article>
<h4>this happened</h4>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempore reiciendis est
blanditiis temporibus necessitatibus! Commodi dolorum quam veniam deleniti, ipsa
recusandae labore perspiciatis harum dignissimos voluptates quos laborum expedita
nesciunt.
</p>
</article>
<article>
<h4>this happened</h4>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempore reiciendis est
blanditiis temporibus necessitatibus! Commodi dolorum quam veniam deleniti, ipsa
recusandae labore perspiciatis harum dignissimos voluptates quos laborum expedita
nesciunt.
</p>
</article>
<article>
<h4>this happened</h4>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempore reiciendis est
blanditiis temporibus necessitatibus! Commodi dolorum quam veniam deleniti, ipsa
recusandae labore perspiciatis harum dignissimos voluptates quos laborum expedita
nesciunt.
</p>
</article>
</aside>
</section>
<footer>
<p>keep software free</p>
</footer>
</body>
</html>