Bootstrap Testimonials Dark

Testimonials bootstrap 4 snippet

Download Files

Download Files contains - HTML,CSS,JS,Images Files

With cover and overlapped profile picture

                                        
                                      @import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800);
.testimonial5 {
  font-family: "Montserrat", sans-serif;
 color: #8d97ad;
  font-weight: 300;
}

.testimonial5 h1, .testimonial5 h2, .testimonial5 h3, .testimonial5 h4, .testimonial5 h5, .testimonial5 h6 {
  color: #3e4555;
}

.testimonial5 .font-weight-medium {
 font-weight: 500;
}

.testimonial5.bg-inverse {
    background-color: #3e4555;
}

.testimonial5 .subtitle {
    color: #8d97ad;
    line-height: 24px;
}

.testimonial5 .testi5 {
  position: relative;
}

.testimonial5 .testi5 .content {
  font-size: 21px;
  line-height: 30px;
  padding: 50px 30px;
}

.testimonial5 .testi5 .owl-item.center .content {
  color: #ffffff;
  background: #ff4d7e;
  background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%);
  background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b));
  background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
  background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
  background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);
}

.testimonial5 .testi5 .customer-thumb {
  margin-top: -30px;
  display: none;
}

.testimonial5 .testi5 .customer-thumb img {
  width: 60px;
  margin-bottom: 20px;
}

.testimonial5 .testi5 .owl-item.center .customer-thumb {
  display: block;
}

.testimonial5 .owl-carousel .owl-item img {
 margin-left: auto;
 margin-right: auto;
}

.testimonial5 .owl-theme .owl-dots .owl-dot.active span,
.testimonial5 .owl-theme .owl-dots .owl-dot:hover span {
  background: #316ce8;
}      
                                        
                                    

                                        
                                         $('.testi5').owlCarousel({
    loop: true,
    margin: 30,
    nav: false,
    navText: ['', ''],
    dots: true,
    autoplay: true,
    center: true,
    responsiveClass: true,
    responsive: {
     0: {
      items: 1

     },
     1024: {
      items: 3
     }
    }
   });      
                                        
                                    

Credits

Wrappixel.com

More Bootstrap UI Components

Nice & Clean Cards Section

182 0 cards,BS4

Subscribe to our Newsletter

146 0 newsletter,BS4

Awesome Call to Action Block

147 0 CTA,BS4

Stunning Testimonials Block

136 0 testimonials,BS4

Elegant Navigation Block

146 0 navigation.BS4

Subscribe to our Newsletter Block

151 0 newsletter,BS4

Bootstrap Basic Feature

156 0 features

Nice Bootstrap Pricing Cards

142 0 pricing,BS4

Tired of Opening One Strap After Another?

Go to Pricing and start using AJAX Filter Options, no need to open multiple pages.

Get Started