<!DOCTYPE html>
<html lang='fr'>
<head>
  <meta charset='utf-8'>
  <title>Document HTML</title>
</head>
<body>

  <!--
  Voici l'en-tête principal, utilisé sur les
  différentes pages du site web
  -->
  <header>
  
	Bannière avec logo & slogan par exemple.

    <!--
    Bien que ce ne soit pas obligatoire, on trouve
    généralement un menu de navigation dans l'en-tête
    principal
    -->
    <nav>
      <ul>
        <li><a href='#'>Navigation</a></li>
        <li><a href='#'>Qui nous sommes</a></li>
        <li><a href='#'>Ce que nous faisons</a></li>
        <li><a href='#'>Contact</a></li>
      </ul>
    </nav>
  </header>

	<!--
	Voici le contenu principal qui contient un article
    -->
    <article>
      <h1>Titre</h1>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
      Donec a diam lectus. Set sit amet ipsum mauris. Maecenas congue
      ligula as quam viverra nec consectetur ant hendrerit. Donec et
      mollis dolor. Praesent et diam eget libero egestas mattis sit
      amet vitae augue. Nam tincidunt congue enim, ut porta lorem
      lacinia consectetur.</p>

      <h2>Sous-section</h2>
      <p>Donec ut librero sed accu vehicula ultricies a non tortor.
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aenean
      ut gravida lorem. Ut turpis felis, pulvinar a semper sed,
      adipiscing id dolor.</p>

      <p>Pelientesque auctor nisi id magna consequat sagittis.
      Curabitur dapibus, enim sit amet elit pharetra tincidunt feugiat
      nist imperdiet. Ut convallis libero in urna ultrices accumsan.
      Donec sed odio eros.</p>

      <h2>Une autre sous-section</h2>
      <p>Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus.
      Cum soclis natoque penatibus et manis dis parturient montes,
      nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris
      vitae nisi at sem facilisis semper ac in est.</p>

      <p>Vivamus fermentum semper porta. Nunc diam velit, adipscing ut
      tristique vitae sagittis vel odio. Maecenas convallis ullamcorper
      ultricied. Curabitur ornare, ligula semper consectetur sagittis,
      nisi diam iaculis velit, is fringille sem nunc vet mi.</p>
    </article>

    <!--
    le contenu placé sur le côté peut aussi
    être dans le contenu principal
    -->
    <aside>
      <p>N'hésitez pas à rendre visite à nos sponsors !</p>
      <ul>
        <li><a href='#'>item</a></li>
        <li><a href='#'>item</a></li>
        <li><a href='#'>item</a></li>
        <li><a href='#'>item</a></li>
        <li><a href='#'>item</a></li>
      </ul>
    </aside>

  <!--
  Enfin, voici le pied de page principal,
  utilisé sur les différentes pages du site.
  Note : Ceci est une fausse déclaration de copyright
  Attention à celles qui sont réelles.
  -->
  <footer>
    ©Copyright 2050 par exemple.com. Tous droits réservés.
  </footer>
</body>
</html>