"Bootstrap Testimonial Slider With Video"
Bootstrap 3.3.0 Snippet by jagadeeshsandireddy

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/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 ----------> <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script> </head> <body> <section style="background-color: #332CB8;padding:50px 0;"> <div class="container"> <div class="section-title text-center"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <h2 style="color:white;">Testimonials</h2> <div class="title-icon"> <img class="mb-10" src="http://www.topnotchdentalclinic.com/images/title-icon-white.png" alt=""> </div> <p style="color:white;">TESTMONIAL MAIN HEADING</p> </div> </div> </div> </div> <div class="section-content"> <div class="row"> <div class="col-md-12"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-pause="hover" data-interval="3000"> <!-- Indicators --> <!-- <ol class="carousel-indicators" style="bottom:-45px;margin-left:-88%"> --> <ol class="carousel-indicators" style="bottom:-45px;"> <li data-target="#carousel-example-generic" data-slide-to="0" class=""></li> <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li> <li data-target="#carousel-example-generic" data-slide-to="2" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="3"></li> <li data-target="#carousel-example-generic" data-slide-to="4"></li> <li data-target="#carousel-example-generic" data-slide-to="5"></li> <li data-target="#carousel-example-generic" data-slide-to="6"></li> <li data-target="#carousel-example-generic" data-slide-to="7"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner"> <div class="item"> <div class="col-md-6"> <h4 style="color:white;">Testmonial 1</h4> <p class="text-center" style="color:white; padding:30px 0px; text-align:justify">Best Dental Clinic in Kalkaji C R Park, South Delhi.Recommendation for great dental treatment experience.</p> <h5 style="color:white;">-</h5> </div> <div class="col-md-6"> <div class="embed-responsive embed-responsive-16by9"> <video width="600" height="409" id="videoPlayer" controls="controls"> <!-- MP4 Video --> <source src="images/videos/first.mp4" type="video/mp4"> </video> </div> </div> </div> <div class="item"> <div class="col-md-6"> <h4 style="color:white;">Testmonial 2</h4> <p class="text-center" style="color:white; padding:30px 0px; text-align:justify">Best Dental Clinic in Kalkaji CR Park, South Delhi. Recommendation for great dental treatment experience</p> <h5 style="color:white;">-</h5> </div> <div class="col-md-6"> <div class="embed-responsive embed-responsive-16by9"> <video width="600" height="409" id="videoPlayer" controls="controls"> <!-- MP4 Video --> <source src="images/videos/two.mp4" type="video/mp4"> </video> </div> </div> </div> <div class="item active"> <div class="col-md-6"> <h4 style="color:white;">Testmonial 3</h4> <p class="text-center" style="color:white; padding:30px 0px; text-align:justify">Best Dental Clinic in Kalkaji CR Park, South Delhi. Recommendation for great dental treatment experience.</p> <h5 style="color:white;">-</h5> </div> <div class="col-md-6"> <div class="embed-responsive embed-responsive-16by9"> <video width="600" height="409" id="videoPlayer" controls="controls"> <!-- MP4 Video --> <source src="images/videos/three.mp4" type="video/mp4"> </video> </div> </div> </div> <div class="item"> <div class="col-md-6"> <h4 style="color:white;">Testmonial 4</h4> <p class="text-center" style="color:white; padding:30px 0px; text-align:justify"> Best Dental Clinic in Kalkaji CR Park, South Delhi. Recommendation for great dental treatment experience.</p> <h5 style="color:white;">-</h5> </div> <div class="col-md-6"> <div class="embed-responsive embed-responsive-16by9"> <video width="600" height="409" id="videoPlayer" controls="controls"> <!-- MP4 Video --> <source src="images/videos/four.mp4" type="video/mp4"> </video> </div> </div> </div> <div class="item"> <div class="col-md-6"> <h4 style="color:white;">Testmonial 5</h4> <p class="text-center" style="color:white; padding:30px 0px; text-align:justify">Best Dental Clinic in Kalkaji CR Park, South Delhi. Recommendation for great dental treatment experience.</p> <h5 style="color:white;">-</h5> </div> <div class="col-md-6"> <div class="embed-responsive embed-responsive-16by9"> <video width="600" height="409" id="videoPlayer" controls="controls"> <!-- MP4 Video --> <source src="images/videos/five.mp4" type="video/mp4"> </video> </div> </div> </div> <div class="item"> <div class="col-md-6"> <h4 style="color:white;">Testmonial 6</h4> <p class="text-center" style="color:white; padding:30px 0px; text-align:justify">Best Dental Clinic in Kalkaji CR Park, South Delhi. Recommendation for great dental treatment experience.</p> <h5 style="color:white;">-</h5> </div> <div class="col-md-6"> <div class="embed-responsive embed-responsive-16by9"> <video width="600" height="409" id="videoPlayer" controls="controls"> <!-- MP4 Video --> <source src="images/videos/six.mp4" type="video/mp4"> </video> </div> </div> </div> <div class="item"> <div class="col-md-6"> <h4 style="color:white;">Testmonial 7</h4> <p class="text-center" style="color:white; padding:30px 0px; text-align:justify">Best Dental Clinic in Kalkaji CR Park, South Delhi. Recommendation for great dental treatment.</p> <h5 style="color:white;">-</h5> </div> <div class="col-md-6"> <div class="embed-responsive embed-responsive-16by9"> <video width="600" height="409" id="videoPlayer" controls="controls"> <!-- MP4 Video --> <source src="images/first.mp4" type="video/mp4"> </video> </div> </div> </div> <div class="item"> <div class="col-md-6"> <h4 style="color:white;">Testmonial 8</h4> <p class="text-center" style="color:white; padding:30px 0px; text-align:justify">Best Dental Clinic in Kalkaji CR Park, South Delhi.Recommendation for great dental treatment.</p> <h5 style="color:white;">-</h5> </div> <div class="col-md-6"> <div class="embed-responsive embed-responsive-16by9"> <video width="600" height="409" id="videoPlayer" controls="controls"> <!-- MP4 Video --> <source src="images/third.mp4" type="video/mp4"> </video> </div> </div> </div> </div> </div> </div> </div> </div> </section> </body> </html>

Related: See More

BLK• Design System
Client or Partners Logo Slider
Timely Login slider
Video list thumbnails

Questions / Comments: