"Responsive simple Testimonials "
Bootstrap 3.3.0 Snippet by deniswsrosa

<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="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!-- User Profile Sidebar by @keenthemes A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme Licensed under MIT --> <div class="container content"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <div class="testimonials"> <div class="active item"> <div class="carousel-info"> <img alt="" src="http://keenthemes.com/assets/bootsnipp/img1-small.jpg" class="pull-left"> <div class="pull-left"> <span class="testimonials-name">Lina Mars</span> </div> </div> </div> </div> </div> </div> </div> <br> <br> <center> <strong>Powered by <a href="http://j.mp/metronictheme" target="_blank">KeenThemes</a></strong> </center> <br> <br>
/*** User Profile Sidebar by @keenthemes A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme Licensed under MIT ***/ /* Content */ .content { padding-top: 30px; } .testimonials .carousel-info img { border: 1px solid #f5f5f5; border-radius: 150px !important; height: 75px; padding: 3px; width: 75px; } .testimonials .carousel-info { overflow: hidden; } .testimonials .carousel-info img { margin-right: 15px; } .testimonials .carousel-info span { display: block; } .testimonials span.testimonials-name { color: #e6400c; font-size: 16px; font-weight: 300; margin: 23px 0 7px; }

Related: See More


Questions / Comments: