Be API Frontend Framework

Titre de niveau 1

Titre de niveau 2

Titre de nivrau 3

Titre de niveau 4

Titre de niveau 5
Titre de niveau 6

Fusce a quam. Donec mollis hendrerit risus. Nam commodo suscipit quam. Maecenas nec odio et ante tincidunt tempus. Praesent egestas tristique nibh.

Fusce a quam. Donec mollis hendrerit risus. Nam commodo suscipit quam. Maecenas nec odio et ante tincidunt tempus. Praesent egestas tristique nibh.

  1. Fusce a quam. Donec mollis hendrerit risus.
  2. Nam commodo suscipit quam.
  3. Maecenas nec odio et ante tincidunt tempus. Praesent egestas tristique nibh
primary

Bloc citation – Lorem ipsum dolor sit amet

Une source 
Bloc code
Bloc préformaté

Bloc citation en exergue

Une source
Tableau Lorem 1 Tableau lorem 2
Valeur 1 Valeur 2
Valeur 3 Valeur 4
Une légende
Bloc couplet
Une légende

Un titre de bannière

Un texte

fulltext01Télécharger

Media et texte : titre

Lorem ipsum dolor sit amet

Colonne 1

Lorem ipsum dolor sit amet

Colonne 2

Lorem ipsum dolor sit amet

Colonne 3

Lorem ipsum dolor sit amet

Groupe

Exemples d'animation

Fusce a quam. Donec mollis hendrerit risus. Nam commodo suscipit quam. Maecenas nec odio et ante tincidunt tempus. Praesent egestas tristique nibh.

btn block

primary

.btn--primary 
 @extend %btn-block

Bouton primary 



.btn--primary--light 
 @extend %btn-block-light

Bouton primary light



btn text

.btn--text 
 @extend %btn-text

Nom du lien 



.btn--text--plus 
 @extend %btn-text-plus

Add to calendar 



.btn--text--alt 
 @extend %btn-text-alt

Nom du lien 



.btn--text--download 
 @extend %btn-text-download

Nom du lien



btn circle

prev / next

.btn--prev 
 @extend %btn-block-circle-prev

Prev 



.btn--next 
 @extend %btn-block-circle-next

Next



with custom icon

.btn--circle 
 @extend %btn-block-circle

Lorem



tag

.tag 
 .is-style-tag 
 @extend %tag

Lorem ipsum 



.tag--pills 
 @extend %tag-pills

Lorem ipsum 



.tag--pills .tag--pills--active 
 @extend %tag-pills-active

Lorem ipsum



square icon

.square-icon 
 @extend %square-icon-default



.square-icon--plus 
 @extend %square-icon-plus



.square-icon--alt 
 @extend %square-icon-alt



.square-icon--download 
 @extend %square-icon-download



Button primary data-seo-target

Encapsuler le bouton avec un span
Bouton primary


Button primary light data-seo-target

Encapsuler le bouton avec un span
Bouton primary light


Button text data-seo-target

Encapsuler le bouton avec un span
Nom du lien