<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>