Bootstrap 4.0.0 Snippet by gtdeveloper5

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <head> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"> </head> <section id="carousel"> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <div class="quote"><i class="fa fa-quote-left fa-4x"></i></div> <div class="carousel slide" id="fade-quote-carousel" data-ride="carousel" data-interval="3000"> <!-- Carousel indicators --> <ol class="carousel-indicators"> <li data-target="#fade-quote-carousel" data-slide-to="0" ></li> <li data-target="#fade-quote-carousel" data-slide-to="1"></li> <li data-target="#fade-quote-carousel" data-slide-to="2"></li> <li data-target="#fade-quote-carousel" data-slide-to="3" class="active"></li> <li data-target="#fade-quote-carousel" data-slide-to="4"></li> <li data-target="#fade-quote-carousel" data-slide-to="5"></li> <li data-target="#fade-quote-carousel" data-slide-to="6"></li> </ol> <!-- Carousel items --> <div class="carousel-inner"> <div class="item"> <p>Great to work with. Non-US developer but with superb English. Has a great understanding of requirements and never have to ask twice, gets it right the first time. Will be returning for a future project.” Always great service and work. Good response and communication. Will do again.</p> <p class="client-name">Lou - dnamotoring.com - USA</p> </div> <div class="item"> <p>We have worked with Globalteckz team for integrating online platform with Odoo Software and found that they offer prompt replies to the queries including support almost as an when require.</p> <p class="client-name">Christian Fast - CEO,Solvate Information Technology, </p> </div> <div class="item"> <p>The professional approach, attitude, response time and nice way to communicate with the team makes it a perfect match for now and the future.</p> <p class="client-name">P. Zijlstra. - Director - Trabiss International</p> </div> <div class="active item"> <p>We used Openerp 7 during 2 years with Messaging, Sales, Purchase, Warehouse, Human ressource, and Accounting parts (with eCommerce connectors). Today, we trust them once again to switch from Openerp7 to Odoo 8, a very tricky part which show how we are in trust with their skills with Odoo.</p> <p class="client-name">Idries H. - Domus Distribution - France</p> </div> <div class="item"> <p>Globalteckz team did a very nice job for our Odoo implementation - Our requirements were little complex with respect the business processes but Globalteckz team offered us with a powerful support at every level of Customization</p> <p class="client-name">Giorgio Tomasi - Managing Director - Axcentia GmbH - Italy</p> </div> <div class="item"> <p>The communication with Globalteckz went very smooth. Communication was excellent English and understood our project requirements immediately. The job was done in time and to our satisfaction</p> <p class="client-name">Johannes. M- USA</p> </div> <div class="item"> <p>They have been instrumental in recommendation for best-practices to be followed on Odoo Development as per ERP standards which helped in performance improvements of our business including monitoring and managing the ERP effectively. They have pro-actively solved the issues impacting businesses.</p> <p class="client-name">Yasir Patel - Director - RedLifestyles - India</p> </div> </div> </div> </div> </div> </div> </section>
section { padding-top: 100px; padding-bottom: 100px; } p { text-align: center; margin-bottom: 30px; } .quote { color: rgba(0,0,0,.1); text-align: center; margin-bottom: 30px; } /*-------------------------------*/ /* Carousel Fade Transition */ /*-------------------------------*/ #fade-quote-carousel.carousel { padding-bottom: 60px; } #fade-quote-carousel.carousel .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } #fade-quote-carousel.carousel .carousel-inner .active { opacity: 1; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } #fade-quote-carousel.carousel .carousel-indicators { bottom: 10px; } #fade-quote-carousel.carousel .carousel-indicators > li { background-color: #e84a64; border: none; } #fade-quote-carousel blockquote { text-align: center; border: none; } #fade-quote-carousel .profile-circle { width: 200px; height: 100px; margin: 0 auto; } .client-name{ font-weight: bold; }

Related: See More

Questions / Comments: