Différences entre les versions de « Utilisateur:Jluc/bac à sable »

De Entre Amis
Aller à : navigation, rechercher
m
Ligne 38 : Ligne 38 :
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
 
----
 
----
 +
 +
<div class="row">
 +
  <div class="col-sm-6 col-md-4">
 +
    <div class="thumbnail">
 +
<img src="http://lorempixel.com/1024/1024/business" class="img-responsive" alt="Thumbnail">
 +
      <div class="caption">
 +
        <p class="h3">Thumbnail label</p>
 +
        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
 +
        <p>[[#|<span class="btn btn-primary" role="button">Button</span>]] [[#|<span class="btn btn-default" role="button">Button</span>]]</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="col-sm-6 col-md-4">
 +
    <div class="thumbnail">
 +
<img src="http://lorempixel.com/1024/1024/nightlife" class="img-responsive" alt="Thumbnail">
 +
      <div class="caption">
 +
        <p class="h3">Thumbnail label</p>
 +
        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
 +
        <p>[[#|<span class="btn btn-primary" role="button">Button</span>]] [[#|<span class="btn btn-default" role="button">Button</span>]]</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="col-sm-6 col-md-4">
 +
    <div class="thumbnail">
 +
<img src="http://lorempixel.com/1024/1024/transport" class="img-responsive" alt="Thumbnail">
 +
      <div class="caption">
 +
        <p class="h3">Thumbnail label</p>
 +
        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
 +
        <p>[[#|<span class="btn btn-primary" role="button">Button</span>]] [[#|<span class="btn btn-default" role="button">Button</span>]]</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
 +
----
 +
 +
  <div class="row">
 +
    <div class="col-xs-6 col-md-3">
 +
[[#|<span class="thumbnail"><img src="http://lorempixel.com/1024/768/abstract" alt="thumbnail"></span>]]
 +
    </div>
 +
    <div class="col-xs-6 col-md-3">
 +
[[#|<span class="thumbnail"><img src="http://lorempixel.com/1024/768/nature" alt="thumbnail"></span>]]
 +
    </div>
 +
    <div class="col-xs-6 col-md-3">
 +
[[#|<span class="thumbnail"><img src="http://lorempixel.com/1024/768/food" alt="thumbnail"></span>]]
 +
    </div>
 +
    <div class="col-xs-6 col-md-3">
 +
[[#|<span class="thumbnail"><img src="http://lorempixel.com/1024/768/city" alt="thumbnail"></span>]]
 +
    </div>
 +
  </div>
  
 
</div>
 
</div>

Version du 6 janvier 2018 à 21:43

thumbnail

La marche nordique

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

L'activité Rendez-vous, horaires Animateurs Programme du mois Photos Archives

thumbnail

Les séjours

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Programme Documents contractuels Projets Comptes rendus Photos Archives

thumbnail

Les randonnées d'exception

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

TMB Compostelle GR 20


Thumbnail

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

Thumbnail

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

Thumbnail

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button


thumbnail

thumbnail

thumbnail

thumbnail