Molecules
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-centerto 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-whiteorcard-berrylight-grayto set background colorscard-smto have a small card of maximum 150px widthcard-no-borderto remove borderscard-no-shadowto remove shadowcard-separatorto a<hr>to add a separatorcard-hoverto shadow hover effects on adiv.cardcard-bg-hoverto background hover effects on adiv.card
- Standard Card
- Image as Background
- Icon
- Card Light
- Card Justify
- Card Horizontal
- Card Logo
- Call-to-Action
- Card Product
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.
Lorem Ipsum Dolor Sit Amet
Lorem Ipsum Dolor Sit Amet
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 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.
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 01 janvier 2017
- PDF
V. 20160215-001
20 Mars, 17:42
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
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.
