<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 ----------> Svg icon change color https://codepen.io/martinridgway/pen/jOqVOgg Header Design https://www.web-eau.net/blog/examples-header-bootstrap Dropdown In Selected https://codepen.io/mtclmn/pen/jAJxgy Faq Design https://codepen.io/baahubali92/pen/LMBLwp https://codepen.io/moso/pen/vKGxMx https://codepen.io/MarkupTag/pen/WNvKERE Switch Btn https://codepen.io/elvismartuchelli/pen/OexmyO File Upload Design https://codepen.io/softopia/pen/LMmJLz https://codepen.io/gaitho/pen/mjBBLP Onload_popup https://codepen.io/nemra1/pen/vYYyVGY Product-slider https://codepen.io/InfernoHoundDEV/pen/KKaeQpX https://codepen.io/fadzrinmadu/pen/JjWmxaj Cart Page https://codepen.io/justinklemm/pen/zAdoJ https://codepen.io/ksu/pen/MWgzLEr https://designmodo.com/shopping-cart-ui/ Horizontal Scroll https://codepen.io/vfxravi/pen/YjPPgN https://codepen.io/webinmd/pen/Keqbqj https://codepen.io/firman3250/pen/rNaOYJa Product Slider https://bootsnipp.com/snippets/2XX5 Tabing https://bootsnipp.com/snippets/6nBDd https://bootsnipp.com/snippets/1eOby Chat https://codepen.io/tiantsoa/pen/RwpwoWY https://codepen.io/TurkAysenur/pen/ZEbXoRZ https://codepen.io/ramilulu/pen/mrNoXw https://bootsnipp.com/snippets/35mvD Overlay Effect https://codepen.io/ArnaudBalland/pen/vGZKLr Image Upload https://codepen.io/Ali-Majed/pen/BaRoyrG https://codepen.io/optionsTrvl/pen/PgMEdB https://codepen.io/tag/upload https://codepen.io/mahtab-alam/pen/MZVvzo https://codepen.io/optionsTrvl/pen/PgMEdB Calander https://codepen.io/B8bop/pen/GhCAb Music-player https://codepen.io/markhillard/pen/Hjcwu CK Editior https://codepen.io/dkgaig/pen/pgzzdX Timeline https://codepen.io/pranjal-goswami/pen/RNdpO Price Range Slider https://codepen.io/Coldey/pen/qBdQgOg Audio Player Design https://codepen.io/hossein_ghanbari/pen/eYYKJXd https://codepen.io/markhillard/pen/Hjcwu https://codepen.io/hollyos/pen/zwgRvY https://codepen.io/codename065/pen/abvgRWE Tab Side bar https://codepen.io/piyushpd/pen/JjNamQv Filter Gallery https://codepen.io/shakhzod-tojiyev/pen/PoNyRQg https://codepen.io/thinkdave/pen/ALoEAE Password-hide-show https://codepen.io/adyoi/pen/xaabmw Input-fiel_design https://codepen.io/asatraitis/pen/VwZQzBr?css-preprocessor=scss Working-slider - <!--Press Section--> <div class="conscious_sec sec_brnds pt-2"> <div class="container"> <div class="text_sec"> <h3>Featured In</h3> </div> <div class="owl-slider"> <div id="carouse" class="owl-carousel"> <?php if( have_rows('press_client_sliders') ): while( have_rows('press_client_sliders') ) : the_row(); $images = get_sub_field('images'); ?> <div class="item"> <div class="pro_cons"> <img src="<?php echo $images;?>"> </div> </div> <?php endwhile; endif; ?> </div> </div> </div> </div> <!--End Press Section--> footer: <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> <script> // Client Slider on Home Page jQuery("#carouse").owlCarousel({ autoplay: true, lazyLoad: true, loop: true, margin: 20, responsiveClass: true, autoHeight: true, autoplayTimeout: 3000, smartSpeed: 300, nav: false, responsive: { 0: { items: 2 }, 767: { items: 3 }, 1024: { items: 5 }, 1366: { items: 5 } } }); </script> header: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css">