index.html

<!DOCTYPE html>
<html>
    <head>
        <title>
            Index
        </title>
        <link rel="stylesheet" type="text/css" href="styles.css" />
    </head>

    <body>
        <nav class="navbar">
            <h1 class="logo">
                <a href="index.html">Main Page</a>
            </h1>

            <ul class="nav-list">
                <li><a href = "index.html">Home</a></li>
                <li><a href = "blog.html">Blog</a></li>
                <li><a href = "portfolio.html">Portfolio</a></li>
                <li><a href = "resume.html">Resume</a></li>
                <li><a href = "contact.html">Contact</a></li>
            </ul>
        </nav>

        <main>
            <h1 class="page-title">My Index!</h1>
            <div class="about">
                <div class="about-image">
                    <img src="Background_Image.png" width="700" height="394" alt="Landscape of trees and mountains">
                </div>
                <div class="about-text">
                    <p>
                        Hi, I'm <strong>Stearman Rubey!</strong>
                    </p>
                    <p>
                        I'm a first year student at <em>Cal Poly SLO</em> studying <strong>Computer Science!</strong>
                    </p>
                    <p>
                        I'm making this website as part of the <em>Hack4Impact</em> starter pack, and am learning about git, HTML, CSS, and more!
                    </p>
                </div>
            </div>
        </main>
        
        <footer>
            © 2024 Stearman's Website | All Rights Reserved
        </footer>
    </body>
</html>