"Responsive simple Testimonials "
Bootstrap 3.3.0 Snippet by Tiago188

<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"> <blockquote><p>Denim you probably haven't heard of. Lorem ipsum dolor met consectetur adipisicing sit amet, consectetur adipisicing elit, of them jean shorts sed magna aliqua. Lorem ipsum dolor met.</p></blockquote> <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> <span class="testimonials-post">Commercial Director</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 */ .testimonials blockquote { background: #f8f8f8 none repeat scroll 0 0; border: medium none; color: #666; display: block; font-size: 14px; line-height: 20px; padding: 15px; position: relative; } .testimonials blockquote::before { width: 0; height: 0; right: 0; bottom: 0; content: " "; display: block; position: absolute; border-bottom: 20px solid #fff; border-right: 0 solid transparent; border-left: 15px solid transparent; border-left-style: inset; /*FF fixes*/ border-bottom-style: inset; /*FF fixes*/ } .testimonials blockquote::after { width: 0; height: 0; right: 0; bottom: 0; content: " "; display: block; position: absolute; border-style: solid; border-width: 20px 20px 0 0; border-color: #e63f0c transparent transparent transparent; } .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; } .testimonials span.testimonials-post { color: #656565; font-size: 12px; }

Related: See More


Questions / Comments: