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

De Entre Amis
Aller à : navigation, rechercher
m
Ligne 1 : Ligne 1 :
<!--
+
<div class="thumbnail" style="max-width: 300px; float: right; text-align: right; margin: 15px 0 15px 15px;">
<div class="row">
+
  <img  src="http://queva.eu/mw/images/thumb/a/ad/20170924_080326-Samoens-SL.jpg/450px-20170924_080326-Samoens-SL.jpg" alt="La Dream Team ; une photo de Xavier Wiacek." title="La Dream Team ; une photo de Xavier Wiacek." class="img-responsive">
   <div class="col-sm-6 col-md-4">
+
  <div class="caption">
-->
+
    <p>La Dream Team.<br /><small>Une photo de Xavier Wiacek.</small></p>
    <div class="thumbnail" style="max-width: 300px; float: right; text-align: right;">
+
   </div>
 +
</div>
 +
<small>This line of text is meant to be treated as fine print.</small>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
 +
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 +
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
 +
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
 +
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
<small>This line of text is meant to be treated as fine print.</small>
 +
<p class=small>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
 +
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 +
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
 +
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
 +
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
<small>This line of text is meant to be treated as fine print.</small>
 +
<small>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
 +
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 +
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
 +
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
 +
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</small>
 +
 
 +
<div style="clear:both;"></div>
 +
----
 +
 
 +
<div class="thumbnail" style="max-width: 300px; float: right; text-align: right; margin: 15px 0 15px 15px;">
 
<img  src="http://queva.eu/mw/images/thumb/a/ad/20170924_080326-Samoens-SL.jpg/450px-20170924_080326-Samoens-SL.jpg" alt="La Dream Team ; une photo de Xavier Wiacek." title="La Dream Team ; une photo de Xavier Wiacek." class="img-responsive">
 
<img  src="http://queva.eu/mw/images/thumb/a/ad/20170924_080326-Samoens-SL.jpg/450px-20170924_080326-Samoens-SL.jpg" alt="La Dream Team ; une photo de Xavier Wiacek." title="La Dream Team ; une photo de Xavier Wiacek." class="img-responsive">
      <div class="caption">
+
  <div class="caption">
        <p>La Dream Team.<br /><small>Une photo de Xavier Wiacek.</small></p>
+
    <p>La Dream Team.<br /><small>Une photo de Xavier Wiacek.</small></p>
<!--
+
  </div>
        <p class=small>Une photo de Xavier Wiacek.</p>
+
</div>
        <p>[[#|<span class="btn btn-primary" role="button">Button</span>]] [[#|<span class="btn btn-default" role="button">Button</span>]]</p>
 
-->
 
      </div>
 
    </div>
 
 
<small>This line of text is meant to be treated as fine print.</small>
 
<small>This line of text is meant to be treated as fine print.</small>
<p class=small>Lorem ipsum dolor sit amet, consectetur adipisicing elit,  
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,  
 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  
 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  
 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  
 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  
Ligne 31 : Ligne 51 :
 
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.  
 
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.  
 
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</small>
 
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</small>
 +
 +
<div style="clear:both;"></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>
  
  

Version du 18 janvier 2018 à 10:11

 La Dream Team ; une photo de Xavier Wiacek.

La Dream Team.
Une photo de Xavier Wiacek.

This line of text is meant to be treated as fine print.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This line of text is meant to be treated as fine print.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This line of text is meant to be treated as fine print. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


La Dream Team ; une photo de Xavier Wiacek.

La Dream Team.
Une photo de Xavier Wiacek.

This line of text is meant to be treated as fine print.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This line of text is meant to be treated as fine print.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This line of text is meant to be treated as fine print. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


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