DEV : Typographies et couleurs

Ceci est un titre de niveau 1

Ceci est un titre de niveau 2

Ceci est un titre de niveau 3

Ceci est un titre de niveau 4

Ceci est un titre de niveau 5
Ceci est un titre de niveau 6

Paragraphes

Paragraphe normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum lorem vel pharetra efficitur. In tincidunt elit urna. Maecenas feugiat ex lobortis massa rhoncus suscipit. Nullam efficitur non massa vitae viverra. Nullam tristique tincidunt commodo. Donec malesuada est et sem fringilla, a aliquam lectus sodales. Ut vestibulum sem ac justo interdum, sed luctus lacus pulvinar. Sed nec mi nec massa malesuada dictum. Ut tempus tortor a mauris faucibus rhoncus. Quisque vel finibus purus. Aliquam erat volutpat.

Phasellus auctor sem vel metus lacinia porta. Ut et imperdiet quam. Vestibulum metus nibh, dictum varius efficitur vel, laoreet eu arcu. Sed imperdiet ultrices mauris. Donec egestas, leo sed condimentum semper, magna orci vulputate odio, vel consectetur purus massa vitae augue. Etiam posuere venenatis sem faucibus porta. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent mattis blandit ipsum, a scelerisque neque. In ut semper nulla. Nam ullamcorper sed erat quis consectetur. Curabitur commodo massa libero, dignissim volutpat quam gravida vel. Donec sagittis sed enim sit amet finibus.

Sed enim quam, tristique vel fringilla eget, placerat ut velit. Maecenas vitae tortor sit amet nibh varius luctus sed vitae orci. Nulla ultricies id lorem id rutrum. Cras ac ultricies ipsum. Donec ornare lacus tincidunt venenatis vestibulum. Aenean quis suscipit mi, cursus imperdiet quam. Etiam scelerisque ac nisi vitae aliquet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras et purus mauris. Suspendisse vel fermentum nibh. Donec facilisis a magna eget tristique. Quisque pulvinar laoreet libero vel iaculis. Nulla sit amet elit nibh. Vestibulum molestie vehicula posuere.

Mauris at nisi ante. Nunc aliquam consequat nulla quis condimentum. Suspendisse fringilla, velit quis pulvinar ultricies, leo metus ornare arcu, at tempor ipsum est vitae risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras vel mollis orci. Nullam sagittis ex vitae congue vehicula. Etiam ac faucibus mauris. Maecenas vitae ante dignissim, tempus nisl sit amet, vehicula nulla. Vivamus ac nunc id quam semper viverra. Maecenas a lacus at sem semper pulvinar. Ut placerat neque eros, non sagittis diam mattis vel. Donec faucibus sit amet nulla vel lobortis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae ; Proin lacinia volutpat tortor quis ultricies. Sed rutrum eros in condimentum porttitor. Mauris elit diam, pellentesque et convallis vitae, placerat et mauris.

Paragraphe en italic

Phasellus auctor sem vel metus lacinia porta. Ut et imperdiet quam. Vestibulum metus nibh, dictum varius efficitur vel, laoreet eu arcu. Sed imperdiet ultrices mauris. Donec egestas, leo sed condimentum semper, magna orci vulputate odio, vel consectetur purus massa vitae augue. Etiam posuere venenatis sem faucibus porta. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Paragraphe en gras

Praesent mattis blandit ipsum, a scelerisque neque. In ut semper nulla. Nam ullamcorper sed erat quis consectetur. Curabitur commodo massa libero, dignissim volutpat quam gravida vel. Donec sagittis sed enim sit amet finibus.

Paragraphe sousligné

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras et purus mauris. Suspendisse vel fermentum nibh. Donec facilisis a magna eget tristique. Quisque pulvinar laoreet libero vel iaculis. Nulla sit amet elit nibh. Vestibulum molestie vehicula posuere.

Paragraphe barré

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras et purus mauris. Suspendisse vel fermentum nibh. Donec facilisis a magna eget tristique. Quisque pulvinar laoreet libero vel iaculis. Nulla sit amet elit nibh. Vestibulum molestie vehicula posuere.

Paragraphe surligné

Vestibulum metus nibh, dictum varius efficitur vel, laoreet eu arcu. Sed imperdiet ultrices mauris. Donec egestas, leo sed condimentum semper, magna orci vulputate odio, vel consectetur purus massa vitae augue. Etiam posuere venenatis sem faucibus porta. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Paragraphe aligné à gauche

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum lorem vel pharetra efficitur. In tincidunt elit urna. Maecenas feugiat ex lobortis massa rhoncus suscipit. Nullam efficitur non massa vitae viverra. Nullam tristique tincidunt commodo. Donec malesuada est et sem fringilla, a aliquam lectus sodales. Ut vestibulum sem ac justo interdum, sed luctus lacus pulvinar. Sed nec mi nec massa malesuada dictum. Ut tempus tortor a mauris faucibus rhoncus. Quisque vel finibus purus. Aliquam erat volutpat.

