"Testimonial with slider"
Bootstrap 3.3.0 Snippet by koshikojha

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="https://use.fontawesome.com/relea/cssses/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<section class="testimonials-sec"><script src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.js"></script>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="testmonial-block">
<div id="testimonials-slider-pager" class="hidden-xs">
<a href="#" class="pager-item active" data-slide-index="0"><img src="http://www.kiathemes.in/tf/digita/images/testmonial/1.jpg" alt="" /></a>
<a href="#" class="pager-item" data-slide-index="1"><img src="http://www.kiathemes.in/tf/digita/images/testmonial/1.jpg" alt="" /></a>
<a href="#" class="pager-item" data-slide-index="2"><img src="http://www.kiathemes.in/tf/digita/images/testmonial/2.jpg" alt="" /></a>
<a href="#" class="pager-item" data-slide-index="3"><img src="http://www.kiathemes.in/tf/digita/images/testmonial/3.jpg" alt="" /></a>
<a href="#" class="pager-item" data-slide-index="4"><img src="http://www.kiathemes.in/tf/digita/images/testmonial/4.jpg" alt="" /></a>
</div>
<div class="testimonials-slider">
<h2>Happy Client What Say<br> About Us</h2>
<ul class="slider">
<!--Start Slide Item-->
<li class="slide-item">
<div class="single-testimonials">
<div class="author-image">
<img src="http://www.kiathemes.in/tf/digita/images/testmonial/6.jpg" alt="" />
</div>
<div class="author-content">
<h5>Tahashia Khan</h5>
<h6>Web Designer</h6>
<p>Hi ipsum dolor sit amet, est vel, id fllentesque tortor pede risus nullam hiden over the teamwe happy for your service</p>
</div>
</div>
</li>
<!--End Slide Item-->
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
.flaticon-left-arrow:before{content: "\f0da";}
.flaticon-right-arrow:before{content: "\f0da";}
.testimonials-sec {
position: relative;
width: 100%;
padding: 140px 0 140px;
background-color: #f8f8f8;
}
.testimonials-sec .bx-wrapper {
-webkit-box-shadow: 0 0 0;
box-shadow: 0 0 0;
}
.testmonial-block{
float: left;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0) url("http://www.kiathemes.in/tf/digita/images/resources/testmonial-bg.png") no-repeat scroll left;
padding-left: 59px;
}
.single-testimonials .author-image,
.single-testimonials .author-content {
display: table-cell;
vertical-align: middle;
}
.single-testimonials .author-content{
width: 455px;
}
.single-testimonials .author-image {
margin-top: 30px;
width: 104px;
float: left;
}
.single-testimonials .author-image img {
border-radius: 50%;
height: 80px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/***************************************************************************************************************
|||||||||||||||||||||||||||| CUSTOM SCRIPT FOR ASSURANCE |||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
|||||||||||||||||||||||||||| TABLE OF CONTENT ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************
01. Preloader
02. Sticky header
03. mainmenu
04. Revolution slider
05. scoll to Top
06. Testimonial Slider
07. Sponser Slider
08. Accordion
09. Fact counter
10. Prealoder
11. Select Dropdown
12. ContactFormValidation
****************************************************************************************************************
|||||||||||||||||||||||||||| End TABLE OF CONTENT ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/
(function($) {
"use strict";
/*----------------------------
Preloader
------------------------------ */
function prealoader () {
if($('.loader-container').length) {
$('.loader-container').fadeOut(1000);
}
}
/*=================== Sticky Header ===================*/
function stickyHeader () {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: