grey testimonials

This bootstrap snippet called "grey testimonials" was created to help web designers,
front-end developers and back-end developer save time. Use it in your project and build your app faster,
You can also download the HTML, CSS, and JS code
tags: testimonials

This is the HTML code for this bootstrap snippet

Copy, paste, change, customize and run the following HTML code to get a result like the one shown in the preview tab

<section id="testmonials" class="inner-section color01 bootstrap snippets">
   <div class="container-fluid nopadding">
      <h3 class="font-accident-two-normal uppercase text-center">Testmonials</h3>
      <h5 class="font-accident-one-bold uppercase hovercolor text-center">Working hard and making the success</h5>
      <div class="dividewhite1"></div>
      <p class="small fontcolor-medium text-center">
         Customize your website as you want using different colors and 100% free fonts. Build it from pieces and
         blocks as simple as Lego. <br>
         Electronic Website Template is fully responsive, looks and works perfect on any device.
      </p>
      <div class="dividewhite4"></div>

      <div class="row">
         <div class="col-md-4">
            <div class="row">
               <div class="col-xs-3">
                  <img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt="Rachel James Johnes" class="img-responsive img-circle author-userpic">
               </div>
               <div class="col-xs-9">
                  <h5 class="font-accident-one-bold text-left uppercase">Hans Zimmer</h5>
                  <p class="small hovercolor">Apple Inc.</p>
                  <p class="text-left small">
                     With more devices come varying screen resolutions, definitions and orientations. New devices
                     with new screen sizes are being developed every day, and each of these devices may be able...
                  </p>
               </div>
            </div>
            <div class="divider-dynamic"></div>
         </div>
         <div class="col-md-4">
            <div class="row">
               <div class="col-xs-3">
                  <img src="https://bootdey.com/img/Content/avatar/avatar2.png" alt="Rachel James Johnes" class="img-responsive img-circle author-userpic">
               </div>
               <div class="col-xs-9">
                  <h5 class="font-accident-one-bold text-left uppercase">Mario Quinn</h5>
                  <p class="small hovercolor">Adobe</p>
                  <p class="text-left small">
                     With more devices come varying screen resolutions, definitions and orientations. New devices
                     with new screen sizes are being developed every day, and each of these devices
                  </p>
               </div>
            </div>
            <div class="divider-dynamic"></div>
         </div>
         <div class="col-md-4">
            <div class="row">
               <div class="col-xs-3">
                  <img src="https://bootdey.com/img/Content/avatar/avatar3.png" alt="Rachel James Johnes" class="img-responsive img-circle author-userpic">
               </div>
               <div class="col-xs-9">
                  <h5 class="font-accident-one-bold text-left uppercase">Karl Romm</h5>
                  <p class="small hovercolor">BMW</p>
                  <p class="text-left small">
                     With more devices come varying screen resolutions, definitions and orientations. New devices
                     with new screen sizes are being developed every day, and each of these devices
                  </p>
               </div>
            </div>
            <div class="divider-dynamic"></div>
         </div>
      </div>
      <div class="dividewhite6"></div>
   </div>
</section>

This is the CSS code for this bootstrap snippet

Copy, paste, change, customize and run the following CSS code to get a result Like the one shown in the preview

body{
    margin-top:20px;
}

.inner-content .inner-section {
    padding: 30px 50px;
}

.color01 {
    background-color: #f2f2f2 !important;
}

.uppercase {
    text-transform: uppercase;
}

.font-accident-two-normal {
    font-family: "Dosis", sans-serif;
    font-weight: 400;
}

.hovercolor, .hovercolor a {
    color: #e74c3c !important;
}
                                    

Information about this bootstrap snippet

Creator: Dey Dey

Bootstrap version: 3.3.6

Created: Feb 27th 2016, 12:16

Views: 2.2K

Rated 5/5 based on 1 reviews