<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS Flexbox and a JavaScript eventListener</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>CSS Flexbox and a JavaScript eventListener</h1>
</header>
<nav>
<a href="#">link 1</a>
<a href="#">link 2</a>
<a href="#">link 3</a>
<a href="#">link 4</a>
<a href="#">link 4</a>
<a href="#">link 5</a>
</nav>
<main>
<p id="hello">Click me to say hello</p>
</main>
<script src="js/scripts.js"></script>
</body>
</html>