"modern Testimonials"
Bootstrap 3.0.0 Snippet by ravinder350

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="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ---------->
<section class="testimonial-area">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="sec-title pull-left">
<h3>Testimonials</h3>
<h1>Successful Stories</h1>
</div>
<div class="more-button pull-right">
<a href="#">More Stories</a>
</div>
</div>
</div>
<div class="row">
<!--Start single item-->
<div class="col-sm-4">
<div class="single-testimonial-item text-center">
<div class="img-holder">
<img src="http://mitdevelop.com/Preet-Dietitian/assets/images/1.png" alt="Awesome Image">
</div>
<div class="text-holder">
<h3>Lost 80 Pounds and 4 Sizes</h3>
<p>Ladies, meet your new hero. Men, prepare to be humbled. My friend Staci, or Spezzy as she’s known health Coach.</p>
</div>
<span class="border"></span>
<div class="name">
<h3>Steve Bairstow</h3>
</div>
</div>
</div>
<!--End single 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
.testimonial-area {
background: #f5f4f3;
padding: 50px 0 40px;
float: left;
width: 100%;
}
.testimonial-area .more-button {
margin-top: 12px;
}
.testimonial-area .more-button a {
border: 2px solid #5b3859;
height: 50px;
width: 170px;
display: block;
text-align: center;
border-radius: 30px;
color: #5b3859;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
line-height: 48px;
font-family: 'Poppins', sans-serif;
transition: all 500ms ease;
}
.testimonial-area .more-button a:hover {
background: #fff;
color: #252525;
}
.single-testimonial-item {
overflow: hidden;
float: left;
background: #ffffff;
margin-bottom: 30px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: