Documentation

Paragraphe avec la class "lead".

Class illu : Appliquée sur la ligne, ajoute l'image de fond, réduit la taille de la colonne et la place à droite de l'écran au dessus de 992px.

ButtonPrimary button

Gagnez en efficacité grâce au nouveau Wuro

Logiciel de gestion d'entreprise

Liste non-ordonnée

Appliquer la class listing sur la liste

  • Animi vivamus corporis esse aptent accusamus
  • Tortor ultrices maxime nisl expedita duis
  • Iste omnis esse fugiat cum elit corrupti veritatis
  • Mi dignissimos labore eveniet veritatis
  • Porttitor lobortis totam integer nec cumque minim
  • Fuga fringilla eu excepturi quibusdam
  • Cillum itaque blanditiis dictum

Liste Ordonnée

Appliquer la class listing sur la liste

  1. Animi vivamus corporis esse aptent accusamus
  2. Tortor ultrices maxime nisl expedita duis
  3. Iste omnis esse fugiat cum elit corrupti veritatis
  4. Mi dignissimos labore eveniet veritatis
  5. Porttitor lobortis totam integer nec cumque minim
  6. Fuga fringilla eu excepturi quibusdam
  7. Cillum itaque blanditiis dictum

Titre h2 class label

Titre H3 class xl

Ullamco officia aperiam assumenda, lien, curabitur ullamcorper, rem odit consequuntur tempora aperiam facere! Aut dolorem etiam fames, voluptatem tincidunt! Officiis earum eum cursus! Ullamcorper quae nibh morbi, condimentum fames.

Tempora harum eveniet atque illum esse, iste, placerat! Conubia nisl venenatis necessitatibus occaecati, iste vestibulum.

Default button

illu

Ligne en surbrillance

Ajoute un fond avec un motif répété. Leo nam ante, torquent ridiculus phasellus magni fusce aut, cumque praesentium consectetur quos, feugiat aut architecto, morbi inventore voluptatibus sociis. Fermentum! Nulla, felis qui? Metus.

Primary button

Mise en arrière de la ligne

Ajoute un fond avec un motif. Leo nam ante, torquent ridiculus phasellus magni fusce aut, cumque praesentium consectetur quos, feugiat aut architecto, morbi inventore voluptatibus sociis. Fermentum! Nulla, felis qui? Metus.

Default button

Mise en avant de la ligne

Ajoute un fond sombre et un motif. Leo nam ante, torquent ridiculus phasellus magni fusce aut, cumque praesentium consectetur quos, feugiat aut architecto, morbi inventore voluptatibus sociis. Fermentum! Nulla, felis qui? Metus.

Default button

illu

Séparation des colonnes

Facilisi euismod eligendi torquent! Massa asperiores. Habitant! Quisque, torquent quam rerum cum? Luctus, asperiores lobortis arcu! 

Button

illu

Séparation des colonnes

Facilisi euismod eligendi torquent! Massa asperiores. Habitant! Quisque, torquent quam rerum cum? Luctus, asperiores lobortis arcu! At posuere, justo recusandae eros alias massa massa esse.

Button Primary

illu

Séparation des colonnes

Facilisi euismod eligendi torquent! Massa asperiores. Habitant! Quisque, torquent quam rerum cum? Luctus, asperiores lobortis arcu! 

Button

Colonne bordée

Lorem ipsum dolor

Donec dictumst eget nec hendrerit maxime totam exercitation nisi molestiae, doloremque labore integer ligula, neque adipiscing ullamco nonummy, platea per? Anim scelerisque qui beatae ridiculus. Ultricies sapien! Anim vestibulum voluptatum.

Lorem ipsum dolor

Libero sapiente orci iste metus, porttitor, vitae pulvinar elementum at, placeat qui aut voluptatem voluptatibus platea assumenda iure laudantium distinctio. Donec aliquet ab quo. Pretium ipsa reiciendis platea cubilia inventore.

Lorem ipsum dolor

Diamlorem! Delectus purus magnam ad nunc? Ullamcorper animi, laboris deserunt nisi parturient dignissim eveniet dictumst, sem mi aliquam, massa quam eu reprehenderit officiis asperiores phasellus parturient, error? Illo urna sollicitudin.

Colonne en surbrillance

Lorem ipsum dolor

Donec dictumst eget nec hendrerit maxime totam exercitation nisi molestiae, doloremque labore integer ligula, neque adipiscing ullamco nonummy, platea per? Anim scelerisque qui beatae ridiculus. Ultricies sapien! Anim vestibulum voluptatum.

Lorem ipsum dolor

Donec dictumst eget nec hendrerit maxime totam exercitation nisi molestiae, doloremque labore integer ligula, neque adipiscing ullamco nonummy, platea per? Anim scelerisque qui beatae ridiculus. Ultricies sapien! Anim vestibulum voluptatum.

Lorem ipsum dolor

Donec dictumst eget nec hendrerit maxime totam exercitation nisi molestiae, doloremque labore integer ligula, neque adipiscing ullamco nonummy, platea per? Anim scelerisque qui beatae ridiculus. Ultricies sapien! Anim vestibulum voluptatum.

Mise en avant de la colonne

Lorem ipsum dolor

Donec dictumst eget nec hendrerit maxime totam exercitation nisi molestiae, doloremque labore integer ligula, neque adipiscing ullamco nonummy, platea per? Anim scelerisque qui beatae ridiculus. Ultricies sapien! Anim vestibulum voluptatum.

Lorem ipsum dolor

Donec dictumst eget nec hendrerit maxime totam exercitation nisi molestiae, doloremque labore integer ligula, neque adipiscing ullamco nonummy, platea per? Anim scelerisque qui beatae ridiculus. Ultricies sapien! Anim vestibulum voluptatum.

Lorem ipsum dolor

Donec dictumst eget nec hendrerit maxime totam exercitation nisi molestiae, doloremque labore integer ligula, neque adipiscing ullamco nonummy, platea per? Anim scelerisque qui beatae ridiculus. Ultricies sapien! Anim vestibulum voluptatum.

Class : .shadow

Laborum officiis inventore commodo atque? Tempora iusto nisl mollit vitae tempore, eros debitis montes debitis, adipisci! Wisi, erat! Sollicitudin scelerisque, placeat porttitor porttitor dicta nihil aenean eum conubia, odio irure.

Class : .shadow

Consequat, debitis condimentum quam enim porta id, suspendisse, voluptas veritatis ab, minima, recusandae vivamus, curabitur cupiditate numquam feugiat ipsam vitae purus molestie sapiente placerat id, ipsum nunc maecenas platea elementum.

Class : .shadow

Dapibus quam, quisque inventore. Nostrud vestibulum proident adipisicing luctus laoreet dui esse temporibus reprehenderit aptent, ante cras quia mollitia per? Luctus molestie sodales, rhoncus, natoque praesent interdum exercitationem? Excepteur maxime.

Paragraphe avec la class alert-primary.
Parturient dapibus. Sunt. Magna maxime, commodo, tempore inceptos, nonummy reprehenderit, mus voluptates, laoreet recusandae? Mattis.

Gestion des espaces

  • .p0 : padding 0
  • .pb0 : padding-bottom 0
  • .pt0 : padding-top : 0
  • .pt3 : padding-top 3rem
  • .mg-left : ajoute un margin-left : 80px
  • .mg-right : ajoute un margin-right : 80px

Class : .lettre

Pretium unde metus
Provident netus

Pretium unde metus itaque eros eleifend wisi dolore necessitatibus, distinctio quos, risus consequat eos rem.

Provident netus amet voluptatem. Illum suscipit placerat cubilia sapien dictumst. Praesentium auctor semper porro tempor.

Nihil nihil reiciendis, etiam minim porttitor, posuere mollitia potenti donec ad parturient, arcu, netus, parturient.

Pretium unde metus
Provident netus

Les offres

offre colibri

Colibri

Gratuit

5 factures par mois

1 utilisateur

Mention Wuro

Inscription gratuite

offre mouette

Mouette

1€/mois TTC

30 factures par mois

3 utilisateurs

Mention Wuro

Statistiques partielles

offre toucan

Toucan

10€/mois TTC

100 factures par mois

3 utilisateurs

Pas de mention Wuro

Statistiques complètes

Historique des devis & factures

Ligne des offres

  1. Appliquer la class .offres sur la ligne
  2. Appliquer la class avec le nom de l'offre sur la colonne (par exemple : .colibri)
  3. Appliquer le style colonne bordée sur chaque colonne