Guide de style

Rubriques

Titre H1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

 

Intitulé H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

 

Titre H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

 

H4 Intitulé

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

 

H5 Intitulé

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

 

H6 Intitulé

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

 

 

Image alignée à gauche

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue. In est ipsum, faucibus pellentesque suscipit in, porta ac quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut convallis, lacus quis tincidunt ornare, velit est faucibus nisi, nec dictum sapien nibh eget metus. Donec vel sagittis ex, sit amet pretium lectus. Aliquam erat volutpat. Phasellus ac viverra augue, eget laoreet enim. Duis in odio sed nibh malesuada dapibus non a sem. Il s’est avéré que l’on ne pouvait pas faire autrement que d’utiliser les mêmes méthodes de travail. In laoreet mi nec aliquet tempor. Ut in rhoncus lorem, interdum porta ipsum. Nullam euismod libero arcu, a bibendum ex viverra quis. Nam eu congue tortor, at blandit lacus. Integer convallis dapibus felis, in facilisis turpis fringilla ut.

 

Image alignée à droite

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue. In est ipsum, faucibus pellentesque suscipit in, porta ac quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut convallis, lacus quis tincidunt ornare, velit est faucibus nisi, nec dictum sapien nibh eget metus. Donec vel sagittis ex, sit amet pretium lectus. Aliquam erat volutpat. Phasellus ac viverra augue, eget laoreet enim. Duis in odio sed nibh malesuada dapibus non a sem. Il s’est avéré que l’on ne pouvait pas faire autrement que d’utiliser les mêmes méthodes de travail. In laoreet mi nec aliquet tempor. Ut in rhoncus lorem, interdum porta ipsum. Nullam euismod libero arcu, a bibendum ex viverra quis. Nam eu congue tortor, at blandit lacus. Integer convallis dapibus felis, in facilisis turpis fringilla ut.

 

Citation en bloc

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit Mauris non laoreet dui, Morbi lacus massa, euismod ut turpis molestie.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Maecenas metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Aenean rutrum, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue. In est ipsum, faucibus pellentesque suscipit in, porta ac quam.

 

Liste non ordonnée

 

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet

 

Liste ordonnée

 

  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet
  4. Lorem ipsum dolor sit amet
  5. Lorem ipsum dolor sit amet

 

Code

 

.class:before{
   display: block;
   position: absoloute;
   float:left;
   display:block;
   content: "Awesome";
}
pre, code{
     direction: ltr;
     text-align: left;
}

 

Tableau

 

Nom Surnom : Numéro
Jane Untel 13
Eve Untel 94
John Untel 77
Ina Aldrich 16