index.html


<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Titre de la page</title>
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" media="screen and (max-width: 800px)" href="small_style.css" />
  <script src="mon_script.js"></script>
</head>
<body>

    <header>
        header
    </header>

    <!--icone burger-->
    <img src="./image/burger_icone.png" alt="burger menue icône" id="burger">

    <nav>
        <!--nav du haut de page-->
        <ul>
            <li>Acceuil</li>
            <li>HTML</li>
            <li>JS</li>
            <li>PHP</li>
            <li>Vue</li>
        </ul>
    </nav>

    <main>
       <!--Corp de la page--> 
       <article>
            <p>
                Promis je vais faire une jolie page.
                </br>
                Le tp d'aujourd'hui est accessible là-bas -------------->
            </p>
       </article>
       
       <!--left arrow-->
       <img src="./image/left_side_arrow.jpg" alt="left side arrow" id="left_arrow">

        <aside>
            <!--nav en sidebar-->
           <ul>
               <li><a href="./page_js/tp2_js.html">exercice de la sceance 4</a></li>
               <li><a href="./exemple_sw_prof/PWA Tutorial.html">test SW</a></li></li>
               <li>page 3</li>
           </ul>
       </aside>
    </main>
    
    <footer>
        @copyright
    </footer>

</body>
</html>