Bootstrap snippet: Team testimonials Ahmad

designed to help people of all skill levels - designer or developer, huge nerd or early beginner.
copy and paste the code. Use it as a complete kit or use it to start something more complex.



<div class="container testimonials"> <div class="row"> <div class="col-md-4 testimonial"> <div class="row"> <div class="avatar col-md-5"> <a href="#"> <img class="img-circle" src="http://bootdey.com/img/Content/user_3.jpg" alt="Taylor Otwell"> </a> </div> <div class="testimonial-main col-md-7"> <h4 class="media-heading"><a href="#m">Owenl Ollyt</a></h4> <p class="testimony-body">bootstrap rules!</p> </div> </div> </div> <div class="col-md-4 testimonial"> <div class="row"> <div class="avatar col-md-5"> <a href="#"> <img class="img-circle" src="http://bootdey.com/img/Content/user_2.jpg" alt="Taylor Otwell"> </a> </div> <div class="testimonial-main col-md-7"> <h4 class="media-heading"><a href="#">Darla Marty</a></h4> <p class="testimony-body">Bootdey rules!</p> </div> </div> </div> <div class="col-md-4 testimonial"> <div class="row"> <div class="avatar col-md-5"> <a href="#"> <img class="img-circle" src="http://bootdey.com/img/Content/user_1.jpg" alt="Taylor Otwell"> </a> </div> <div class="testimonial-main col-md-7"> <h4 class="media-heading"><a href="#">Maryou Mcjouin</a></h4> <p class="testimony-body">Ok man!</p> </div> </div> </div> </div> </div>
body{ background: #F9F9F9; } .testimonials { margin-top: 40px; } .testimonial { margin-bottom: 3em; background: #fff; padding: 2em; border-right: 30px solid #F9F9F9; min-height: 169px; } .testimonial:before { content: ""; position: absolute; z-index: -1; -ms-transform: skew(-3deg,-2deg); -webkit-transform: skew(-3deg,-2deg); -o-transform: skew(-3deg,-2deg); -moz-transform: skew(-3deg,-2deg); bottom: 14px; box-shadow: 0 16px 5px rgba(0,0,0,.04); max-width: 90%; width: 90%; height: 50px; left: 1px; } .avatar .img-circle { background: #fff; padding: 3px; border: 1px solid #c5c5c5; } .avatar img { max-width: 100%; } .img-circle { border-radius: 50%; } .testimonial h4, .testimonial h4 a { font-weight: 700; } .testimonial h4 { margin-bottom: 8px; } .testimonial .testimony-body { font-size: .9em; }
ahmad21pal

Team testimonials Ahmad

ahmad21pal
  Mar 18th 2015, 07:34
210 Views