index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mijn eerste website</title>
    <link rel="stylesheet" href="/css/styles.css">
</head>
<body>
    <!-- PAGE CONTAINER -->
    <div class="container-page">

    <!-- HEADER -->
    <header>

        <nav>
            <div class="container">
                <h1 id="logo-tekst">Mijn eerste website</h1>
            </div>
            <div class="container">
                <ul class="list-menu">
                    <li><a href="/index.html">Home</a></li>
                    <li><a href="/about.html">Over mezelf</a></li>
                </ul>
            </div>
        </nav>

        <h2 class="h2-header">Mijn eerste 'HTML'!</h2>

    </header>

    <!-- MAIN -->
    <main>
    
        <p class="black-border">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam in fugiat numquam blanditiis
            repellendus adipisci porro quisquam soluta quaerat delectus rerum amet ducimus accusantium, nulla dolorum est
            sequi dolor consectetur a iure quas beatae. Doloribus quasi corrupti totam harum, reiciendis velit fugit
            quibusdam incidunt error quaerat recusandae, dolor amet reprehenderit.</p>
    
        <ul class="list">
            <li>AFC Ajax</li>
            <li>Mijn telefoon</li>
            <li>Mijn auto</li>
        </ul>
    
    </main>
    
    

    <!-- FOOTER -->
    <footer class="footer">
        <a href="https://www.google.nl/" target="_blank" rel="noopener noreferrer">Kijk ook online via
            Google</a>
    </footer>
</div>
</body>
</html>