Untitled

<!DOCTYPE html>
<html lang="fr" dir="fr">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>COULON Ludovic</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Site sur le cours">
    <meta name="keywords" content="HTML, CSS, WebDesgin, Intégration">
    <meta name="author" content="Ludovic COULON">
    <link rel="stylesheet" type="text/css" media="screen" href="/css/main.css" />
    <link rel="icon" type="image/png" href="favicon.png">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:700" rel="stylesheet">
    <script src="main.js"></script>
</head>

<body>
    <div id="global">
        <header>
            <!--Entête-->
            <h1>Titre de mon site web super géniale</h1>
        </header>
        <nav>
            <!--Navigation principal du site-->
            <ul>
                <li><a href="index.html" alt="page d'accueil" title="Titre du site">Home</a></li>
            </ul>
        </nav>
        <!--Fin de la balise nav-->
        <div id="contenu">
            <div id="ariane">
                <p>Vous êtes ici : <a href="index.html" alt="Vous êtes sur la page d'acceuil" title="page accueil">Accueil</a></p>
            </div>
            <section>
                <article>
                    <h1>Titre de niveau 1</h1>
                    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quisquam quod debitis consequuntur,
                        animi sunt iure? Unde placeat velit laborum quos eum neque minima aspernatur eaque officiis at!
                        Ea, obcaecati labore.</p>
                    <img src="img/jul.png" alt="jul le S poto">
                </article>
            </section>
            <aside>
                <ul>
                    <li>Lien 1</li>
                    <li>Lien 2</li>
                    <li>Lien 3</li>
                    <li>Lien 4</li>
                    <li>Lien 5</li>
                </ul>
            </aside>
        </div>
        <footer>
            <p>2018</p>
        </footer>
    </div>
</body>

</html>