"lol"
Bootstrap 4.1.1 Snippet by Ousmane8

<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> <h4>Directrice JC Decaux</h4> <p>Dr Marcel Saucet is one of the most famous and appreciated Professor at ESGCI. His modern and captivating way of teaching the fundamentals of Innovation is a key motivation for his students to learn further and strengthen their knowledge. Not only a brilliant Professor, he is also a real mentor and a model, and helps trainees find their way in the Innovating Business.</p> </div> <!-- Item-4 --> <div class="carousel-item text-center"> <img src="https://i.ibb.co/8x9xK4H/team.jpg" alt="" class="center-block team"> <h3>ALEXIS DESROCHES</h3> <h4>Assistant Store Director chez Tiffany & Co.</h4> <p>Professeur reconnu en France comme à l'étranger, notamment aux Etats-Unis, consultant en innovation. Marcel Saucet est l'auteur d'un ouvrage intitulé innovator à lire absolument : ouvrage proposant une approche complète et pragmatique des problématiques et enjeux du marketing contemporain.</p> </div> </div> <a class="carousel-control-prev control" data-target="#carouselExampleIndicators" role="button" data-slide="prev"> <span class="fa fa-angle-left icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next control" data-target="#carouselExampleIndicators" role="button" data-slide="next"> <span class="fa fa-angle-right icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </section> </div> <div class="col-md-6"> <div class= 'gallery'> <div> <a class="thumbnail fancybox" rel="ligthbox"> <img class="img-responsive" alt="" src="http://placehold.it/420x420" /> </a> </div> <!-- col-6 / end --> </div> </div> </div> </div>
/* 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 { background-color: #ff0000; } .testimonials .control span { cursor: pointer; } /* Textimonial CSS Code End */ .gallery { display: inline-block; margin-top: 20px; }

Related: See More


Questions / Comments: