89 lines
No EOL
5.1 KiB
HTML
89 lines
No EOL
5.1 KiB
HTML
<div class="container well well-large">
|
||
|
||
<h2 class="text-center">Here we can scroll through a couple of item clusters.</h2>
|
||
<p class="text-center">Captions are still supported, too!</p>
|
||
<hr>
|
||
<h3>New Products</h3>
|
||
|
||
<div class="row-fluid">
|
||
<div id="myCarousel" class="carousel slide">
|
||
<div class="carousel-inner">
|
||
<div class="item active">
|
||
<ul class="thumbnails">
|
||
<li class="span3">
|
||
<div class="thumbnail">
|
||
<img alt="" src="assets/img/thumb1.jpg">
|
||
</div>
|
||
<p>First item<br>
|
||
<small class="red">$19.99</small><br>
|
||
<a class="btn btn-success" href="#">Buy Now</a></p>
|
||
</li>
|
||
<li class="span3">
|
||
<div class="thumbnail">
|
||
<img alt="" src="assets/img/thumb2.jpg">
|
||
</div>
|
||
<p>This is second<br>
|
||
<small class="red">$19.99</small><br>
|
||
<a class="btn btn-success" href="#">Buy Now</a></p>
|
||
</li>
|
||
<li class="span3">
|
||
<div class="thumbnail">
|
||
<img alt="" src="assets/img/thumb3.jpg">
|
||
</div>
|
||
<p>Third product<br>
|
||
<small class="red">$19.99</small><br>
|
||
<a class="btn btn-success" href="#">Buy Now</a></p>
|
||
</li>
|
||
<li class="span3">
|
||
<div class="thumbnail">
|
||
<img alt="" src="assets/img/thumb4.jpg">
|
||
</div>
|
||
<p>And the fourth<br>
|
||
<small class="red">$19.99</small><br>
|
||
<a class="btn btn-success" href="#">Buy Now</a></p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="item">
|
||
<ul class="thumbnails">
|
||
<li class="span3">
|
||
<div class="thumbnail">
|
||
<img alt="" src="assets/img/thumb5.jpg">
|
||
</div>
|
||
<p>Another caption<br>
|
||
<small class="red">$19.99</small><br>
|
||
<a class="btn btn-success" href="#">Buy Now</a></p>
|
||
</li>
|
||
<li class="span3">
|
||
<div class="thumbnail">
|
||
<img alt="" src="assets/img/thumb6.jpg">
|
||
</div>
|
||
<p>Another caption<br>
|
||
<small class="red">$19.99</small><br>
|
||
<a class="btn btn-success" href="#">Buy Now</a></p>
|
||
</li>
|
||
<li class="span3">
|
||
<div class="thumbnail">
|
||
<img alt="" src="assets/img/thumb7.jpg">
|
||
</div>
|
||
<p>Another caption<br>
|
||
<small class="red">$19.99</small><br>
|
||
<a class="btn btn-success" href="#">Buy Now</a></p>
|
||
</li>
|
||
<li class="span3">
|
||
<div class="thumbnail">
|
||
<img alt="" src="assets/img/thumb8.jpg">
|
||
</div>
|
||
<p>Another caption<br>
|
||
<small class="red">$19.99</small><br>
|
||
<a class="btn btn-success" href="#">Buy Now</a></p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
|
||
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
|
||
</div>
|
||
</div>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis ante ac enim aliquet sagittis rhoncus in ipsum. Aenean iaculis suscipit nisi, nec placerat lacus semper vel. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec tristique ultrices bibendum. Integer pulvinar lorem ut lacus tempus consectetur. Nunc suscipit felis ut turpis egestas suscipit. Mauris nisl dolor, eleifend nec blandit quis, eleifend in ante. Quisque scelerisque fermentum laoreet.</p>
|
||
</div> |