Ce site est entièrement responsive. Néanmoins, certains styles peuvent être mieux appréciés sur un écran plus grand.

Documentation

Découvrez le fonctionnement du framework Slim à travers la documenation. Tous les composants y sont abordés, et illustrés des mises en situation.

Notifications

Box d'alertes avec icone (Information, Attention, Erreure)

Les box d'alertes sont réglable en largeur avec la class .width-xxx. Box d'aide avec .info-box, box attention info-danger et box d"erreur .info-error

Boite d'information, dans le but de communiquer un message court pour l'utilisateur du site. Dans laquelle peut se trouver un lien avec le style de la box.

Boite d'information, dans le but de communiquer un message court pour l'utilisateur du site. Dans laquelle peut se trouver un lien avec le style de la box.

Boite d'information, dans le but de communiquer un message court pour l'utilisateur du site. Dans laquelle peut se trouver un lien avec le style de la box.

<div class="info-box-icon width-70">
	<p>Boite d'information, dans le ... <a href="">...</a></p>
</div>

<div class="danger-box-icon width-70">
	<p>...</p>
</div>

<div class="error-box-icon width-70">
	<p>...</p>
</div>

Box d'alertes simple sans icone

Les box d'alertes sont réglable en largeur avec la class .width-xxx. Box d'aide avec .info-box, box attention info-danger et box d"erreur .info-error

Boite d'information, dans le but de communiquer un message court pour l'utilisateur du site. Dans laquelle peut se trouver un lien avec le style de la box.

Boite d'information, dans le but de communiquer un message court pour l'utilisateur du site. Dans laquelle peut se trouver un lien avec le style de la box.

Boite d'information, dans le but de communiquer un message court pour l'utilisateur du site. Dans laquelle peut se trouver un lien avec le style de la box.

<div class="info-box width-70">
	<p>Boite d'information, dans le ... <a href="">...</a></p>
</div>

<div class="danger-box width-70">
	<p>...</p>
</div>

<div class="error-box width-70">
	<p>...</p>
</div>