<html>
    <head>
        <link rel="stylesheet" href="basic.css">
        <link rel="stylesheet" href="index.css">
    </head>
    <body>
        <header>
            <nav id="navbar">
                <ul>
                    <li><a href="#">home</a></li>
                    <li><a href="#">about</a></li>
                    <li><a href="#">contact</a></li>
                </ul>
            </nav>
        </header>
        <main>
            <h1>my awesome portfolio</h1>
            <div class="grid">
                <div class="item">
                    <h1>project a</h1>
                    <button>learn more</button>
                </div>
                <div class="item">
                    <h1>project b</h1>
                    <button>learn more</button>
                </div>
                <div class="item">
                    <h1>project c</h1>
                    <button>learn more</button>
                </div>
                <div class="item done">
                    <h1>project d</h1>
                    <button>learn more</button>
                </div>
            </div>
        </main>
        <footer><p>Made with ☕ in Norway</p></footer>
    </body>
</html>

<html>

<head>

</head>

<body>

<ul>

<li><a href="#">about</a></li>

<li><a href="#">contact</a></li>

</ul>

</nav>

</header>

<main>

<h1>my awesome portfolio</h1>

<h1>project a</h1>

<button>learn more</button>

</div>

<h1>project b</h1>

<button>learn more</button>

</div>

<h1>project c</h1>

<button>learn more</button>

</div>

<h1>project d</h1>

<button>learn more</button>

</div>

</main>

<footer><p>Made with ☕ in Norway</p></footer>

</body>

</html>

-3:08