"testimonials"
Bootstrap 4.1.1 Snippet by Sulokit

<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 ----------> <section> <div class="testimonials"> <div class="container"> <div class="row"> <div class="col-lg-4"> <div class="testimonial-container"> <div class="testimonial-card"> <p> “We are proud to announce Techwards Computing as our techology partner. Their dedication to the work is beyond compare. I have personally called them at all time and have got the solutions instantly.” </p> </div> <div class="testimonial-name"> Abhishek Bendigeri </div> <small class="testimonial-title"> CEO at United India Films </small> </div> </div> <div class="col-lg-4"> <div class="testimonial-container"> <div class="testimonial-card"> <p> “The most reliable company for IT solutions. They are our vendor's to supply all IT related services and we love their work.” </p> </div> <div class="testimonial-name"> Santosh Sonalkar </div> <small class="testimonial-title"> CEO at J K Systems </small> </div> </div> <div class="col-lg-4"> <div class="testimonial-container"> <div class="testimonial-card"> <p> “The only company I can think of when it comes to IT services is Techwards Computing. They have always exceeded our expectations and delivered product on time.” </p> </div> <div class="testimonial-name"> Shridhar Pise </div> <small class="testimonial-title"> CEO at Alphard Engineering Solutions LLP </small> </div> </div> </div> </div> </div> </section>
.testimonial-container { text-align: center; padding-bottom: 40px; } .testimonial-card { background-color: #f4f4f4; padding: 30px; text-align: center; font-style: italic; position: relative; border-radius: 5px; } .testimonial-card::after { background-color: inherit; bottom: -7px; content: ""; display: block; height: 14px; left: 50%; margin-left: -7px; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 14px; } .testimonial-card p { font-size: 18px; line-height: 36px; margin-bottom: 16px; } .testimonial-name { font-weight: 600; padding-top: 1.25rem; line-height: 1.3; } .testimonial-title { font-size: 14px; font-style: italic; font-weight: 400; line-height: 1.597; color: #a7a7a7; }

Related: See More


Questions / Comments: