Molecules

Les Molécules sont des groupes d'atomes

  • card (card-light, card-horizontal): modifiers to have a light border or horizontal layout
  • card-img-top > card-img-bg/card-img (card-img-top-center to center small image), fallback to loader (if broken) or icon
  • card-subhead: creates a simple subtitle with gray color
  • card-title: can be whatever size ou want, with classes or semantically
  • card-body (card-justify): can hold rows and cols, all the content
  • card-footer (card-justify): add modifiers to change color, or justify (flex) content
  • card-white or card-berrylight-gray to set background colors
  • card-sm to have a small card of maximum 150px width
  • card-no-border to remove borders
  • card-no-shadow to remove shadow
  • card-separator to a <hr> to add a separator
  • card-hover to shadow hover effects on a div.card
  • card-bg-hover to background hover effects on a div.card

Lorem Ipsum Dolor Sit Amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde debitis, consequuntur dolor neque eveniet velit.

Lorem Ipsum Dolor Sit Amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde debitis, consequuntur dolor neque eveniet velit.

A louer

Subheading

Lorem Ipsum Dolor Sit Amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde debitis, consequuntur dolor neque eveniet velit.

A louer

Subheading

Lorem Ipsum Dolor Sit Amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde debitis, consequuntur dolor neque eveniet velit.

This is an implementation of the card component.


Assurance vie Le 24 avril 2017, par Lorraine Clément

Extrait

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit ipsa, temporibus necessitatibus ipsum dignissimos quas accusamus quos in tenetur aut autem aliquid doloribus veniam fugit ea vel. Deleniti ipsam, cum tempore ratione asperiores consequuntur, adipisci vitae minus aut porro nulla, delectus, provident obcaecati ad modi dolores ducimus et repellat reiciendis.

Thèmes


Assurance vie Le 24 avril 2017, par Lorraine Clément

Extrait

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit ipsa, temporibus necessitatibus ipsum dignissimos quas accusamus quos in tenetur aut autem aliquid doloribus veniam fugit ea vel. Deleniti ipsam, cum tempore ratione asperiores consequuntur, adipisci vitae minus aut porro nulla, delectus, provident obcaecati ad modi dolores ducimus et repellat reiciendis.

Thèmes

Titre du document qui correspond à la recherche

Chemin du fichier: accueil, catégorie ou autre, dossier ou taxonomie, nom_du_fichier_telechargeable.pdf

Extrait

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit ipsa, temporibus necessitatibus ipsum dignissimos quas accusamus quos in tenetur aut autem aliquid doloribus veniam fugit ea vel. Deleniti ipsam, cum tempore ratione asperiores consequuntur, adipisci vitae minus aut porro nulla, delectus, provident obcaecati ad modi dolores ducimus et repellat reiciendis.

Thèmes

Titre du document qui correspond à la recherche

Chemin du fichier: accueil, catégorie ou autre, dossier ou taxonomie, nom_du_fichier_telechargeable.pdf

Extrait

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit ipsa, temporibus necessitatibus ipsum dignissimos quas accusamus quos in tenetur aut autem aliquid doloribus veniam fugit ea vel. Deleniti ipsam, cum tempore ratione asperiores consequuntur, adipisci vitae minus aut porro nulla, delectus, provident obcaecati ad modi dolores ducimus et repellat reiciendis.

Thèmes

Can be wrapped in .theme-[theme] to change look.

  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
Accordion title 1

Accordion content 1.

Accordion title 2

Accordion content 2.

  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
Accordion title 1

Accordion content 1.

Accordion title 2

Accordion content 2.

Assurance vie
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
Accordion title 1

Accordion content 1.

Accordion title 2

Accordion content 2.

Assurance vie
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
  • Ut efficitur mattis
Accordion title 1

Accordion content 1.

Accordion title 2

Accordion content 2.

Can be used with the modifier fieldset-bordered to add border left.

Vos données personnelles

parfums

Vos données personnelles

parfums

Vos données personnelles

parfums

Vos données personnelles

parfums

Can be wrapped in .theme-[theme] to change look.

Résultats: 105 objet(s) trouvé(s)
Résultats: 105 objet(s) trouvé(s)

The slider div must be in the same <div class="form-group"></div> that the input

Needs jQuery.ui.slider for working and jQuery.ui.touch-punch for mobile support.



Abstract object styles for building various types of components (like files, Tweets, etc) that feature a left- or right-aligned image alongside textual content.

Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Media heading

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

All inclusive de la séance du 15 février 2017
V. 20160215-001 20 Mars, 17:42
PV 4 20160523 - PDF
V. 20170101-001 28 Mars, 07:29
Supprimer
PV 4 20160523 - PDF
V. 20170101-001 28 Mars, 07:29
Supprimer
All inclusive de la séance du 15 février 2017
V. 20160215-001 20 Mars, 17:42
PV 4 20160523 - PDF
V. 20170101-001 28 Mars, 07:29
Supprimer
PV 4 20160523 - PDF
V. 20170101-001 28 Mars, 07:29
Supprimer

This component is visible into the basic page.

Can be wrapped in .theme-[theme] to change look.
This component is visible on the basic page.

Can be wrapped in .theme-[theme] to change look

95%
95%

Can be wrapped in .theme-[theme] to change look

Options :
  • secondary_nav_json - String

We use the jQuery plugin Tablesaw for responsivness, check the documentation for advanced usage & parameters.
Can be used with the modifier table-['wide'|'condensed'] to change look.
Can be used with the modifier table-borderless to remove borders.

Entête importante A gauche
Centré
Chiffres #1
Chiffres #2
Première ligne Carmin
-2,2%
12'0400.-
Une sconde information Ocre
+0,2%
1'1050.-
Et de trois Turquoise
127'746.-
Entête importante A gauche
Centré
Chiffres #1
Chiffres #2
Première ligne Carmin
-2,2%
12'0400.-
Une sconde information Ocre
+0,2%
1'1050.-
Et de trois Turquoise
127'746.-
Entête importante A gauche
Centré
Chiffres #1
Chiffres #2
Première ligne Carmin
-2,2%
12'0400.-
Une sconde information Ocre
+0,2%
1'1050.-
Et de trois Turquoise
127'746.-
Entête importante A gauche
Centré
Chiffres #1
Chiffres #2
Première ligne Carmin
-2,2%
12'0400.-
Une sconde information Ocre
+0,2%
1'1050.-
Et de trois Turquoise
127'746.-
Entête importante A gauche
Centré
Chiffres #1
Chiffres #2
Première ligne Carmin
-2,2%
12'0400.-
Une sconde information Ocre
+0,2%
1'1050.-
Et de trois Turquoise
127'746.-
Entête importante A gauche
Centré
Chiffres #1
Chiffres #2
Première ligne Carmin
-2,2%
12'0400.-
Une sconde information Ocre
+0,2%
1'1050.-
Et de trois Turquoise
127'746.-