index.html

<!DOCTYPE html>
<html>
    <head>
        <title> Pheusoj's cool stuff!</title>
        <link rel="stylesheet" href="styles.css">
    </head>
    <body>
        <nav class="navbar">
            <h1 class="logo">
                <a href="index.html">Josue HP</a> 
            </h1>
            <ul class="nav-links">
                <li><a href="index.html">Home</a></li>
                <li><a href="blog.html">Blog</a></li>
                <li><a href="resume.html">Resume</a></li>
                <li><a href="portfolio.html">Portfolio</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </nav>
        <main>
            <h1 class="index-title">About me</h1>
            <div class="about">
                <div class="about-image">
                    <img src="shark yum.jpg" alt="tuff ahh picture of me infront of a shark" width="210" height="300">
                </div>
                <div class="about-text">
                    <p><strong>Hey</strong>, My name is Josue. I was born <em>September 3rd, 2008</em>. I like cats, making art, and I hope to be a <strong>video game developer</strong> one day.</p>
                    <p>I hope that Hack4Impact will lead to a lot of oppurtunites and experience. And I hope to get along with others in the club!</p>
                </div>
            </div>
        </main>
        <footer class="footer">© 2026 Pheusoj's Cool Stuff | All Rights Reserved</footer>
    </body>
</html>