Widget:Carousel

<style> .carousel {

 position: relative;
 width: 500px;
 height: 500px;

} .carousel .item{ min-height: 500px; }

</style>

           <img src="http://bootstrapdesigntools.com/assets/images/1024x400/1.jpg" alt="Lisbon">

The is a new first slide

           <img src="http://bootstrapdesigntools.com/assets/images/1024x400/2.jpg">

The is the second slide

           <img src="http://bootstrapdesigntools.com/assets/images/1024x400/3.jpg">

           <a href="http://google.com" target="_blank" class="carousel-link">
               <img src="/assets/images/1024x400/4.jpg">

Fourth slide

           </a>

           <a href="http://google.com" class="carousel-link">
               <img src="http://bootstrapdesigntools.com/assets/images/1024x400/5.jpg">
           </a>

<a class="left carousel-control" href="#custom-bootstrap-carousel" role="button" data-slide="prev">Previous</a><a class="right carousel-control"

   href="#custom-bootstrap-carousel" role="button" data-slide="next">Next</a>