code

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="styles.css" type="text/css">
    <title>FlexBoxs</title>
  </head>
  <body>

    <header>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac vehicula sem. Sed in vulputate lacus, viverra eleifend risus. Duis sagittis sed felis ut finibus. Suspendisse sodales tellus in porta rutrum. Mauris lacus nisl, venenatis ac mollis eget, euismod sit amet velit. Aenean dignissim in magna vitae porttitor. Nunc tellus velit, mattis sed sem non, sagittis mollis mauris. Integer sed pharetra dui. Suspendisse iaculis dui sed lacus ornare lacinia.
    </header>
    <div class="box">
      <nav>
        <ul>
          <li><a href="#bas">Allez en bas</a></li>
        </ul>
      </nav>

      <section>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac vehicula sem. Sed in vulputate lacus, viverra eleifend risus. Duis sagittis sed felis ut finibus. Suspendisse sodales tellus in porta rutrum. Mauris lacus nisl, venenatis ac mollis eget, euismod sit amet velit. Aenean dignissim in magna vitae porttitor. Nunc tellus velit, mattis sed sem non, sagittis mollis mauris. Integer sed pharetra dui. Suspendisse iaculis dui sed lacus ornare lacinia.
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac vehicula sem. Sed in vulputate lacus, viverra eleifend risus. Duis sagittis sed felis ut finibus. Suspendisse sodales tellus in porta rutrum. Mauris lacus nisl, venenatis ac mollis eget, euismod sit amet velit. Aenean dignissim in magna vitae porttitor. Nunc tellus velit, mattis sed sem non, sagittis mollis mauris. Integer sed pharetra dui. Suspendisse iaculis dui sed lacus ornare lacinia.
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac vehicula sem. Sed in vulputate lacus, viverra eleifend risus. Duis sagittis sed felis ut finibus. Suspendisse sodales tellus in porta rutrum. Mauris lacus nisl, venenatis ac mollis eget, euismod sit amet velit. Aenean dignissim in magna vitae porttitor. Nunc tellus velit, mattis sed sem non, sagittis mollis mauris. Integer sed pharetra dui. Suspendisse iaculis dui sed lacus ornare lacinia.
      </section>

      <aside>
        <img src="logo.png" alt="Logo de l'IUT">
      </aside>
    </div>


    <footer>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac vehicula sem. Sed in vulputate lacus, viverra eleifend risus. Duis sagittis sed felis ut finibus. Suspendisse sodales tellus in porta rutrum. Mauris lacus nisl, venenatis ac mollis eget, euismod sit amet velit. Aenean dignissim in magna vitae porttitor. Nunc tellus velit, mattis sed sem non, sagittis mollis mauris. Integer sed pharetra dui. Suspendisse iaculis dui sed lacus ornare lacinia.
    </footer>

  </body>
</html>