Les Molécules sont des groupes d'atomes
card
(card-light
, card-horizontal
): modifiers to have a light border or horizontal layoutcard-img-top
> card-img-bg
/card-img
(card-img-top-center
to center small image), fallback to loader (if broken) or iconcard-subhead
: creates a simple subtitle with gray colorcard-title
: can be whatever size ou want, with classes or semanticallycard-body
(card-justify
): can hold rows and cols, all the contentcard-footer
(card-justify
): add modifiers to change color, or justify (flex) contentcard-white
or card-berrylight-gray
to set background colorscard-sm
to have a small card of maximum 150px widthcard-no-border
to remove borderscard-no-shadow
to remove shadowcard-separator
to a <hr>
to add a separatorcard-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, 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.
Subheading
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.
Lorem Ipsum Dolor Sit Amet
This is an implementation of the card component.
Assurance vie Le 24 avril 2017, par Lorraine Clément
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.
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
Chemin du fichier: accueil, catégorie ou autre, dossier ou taxonomie, nom_du_fichier_telechargeable.pdf
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.
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.
Accordion content 1.
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.
Accordion content 1.
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 wrapped in .theme-[theme]
to change look.
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.
All inclusive de la séance du 01 janvier 2017
- PDF
V. 20160215-001
20 Mars, 17:42
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.
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.-
Can be wrapped in .theme-[theme]
to change look.