Paragraphe aligné au centre

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum lorem vel pharetra efficitur. In tincidunt elit urna. Maecenas feugiat ex lobortis massa rhoncus suscipit. Nullam efficitur non massa vitae viverra. Nullam tristique tincidunt commodo. Donec malesuada est et sem fringilla, a aliquam lectus sodales. Ut vestibulum sem ac justo interdum, sed luctus lacus pulvinar. Sed nec mi nec massa malesuada dictum. Ut tempus tortor a mauris faucibus rhoncus. Quisque vel finibus purus. Aliquam erat volutpat.

Paragraphe aligné à droite

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum lorem vel pharetra efficitur. In tincidunt elit urna. Maecenas feugiat ex lobortis massa rhoncus suscipit. Nullam efficitur non massa vitae viverra. Nullam tristique tincidunt commodo. Donec malesuada est et sem fringilla, a aliquam lectus sodales. Ut vestibulum sem ac justo interdum, sed luctus lacus pulvinar. Sed nec mi nec massa malesuada dictum. Ut tempus tortor a mauris faucibus rhoncus. Quisque vel finibus purus. Aliquam erat volutpat.

Listes

Liste non-ordonnée

  • Pommes
  • Poires
    • Bananes
      • Kiwis
      • Abricots
    • Fraises
    • Cassis
  • Noix de coco
    • Cerises
    • Pêches
  • Mûres
  • Framboises

Liste ordonnée

  1. Pommes
  2. Poires
    1. Bananes
      1. Kiwis
      2. Abricots
    2. Fraises
    3. Cassis
  3. Noix de coco
    1. Cerises
    2. Pêches
  4. Mûres
  5. Framboises

Citations

Personne ne parle en notre présence comme il en parle en notre absence. L’union qui est entre les hommes n’est fondée que sur cette mutuelle tromperie.

Blaise Pascal

La femme n’est victime d’aucune mystérieuse fatalité ; les singularités qui la spécifient tirent leur importance de la signification qu’elles revêtent ; elles pourront être surmontées dès qu’on les saisira dans des perspectives nouvelles ; ainsi on a vu qu’à travers son expérience érotique, la femme éprouve — et souvent déteste — la domination du mâle : il n’en faut pas conclure que ses ovaires la condamnent à vivre éternellement à genoux.

Simone de Beauvoir

Dieu, dans sa divine prévoyance, n’a pas donné de barbe aux femmes, parce qu’elles n’auraient pas su se taire pendant qu’on les eût rasées.

Alexandre Dumas

Si les meilleurs partent en premier, pourquoi suis-je toujours en vie ?

Booba

Exposants

  • 1er
  • 2ème
  • 3ème
  • 4ème
  • 5ème

Indices

  • 1er
  • 2ème
  • 3ème
  • 4ème
  • 5ème

Inline code

[do_shortcode value="plop"]

Code

<html lang="fr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h1>Hello World</h1>
  <p>How are u ?</p>
</body>
</html>

Colonnes

Photo random 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et odio lorem. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam consequat lacinia ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi lectus mi, lacinia id tristique non, vulputate quis mi. Aliquam urna metus, porta a est eget, fringilla varius lorem. Mauris quis porttitor nisi. Nunc sodales semper erat, vitae pulvinar leo blandit id.

Photo random 2

Praesent hendrerit dolor id nibh vulputate, eget maximus elit lacinia. Proin et eros sit amet diam auctor tempor vel eget purus. Nam laoreet varius consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed at mauris eget dolor auctor malesuada tempor vel ante. Duis finibus ac orci rhoncus blandit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi rutrum facilisis elit, eu vehicula felis convallis lobortis. Ut imperdiet turpis vel auctor vehicula. Maecenas sit amet odio efficitur, efficitur massa in, pharetra arcu. Integer dignissim tincidunt turpis eget tempor. Sed quam leo, sollicitudin non enim a, elementum mollis orci. Suspendisse vitae turpis nec erat tincidunt pulvinar at eget arcu.

Photo random 3

Vivamus cursus justo eu diam elementum convallis. Fusce et enim nulla. Mauris ipsum nulla, suscipit ac vulputate sagittis, consectetur et tellus. Etiam congue nunc nec risus consequat maximus. Cras risus augue, sodales ut rutrum id, vestibulum at dui. Donec sollicitudin sollicitudin elit. Nullam erat ligula, tincidunt ut lectus et, fringilla finibus urna. Proin vitae semper metus, vel ornare leo. Nunc quis ex magna. Cras non lacus tincidunt, sollicitudin lacus ut, aliquam erat. Nullam molestie, nunc sed euismod dapibus, sapien massa rhoncus ex, non bibendum tellus risus id mauris. Donec in ex euismod, fermentum ligula a, ultricies ante. Cras venenatis posuere tortor at lacinia. Fusce quis ante nec lacus placerat imperdiet. Morbi lobortis congue mi, et tincidunt neque consectetur tempor.