Charte graphique

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac elit sit amet lorem lacinia suscipit eu ut nunc. Ut ornare nec est vel placerat. Quisque tellus nisl, molestie et cursus id, imperdiet et dui. Donec pharetra dui a egestas vestibulum. In erat nunc, euismod interdum ligula sed, maximus fringilla lacus. Ut non mauris ac magna rutrum auctor. Nunc eu arcu diam. Ut sagittis odio eu tortor pulvinar fermentum. Suspendisse ac ultrices risus. Curabitur quis feugiat erat. Donec sed elit ac ipsum vehicula facilisis sit amet quis nulla.

Typographie

Titre h1

Titre h2

Titre h2

Titre h4

Titre h5
Titre h6

Paragraphe p : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac elit sit amet lorem lacinia suscipit eu ut nunc. Ut ornare nec est vel placerat. Quisque tellus nisl, molestie et cursus id, imperdiet et dui. Donec pharetra dui a egestas vestibulum. In erat nunc, euismod interdum ligula sed, maximus fringilla lacus. Ut non mauris ac magna rutrum auctor. Nunc eu arcu diam. Ut sagittis odio eu tortor pulvinar fermentum. Suspendisse ac ultrices risus. Curabitur quis feugiat erat. Donec sed elit ac ipsum vehicula facilisis sit amet quis nulla.

.lead : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac elit sit amet lorem lacinia suscipit eu ut nunc. Ut ornare nec est vel placerat. Quisque tellus nisl, molestie et cursus id, imperdiet et dui. Donec pharetra dui a egestas vestibulum. In erat nunc, euismod interdum ligula sed, maximus fringilla lacus. Ut non mauris ac magna rutrum auctor. Nunc eu arcu diam. Ut sagittis odio eu tortor pulvinar fermentum. Suspendisse ac ultrices risus. Curabitur quis feugiat erat. Donec sed elit ac ipsum vehicula facilisis sit amet quis nulla.

.small : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac elit sit amet lorem lacinia suscipit eu ut nunc. Ut ornare nec est vel placerat. Quisque tellus nisl, molestie et cursus id, imperdiet et dui. Donec pharetra dui a egestas vestibulum. In erat nunc, euismod interdum ligula sed, maximus fringilla lacus. Ut non mauris ac magna rutrum auctor. Nunc eu arcu diam. Ut sagittis odio eu tortor pulvinar fermentum. Suspendisse ac ultrices risus. Curabitur quis feugiat erat. Donec sed elit ac ipsum vehicula facilisis sit amet quis nulla.

.bold : Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac elit sit amet lorem lacinia suscipit eu ut nunc. Ut ornare nec est vel placerat. Quisque tellus nisl, molestie et cursus id, imperdiet et dui. Donec pharetra dui a egestas vestibulum. In erat nunc, euismod interdum ligula sed, maximus fringilla lacus. Ut non mauris ac magna rutrum auctor. Nunc eu arcu diam. Ut sagittis odio eu tortor pulvinar fermentum. Suspendisse ac ultrices risus. Curabitur quis feugiat erat. Donec sed elit ac ipsum vehicula facilisis sit amet quis nulla.

Couleurs

.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-dark

.text-black

.text-muted

.text-light

.text-white

Fonds de couleur

.bg-body
.bg-primary
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-dark
.bg-black
.bg-light
.bg-white

Boutons

Classiques

Avec contours

Cartes

Avec bordures

.card-border
.card-border-lg
.card-border-xl
.card-bleed

Formulaire

...

Témoignages

“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac elit sit amet lorem lacinia suscipit eu ut nunc. Ut ornare nec est vel placerat.”

Paul Dupond

Blocs de carte

Vignettes

AVATAR

...
...
...
...
...
...

Badges

Classiques

Primary Secondary Success Danger Warning Info Light Dark

Pilules

Primary Secondary Success Danger Warning Info Light Dark

Spinners

Classiques

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Grandissant

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Barre de progression

Classiques

Animées

Tableaux

Classiques

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Avec effet de survol

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Rayés

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Avec bordures

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Avec borduresprimary

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Avec bordures secondary

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Avec bordures success

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Avec bordures danger

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Avec bordures warning

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Avec bordures info

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Avec bordures light

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Avec bordures dark

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Sans bordure

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Images

Image fluide

...

Aspet vignette

...

Biaisées

...
...

Formes

...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...

Parallax