3. add nav, main, and footer elements (.. .)
<!DOCTYPE html>
<html>
<head>
<title>ABOUT</title>
</head>
<body>
<div class="topnav">
<a href="home.html">Home</a>
<a href="contact.html">Contact</a>
<a href="about.html">About</a>
</div>
<div>
<h1>About ME</h1>
<picture>
<source media="(min-width:650px)" srcset="lake-650.jpg">
<source media="(min-width:465px)" srcset="lake-465.jpg">
<img src="lake.jpg" alt="lake" style="width:auto;">
</picture>
<p>Why hello there and welcome!.</p>
<p>Hello there my name is Josiah McSweeney and I am a computer engineering student I really enjoy working with computers and exploring what I'm able to do with them I am currently 22 years and I'm working towards getting my associate's degree In computer engineering.</p>
<p>My motto: is take your time do your best and you will always succeed.</p>
<div>
<span>
<h2>Interest and hobbies </h2>
<p>I really enjoy photography anime video games and almost anything that has to do with computers I've always enjoyed playing on working on and exploring what I can do using computers which is one of the reasons why I'm here today in this class below is a very small list of some of my interest . </p>
<ul>
<li>anime</li>
<li>video games</li>
<li>photography</li>
</ul>
<p>I hope you found my page enjoyable and thank you for reading.</p>
</span>
<div class="footer">
<p>Copyright Reserved</p>
</div>
</body>
</html>
Step by step
Solved in 4 steps
