Demo

Découvrez les composants
pour créer votre site

Titre de page

Le texte de type Lead est idéal pour écrire le chapo ou texte d'introduction de vos pages. Il peut également être utilisé pour mettre des contenus en exergue et ainsi struturer vos contenus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Ecrit par Admin le 23/03/2021
Image
Image sans effet
Image effet rounded
Image effet circle
Bouton
Cards

Default

Meta
Utiliser le composant Cards pour afficher sous forme de grille plusieurs panneaux de contenu et créer des points d'entrée attractifs vers d'autres pages de votre site.

Primary

Meta
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Secondary

Meta
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Hover

Meta
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Cards media top

Media Haut

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Media Bas

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Cards media bottom
Cards media left

Media Gauche

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Cards media right

Media Droite

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Diaporama
  • Titre

    Meta
    Lorem ipsum dolor sit amet.
  • Titre

    Meta
    Lorem ipsum dolor sit amet.
  • Titre

    Meta
    Lorem ipsum dolor sit amet.
  • Titre

    Meta
    Lorem ipsum dolor sit amet.
Liste
Disc
  • Élément 1
  • Élément 2
  • Élément 3
Circle
  • Élément 1
  • Élément 2
  • Élément 3
Square
  • Élément 1
  • Élément 2
  • Élément 3
Decimal
  • Élément 1
  • Élément 2
  • Élément 3
Hyphen
  • Élément 1
  • Élément 2
  • Élément 3

Divider
  • Élément 1
  • Élément 2
  • Élément 3
Striped
  • Élément 1
  • Élément 2
  • Élément 3
Portfolio
Exemple 1 image portfolio

Portfolio 1

Méta
Lorem ipsum
Exemple 2 image portfolio

Portfolio 2

Méta
Lorem ipsum
Exemple 3 image portfolio

Portfolio 3

Méta
Lorem ipsum
Exemple 4 image portfolio

Portfolio 4

Méta
Lorem ipsum
Tailles & styles de titre
2XL
XL
Large
Medium
Small

Titre H1

Titre H2

Titre H3

Titre H4

Titre H5
Titre H6

Titre Divider

Titre Line

Titre Bullet

Icônes

Alerte

Default

Primary

Success

Warning

Galerie
Vidéo
Formulaire
Liste de description
  • Élément 1
    Méta

    Lorem ipsum dolor sit amet

  • Élément 1
    Méta

    Lorem ipsum dolor sit amet


  • Élément 1
    Méta

    Lorem ipsum dolor sit amet

  • Élément 2
    Méta

    Lorem ipsum dolor sit amet


  • Élément 1
    Méta
    Lorem ipsum dolor sit amet
  • Élément 2
    Méta
    Lorem ipsum dolor sit amet
Accordion
Titre 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Titre 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Titre 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Social
ToTop
Panel Slider
  • Exemple 1 image Panel slider

    Titre

    Méta
    Ultrices tincidunt arcu non sodales neque sodales ut etiam sit. Aliquam vestibulum morbi blandit cursus risus at ultrices mi.
  • Exemple 2 image Panel slider

    Titre

    Méta
    Ultrices tincidunt arcu non sodales neque sodales ut etiam sit. Aliquam vestibulum morbi blandit cursus risus at ultrices mi.
  • Exemple 3 image Panel slider

    Titre

    Méta
    Ultrices tincidunt arcu non sodales neque sodales ut etiam sit. Aliquam vestibulum morbi blandit cursus risus at ultrices mi.
  • Exemple 4 image Panel slider

    Titre

    Méta
    Ultrices tincidunt arcu non sodales neque sodales ut etiam sit. Aliquam vestibulum morbi blandit cursus risus at ultrices mi.
  • Exemple 5 image Panel slider

    Titre

    Méta
    Ultrices tincidunt arcu non sodales neque sodales ut etiam sit. Aliquam vestibulum morbi blandit cursus risus at ultrices mi.
    Overlay Slider
    • Exemple 1 image Overlay Slider

      Titre

      Aliquam vestibulum morbi blandit cursus risus at ultrices mi.
    • Exemple 2 image Overlay Slider

      Titre

      Aliquam vestibulum morbi blandit cursus risus at ultrices mi.
    • Exemple 3 image Overlay Slider

      Titre

      Aliquam vestibulum morbi blandit cursus risus at ultrices mi.
    • Exemple 4 image Overlay Slider

      Titre

      Aliquam vestibulum morbi blandit cursus risus at ultrices mi.
    • Exemple 5 image Overlay Slider

      Titre

      Aliquam vestibulum morbi blandit cursus risus at ultrices mi.
      Section et grille

      Section style Default

      Section style Muted

      Section style Primary

      Section style Secondary

      Section style Image

      Exemple de grille

      1/2 Default
      1/2 Default
      1/3 Muted
      1/3 Primary
      1/3 Secondary
      1/4 Primary
      1/2 Primary
      1/4 Primary
      1/4 Secondary
      1/4 Secondary
      1/4 Secondary
      1/4 Secondary
      Créer un site web avec iPaoo