<article class="article">
  <header>
    <h1 class="article-title">Titre de l'article</h1>
    <time class="updated" datetime="2010-08-07 11:11:03-0400" pubdate>08-07-2010</time>
    <p class="byline author vcard">
        By <span class="fn">W4U</span>
    </p>
  </header>
 
  <div class="content">
      <p>Texte de l'article</p>
      <p>Porttitor nunc enim lundium, massa velit. Proin nascetur! Penatibus augue et aenean dolor tempor enim augue porta, integer eros cras turpis purus placerat eros! Risus, sed! Odio, tincidunt cum aenean. Magna pulvinar platea auctor! Platea, sit, augue mattis! Amet, elementum porttitor sociis. Magna porta nisi, porta. Nisi, odio? A, dapibus.</p>
    
      <figure>
        <img src="https://www.w4u.fr/sites/default/files/logo_0_0.png" alt="Portrait of Tammy Strobel" />
        <figcaption>Description de l'image</figcaption>
      </figure>
 
      <aside>
        <h2>Titre de la zone secondaire</h2>
        <ul>
          <li>Facebook</li>
          <li>Twitter</li>
          <li>Etc</li>
        </ul>
      </aside>
    
      <div class="entry-content-asset">
        <a href="https://www.w4u.fr/sites/default/files/logo_0_0.png" title="">
          <img src="https://www.w4u.fr/sites/default/files/logo_0_0.png" alt="The objects Tammy removed from her life after moving" />
        </a>
      </div>
 
      <a class="entry-unrelated" href="https://www.w4u.fr/">https://www.w4u.fr/</a>
  </div>
 
  <footer>
 
    <div class="source-org vcard copyright">
        Copyright 2009 <span class="org fn">par W4U</span>
    </div>
  </footer>
</article>