"pillsmagic-carousel"
Bootstrap 4.1.1 Snippet by TejaNethas

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <section class="hero"> <div class="container"> <div class="row"> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item"> <img src="http://pillsmagic.com/assets/home/images/banner-1.gif" alt="Chania"> </div> <div class="item"><img src="http://pillsmagic.com/assets/home/images/banner-2.gif" alt="Chania"> </div> <div class="item"> <img src="http://pillsmagic.com/assets/home/images/banner-3.gif" alt="Flower"> </div> <div class="item active"> <img src="http://pillsmagic.com/assets/home/images/banner-4.gif" alt="Flower"> </div> <div class="item"> <img src="http://pillsmagic.com/assets/home/images/banner-5.gif" alt="Flower"> </div> </div> </div> </div> </div> </section>

Related: See More


Questions / Comments: