99 lines
3.4 KiB
HTML
99 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Assignment 1 - Kaj Forney</title>
|
|
<link rel="stylesheet" href="../styles/site.css" />
|
|
</head>
|
|
<body>
|
|
<div id="webpage">
|
|
<header id="banner">
|
|
<img src="../images/avatar.png" alt="My logo." />
|
|
<img src="../images/hlaScreenshot.jpg" alt="A screenshot from the VR game Half-Life: Alyx." />
|
|
<h1>My ITM 325 Web Site</h1>
|
|
<nav>
|
|
<ul>
|
|
<li>
|
|
<a href="#">Home</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Classes</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Resume</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">About</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Contact</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Other</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<div id="wrapper">
|
|
<aside id="links">
|
|
<h2>Side Links</h2>
|
|
<ul>
|
|
<li>
|
|
<a href="#">Link 1</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Link 2</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Link 3</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Link 4</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Link 5</a>
|
|
</li>
|
|
</ul>
|
|
</aside>
|
|
<section id="posts">
|
|
<article>
|
|
<h2>
|
|
<a href="#">Post One</a>
|
|
</h2>
|
|
<p>
|
|
This is text that is definitely meaningful, and is totally not just a placeholder. This text is very important. Words! Text! Huzzah!
|
|
</p>
|
|
<footer>Author: Kaj Forney</footer>
|
|
</article>
|
|
<hr />
|
|
<article>
|
|
<h2>
|
|
<a href="#">Post Two</a>
|
|
</h2>
|
|
<p>
|
|
This is text that is definitely meaningful, and is totally not just a placeholder. This text is very important. Words! Text! Huzzah!
|
|
</p>
|
|
<footer>Author: Kaj Forney</footer>
|
|
</article>
|
|
<hr />
|
|
<article>
|
|
<h2>
|
|
<a href="#">Post Three</a>
|
|
</h2>
|
|
<p>
|
|
This is text that is definitely meaningful, and is totally not just a placeholder. This text is very important. Words! Text! Huzzah!
|
|
</p>
|
|
<footer>Author: Kaj Forney</footer>
|
|
</article>
|
|
</section>
|
|
</div>
|
|
|
|
<footer id="footer">
|
|
<img src="../images/mcScreenshot.png" alt="A screenshot of Minecraft." />
|
|
<p>© 2023 Kaj Forney</p>
|
|
<img src="../images/avatar.png" alt="My logo." />
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html> |