"Untitled"
Bootstrap 4.1.1 Snippet by Ousmane8

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 ---------->
<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 cta-100 ">
<div class="container">
<div class="row blog">
<div class="col-md-12">
<div id="blogCarousel" class="carousel slide container-blog" data-ride="carousel">
<h3>
<div class="animated fadeInLeft">TWO</div><div class="animated fadeInRight">SIDES</div>
</h3>
<ol class="carousel-indicators">
<li data-target="#blogCarousel" data-slide-to="0" class="active"></li>
<li data-target="#blogCarousel" data-slide-to="1"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-md-3" >
<div class="vc_column-inner "><div class="wpb_wrapper"><div class="team "><div class="img-wrp"> <img alt="" src="https://www.lcalearning.net/wp-content/uploads/2018/06/3.png"><div class="overlay-wrp" style="display: none;"><div class="overlay"></div><div class="social-icon-wrap overlay-content" style="top: 52px;"><div class="social-icon-wrap-inner"><ul class="social-icons "></ul></div></div></div></div><div class="content"><div class="team-name"><h5>Dana ROBINSON</h5><span>Marketing Consultant</span></div><div class="team-about"><p></p></div></div><div class="clearboth"></div></div></div></div>
</div>
<div class="col-md-3" >
<div class="vc_column-inner "><div class="wpb_wrapper"><div class="team "><div class="img-wrp"> <img alt="" src="https://www.lcalearning.net/wp-content/uploads/2018/06/4.png"><div class="overlay-wrp" style="display: none;"><div class="overlay"></div><div class="social-icon-wrap overlay-content" style="top: 52px;"><div class="social-icon-wrap-inner"><ul class="social-icons "></ul></div></div></div></div><div class="content"><div class="team-name"><h5>Dr. Bernard COVA</h5><span>Marketing - Auteur</span></div><div class="team-about"><p></p></div></div><div class="clearboth"></div></div></div></div>
</div>
<div class="col-md-3" >
<div class="vc_column-inner "><div class="wpb_wrapper"><div class="team "><div class="img-wrp"> <img alt="" src="https://www.lcalearning.net/wp-content/uploads/2018/06/5.png"><div class="overlay-wrp" style="display: none;"><div class="overlay"></div><div class="social-icon-wrap overlay-content" style="top: 52px;"><div class="social-icon-wrap-inner"><ul class="social-icons "></ul></div></div></div></div><div class="content"><div class="team-name"><h5>Dr. Francis Guilbert</h5><span>Docteur - Chercheur</span></div><div class="team-about"><p></p></div></div><div class="clearboth"></div></div></div></div>
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
html, body {
text-align: center;
}
h3 {
font-size: 3rem;
display: inline-block;
}
h3 div {
position: relative;
float: left;
}
h3 div:first-child {
color: #3498db;
margin-right: 1rem;
}
.cta-100 {
padding-top: 2%;
}
.col-md-12{
}
.col-md-3{
padding-bottom:20px;
display:table;
}
.white {
color: #fff !important;
}
.bg-blue-ui {
background-color: #708198 !important;
}
figure img{width:300px;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: