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.

Médias

Image (responsive)

<img src="img/image-01.jpg">

Image avec légende

L'élément HTML <figure> représente un contenu indépendant, habituellement accompagné d'une légende grâce à l'élément <figcaption>.

Photographie de Fré Sonneveld
<figure class="video-responsive">
	<img src="img/image-01.jpg">
	<figcaption>
		Photographie de <a href="http://www.chasin-pigeons.com"> Fré Sonneveld </a>
	</figcaption>
</figure>

Vidéo embed responsive

Pour rendre les vidéos responsive, insérez le "embed code" dans un bloc ayant pour class .video-responsive.

<div class="video-responsive">
	<iframe src="//player.vimeo.com/video/93113868?color=00cccc" width="600" height="338" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen> </iframe>
</div>