<div id="banner-slider-demo-1" class="owl-carousel owl-banner-carousel owl-middle-narrow">

    <div class="item kslider">
        <div class="container kposition">
            <img src="{{media url="images/homeslide1.png"}}" alt="" />

<div class="content type1 kslideimage visible-lg">
<img src="{{media url="images/keragen-bottles.png"}}" alt="" />
</div>
<div class="content type1 kslidewords">
                <h2><span class="kslidewordslarge">FINALLY, FULLER THICKER<br> HAIR, INSTANTLY</span></h2>
               <div class="kslidewordssmall" id="slidersmalltext">Hair building fibers make thin hair look thick. Dramatically <br>change the appearance of your hair, look years younger is seconds.</div>
       
            <div class="slider-button-position">
<a href="hair-fiber-results" class="button button-rounded button-border button-large">See Results</a>
<a href="shop.html" class="button button-rounded button-large">Shop Now</a></div>
     
            </div>

        </div>
    </div>


    <div class="item kslider1">
        <div class="container kposition">
            <img src="{{media url="images/homeslide2.png"}}" alt="" />

<div class="content type1 kslidewords1">
                <h2><span class="kslidewordslarge1">TRIBO-ELECTRICALLY<br> CHARGED FIBERS</span></h2>
                 <div class="kslidewordssmall1"  id="slidersmalltext">Keragen fibers are individually charged with tribo-electricity<br>
to create an incredibly strong bond with your hair</div>
                      <div class="slider-button-position1">
<a href="hair-fiber-results" class="button button-rounded button-border button-large">See Results</a>
<a href="shop.html" class="button button-rounded button-large">Shop Now</a></div>
            </div>

        </div>
    </div>

</div>
<script type="text/javascript">
    require([
        'jquery',
        'owl.carousel/owl.carousel.min'
    ], function ($) {
        $("#banner-slider-demo-1").owlCarousel({
            items: 1,
            autoplay: true,
            autoplayTimeout: 5000,
            autoplayHoverPause: true,
            dots: false,
            nav: true,
            navRewind: true,
            animateIn: 'fadeIn',
            animateOut: 'fadeOut',
            loop: true,
            navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
        });
    });
</script>