main.html

<!DOCTYPE html>
<html>
<title>Karim's Corner</title>
<body style="background-color:#c5d7ee">
<header style="font-size: 50px; text-align: center;">
Karim Abboud
<nav style="text-align: center; font-size: 18px">
  <a href="#">Main Page</a> |
  <a href="contact.html">Contact Info</a> |
  <a href="https://www.linkedin.com/in/karimabboud/">LinkedIn</a>
</nav>
</header>

<main>

<article>
<section>
<p>
Hi, I'm Karim. I am in CS at Ryerson University. I like video games.
</p>
</section>

<aside>
<figure>
    <img src="logo.png" 
         alt="Ryerson University"
         style="width:225px;">
<figcaption>
<details>
<summary>Ryerson University</summary>
<pre>
Ryerson University was founded 
in 1948 originally as the Ryerson 
Institute of Technology and was 
renamed to Ryerson Polytechnic 
University in 1993, before
finally changing to its current
name in 2002.
</pre>
</details>
</figcaption>
</figure>
</aside>
</article>

</main>

<footer style="text-align: center; position:fixed; bottom:0; width:100%;">
<div style="text-align: center;">
  <a href="#">Back to Top</a>
</div>
</footer>
</body>
</html>