{% extends "templates/layout.html" %}

{% block content %}
<main class="main-container">
    <h1>Elias Haugsbakk's Webpage</h1>

    <div class="content-grid">
        <div class="left-column">
            <img src="/images/elias_haugsbakk.JPEG" alt="Image of Elias Haugsbakk" class="profile-img">
            <p>Hello! I am Elias and this is my webpage.</p>
        </div>

        <div class="right-column">
            <ul>
                <li><a href="/blog">Blog</a> <span class="description">-- personal projects and thoughts</span></li>
                <li><a href="https://github.com/eliashaugsbakk">GitHub</a> <span class="description">-- home for my code</span></li>
                <li><a href="/projects">Projects</a> <span class="description">-- the projects I have worked on</span></li>
            </ul>
        </div>
    </div>
</main>
{% endblock %}