UI-Kit

Les Icons

Afficher un icon

{{ svg_icon('icon_name' }}

Liste des icons

CTA

Boutons

Sur-titre bouton Titre bouton Sur-titre bouton Titre bouton Sur-titre bouton Titre bouton Sur-titre bouton Titre bouton Sur-titre bouton Titre bouton Sur-titre bouton Titre bouton

Search-bar

Titres Boutons

Titre bouton Titre bouton Titre bouton Titre bouton

Boutons mobile

Sur-titre bouton Titre bouton Sur-titre bouton Titre bouton Sur-titre bouton Titre bouton Sur-titre bouton Titre bouton Sur-titre bouton Titre bouton Sur-titre bouton Titre bouton

Search-bar mobile

Boutons titre mobile

Titre bouton Titre bouton Titre bouton Titre bouton

Checkbox

Burger

Swiper

Badges filtre

Tous les budgets Tous les budgets

RS

Rendez-vous

Nous définissons ensemble votre projet Rendez-vous avec un expert Nous définissons ensemble votre projet Rendez-vous avec un expert

Les titres

Exemple de titre : .page-title

Les Typos

  • Exemple de texte de couleur primary : .text-primary
  • Exemple de texte de couleur secondary : .text-secondary
  • Exemple de texte de couleur success : .text-success
  • Exemple de texte de couleur danger : .text-danger
  • Exemple de texte de couleur warning : .text-warning
  • Exemple de texte de couleur info : .text-info
  • Exemple de texte de couleur gray : .text-gray
  • Exemple de texte de couleur white : .text-white
  • Exemple de texte de couleur dark : .text-dark
  • Exemple de texte de couleur light : .text-light
  • Exemple de texte de couleur text : .text-text
  • Exemple de texte de couleur blue : .text-blue

Les Couleurs

primary

secondary

success

danger

warning

info

gray

white

dark

light

text

blue

Les Cards

Cards Post 

{{ include('cards/post.twig', {'post':post}) }}