<a class="cta button-type1" href="#">Boutons type 1</a>
<a class="cta button-type2" href="#">Boutons type 2</a>
<a class="cta button-type3" href="#">Boutons type 3</a>
<a class="cta button-type4" href="#">Boutons type 4</a>

<a href="#" class="button-type1">Button type link</a>
<button class="button-type1">Button type button</button>
<input type="button" class="button-type1" value="Button type input">

<form id="form1" name="form1" accept-charset="UTF-8" autocomplete="off" enctype="multipart/form-data" method="post" novalidate action="#">
    <label class="desc">Nom</label>
    <input type="text" />

    <label class="desc" id="title2" for="Field2"> Email address <span id="req_2" class="req">*</span> </label>
    <input type="email" />
    <p><small>Your email address will remain private and won't be shared with anyone.</small></p>
    <label> Message <span class="req">*</span> </label>
    <textarea id="Field1" name="Field1" class="field textarea medium" spellcheck="true" rows="10" cols="50" tabindex="3" onkeyup="" required></textarea>
    <label class="desc" id="title10" for="Field10"> How'd you hear about my website? </label>
    <input id="Field10" name="Field10" type="text" class="field text large" value="" maxlength="255" tabindex="4" onKeyUp="" />

    <input id="saveForm" name="saveForm" class="btn" type="submit" value="Send Message" />

    <label for="comment">Ne pas remplir ce champ (robots)</label>
    <textarea name="comment" id="comment" rows="1" cols="1"></textarea>
</form>

<div class="grid-2">
    <section class="pres-item">
        <h2>Titre</h2>
        <p class="pres-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut tellus ac felis fermentum imperdiet. Sed id convallis ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </section>
    <section class="pres-item">
        <h2>Titre</h2>
        <p class="pres-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut tellus ac felis fermentum imperdiet. Sed id convallis ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </section>
</div>

<div class="grid-3">
    <section class="pres-item">
        <h2>Titre</h2>
        <p class="pres-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut tellus ac felis fermentum imperdiet. Sed id convallis ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </section>
    <section class="pres-item">
        <h2>Titre</h2>
        <p class="pres-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut tellus ac felis fermentum imperdiet. Sed id convallis ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </section>
    <section class="pres-item">
        <h2>Titre</h2>
        <p class="pres-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut tellus ac felis fermentum imperdiet. Sed id convallis ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </section>
</div>

<h1>Ceci est un niveau 1 de titre</h1>
<h2>Ceci est un niveau 2 de titre</h2>
<h3>Ceci est un niveau 3 de titre</h3>
<h4>Ceci est un niveau 4 de titre</h4>
<h5>Ceci est un niveau 5 de titre</h5>
<h6>Ceci est un niveau 6 de titre</h6>

<ol>
  <li>Élément #1</li>
    <ol>
      <li>Sous Élément #1</li>
      <li>Sous Élément #2</li>
      <li>Sous Élément #3</li>
    </ol>
  <li>Élément #2</li>
</ol>

<ul>
  <li>Élément #1</li>
    <ul>
      <li>Sous Élément #1</li>
      <li>Sous Élément #2</li>
      <li>Sous Élément #3</li>
    </ul>
  <li>Élément #2</li>
</ul>

<table>
  <thead>
    <tr>
      <th>#</th>
      <th>Prénom</th>
      <th>Nom</th>
      <th>Nom d'utilisateur</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Michael</td>
      <td>Rose</td>
      <td>@mmistakes</td>
    </tr>
    <tr>
      <td>2</td>
      <td>William</td>
      <td>Rick</td>
      <td>@thewhip</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Larry</td>
      <td>the Scary</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

<p class="great-title-size">Super titre</p>
<p class="regular-title-size">Titre courant</p>
<p class="default-size">Texte par défaut Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="small-size">Texte de petite taille Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p class="tiny-size">Texte minuscule Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>