<!DOCTYPE html>
<html>
<head>
<title>My Homepage</title>
<link rel="stylesheet" href="home_page.css">
</head>
<body background="home-2.jpg" height=100% width=100%>
<header>
<h1><u>Welcome to Instagram</u></h1>
<a href=""><f-brands f-instagram></a>
</header>
<div class="main">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">application</a></li>
<li><a href="#">application</a></li>
<li><a href="#">application</a></li>
<li><a href="#">application</a></li>
<li><a href="#">application</a></li>
<li><a href="#">application</a></li>
<li><a href="#">application</a></li>
</ul></div>
<main>
<div class="container">
<br><br>
<h2>About Me</h2>
<p>Hi, my name is John Doe and I'm a web developer.
I love creating websites and web applications using HTML, CSS, and JavaScript.
When I'm not coding, I enjoy hiking and playing guitar.</p></div>
<section>
<h2>Recent Projects</h2>
<ul>
<li><a href="#">Project 1</a></li>
<li><a href="#">Project 2</a></li>
<li><a href="#">Project 3</a></li>
</ul>
</section>
</main>
<footer>
<p>@ 2023 John Doe</p>
</footer>
</body>
</html>