"lol"
Bootstrap 4.1.1 Snippet by Ousmane8

Post to Facebook Tweet this

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/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 ---------->
<div class="container">
<div class="row">
<div class="col-md-6">
<section class="testimonials">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<!-- Indicators-->
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
</ol>
<div class="carousel-inner">
<!-- Item-1 -->
<div class="carousel-item active text-center">
<img src="https://i.ibb.co/8x9xK4H/team.jpg" alt="" class="center-block team">
<h3>ANTOINE PETRUZZI</h3>
<h4>Program Manager - Amazon Advertising Platform</h4>
<p>I was very pleased to have had Marcel Saucet as a trainer. One of his major strengths is his ability to transmit his passion for Marketing. In my mind he possesses all the characteristics a Marketing Manager must have: Ambitious, pragmatic, passionate, creative, and accurate.</p>
</div>
<!-- Item-2 -->
<div class="carousel-item text-center">
<img src="https://i.ibb.co/8x9xK4H/team.jpg" alt="" class="center-block team">
<h3>AUSTIN BERGER</h3>
<h4>Price Waterhouse Cooper, New York</h4>
<p>Marcel Saucet a été une grande source d’inspiration pour moi lors des workshops LCA learning. Ce séminaire innovant m’a permis d’insérer des nouveautés radicales dans notre manière de fonctionner. Two thumbs up!</p>
</div>
<!-- Item-3 -->
<div class="carousel-item text-center">
<img src="https://i.ibb.co/8x9xK4H/team.jpg" alt="" class="center-block team">
<h3>VANESSA TOUBOUL</h3>
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
/* TEMOIGNAGES */
/* Textimonial CSS Code */
/* Image */
.testimonials .carousel-inner .carousel-item .team {
width: 100px;
height: 100px;
border: 2px solid #ff0000;
border-radius: 100%;
padding: 5px;
margin: 50px 0 15px;
}
.testimonials .carousel-inner .carousel-item h3 {
font-size: 20px;
color: #ffffff;
font-weight: 600;
}
.testimonials .carousel-inner .carousel-item h4 {
font-size: 14px;
font-weight: 300;
color: #e2e1e1;
margin-bottom: 20px;
}
.testimonials .carousel-indicators {
bottom: -30px;
}
.testimonials .carousel-indicators li {
background-color: #b8b7b7;
border-radius: 30px;
height: 4px;
width: 40px;
}
.testimonials .carousel-indicators .active {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Vuetify Material Dashboard

Questions / Comments: