"testimonials slider Anirudha Bhowmik"
Bootstrap 4.1.1 Snippet by anirudhabhowmik

<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 ----------> <!--start testimonials--> <section class="testimonials"> <div class="container"> <div class="testimonial"> <div class="row"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Wrapper for slides --> <div class="carousel-inner"> <div class="item active"> <button style="border: none;"><i class="fa fa-quote-left testimonial_fa" aria-hidden="true"></i></button> <p>I was not sure at the beginning that they will give me the right presentation or not but remarks from the Doctor have earned my trust. I will surely work with them till the end of my course.</p><br> <div class="row"> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-3"> <img src="images/mohammad.jpg" class="img-responsive" alt="mohammad"> </div><!--col--> <div class="col-lg-10 col-md-10 col-sm-10 col-xs-9"> <h3><strong>Mohammed Saalem</strong></h3> <p class="testimonial_subtitle"><span> (Bachelors)</span><br> <!-- <span>Officeal All Star Cafe</span>--> </p> </div><!--col--> </div><!--row--> </div><!--item--> <div class="item"> <button style="border: none;"><i class="fa fa-quote-left testimonial_fa" aria-hidden="true"></i></button> <p>I was stuck with the Data processing for my Finance project wherein I had to create balance sheets, study annual reports and perform ratio analysis of my selected company. I was troubled until I reached out to DoctorProjects.com They worked thoroughly and provided me proper help and assistance. I am finally at peace with my course as my Doctor is impressed with the works I am delivering now. Thank you guys for being my reliever.</p><br> <div class="row"> <div class="col-lg-2 col-md-2 col-sm-2 col-xs-3"> <img src="images/ashfaq.jpg" class="img-responsive" alt="ashfaq"> </div><!--col--> <div class="col-lg-10 col-md-10 col-sm-10 col-xs-9"> <h3><strong>Ashfaq Salmeen</strong></h3> <p>(Masters) </p> </div><!--col--> </div><!--row--> </div><!--item--> </div><!--carousel-inner--> </div> <div class="controls testimonial_control pull-right"> <a class="left fa fa-chevron-left btn btn-default testimonial_btn" href="#carousel-example-generic" data-slide="prev"></a> <a class="right fa fa-chevron-right btn btn-default testimonial_btn" href="#carousel-example-generic" data-slide="next"></a> </div> </div><!--row--> </div><!--testimonal--> </div><!--container--> </section> <!--end testimonials-->
/*start testimonial*/ .testimonials{ padding: 40px 0; background-image: url(../images/testimonials.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; height: 380px; } .testimonial{ margin: 0 200px; } .testimonial_subtitle{ color: #fff; font-size: 16px; } .testimonial_btn{ background-color: #fff; color: #2c75b7; } .seprator{ height: 2px; width: 56px; background-color: #fff; margin: 7px 0 10px 0; } .testimonials p{ color: #fff; font-weight: 100px; } .testimonials img{ width: 100%; border-radius: 50%; } .testimonials h3{ color: #fff; } /*end testimonial*/

Related: See More

Questions / Comments: