<div class="container" style="padding:20px 15px 0;font-family:Georgia;">
    <div id="banner-slider-demo-15" class="owl-carousel owl-middle-narrow owl-banner-carousel">
        <div class="item">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/15/slider/slide1.jpg"}}" alt="" />
            <div class="content" style="position:absolute; right:9.5%;top:40%;text-align:right;">
                <em style="font-weight:400;color:#666666;float:left;font-style:normal;">Porto Presents...</em>
                <div class="clearfix"></div>
                <h2 style="font-weight:400;color:#141414;margin:0;line-height:1;">The Bride's Dream</h2>
                <hr style="width: 50%;border-color:#151515;float:right;">
                <div class="clearfix"></div>
                <a href="#" style="color:#2b262f;font-weight:700;"><span>SHOP NOW</span></a>
            </div>
        </div>
        <div class="item">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/15/slider/slide2.jpg"}}" alt="" />
            <div class="content" style="position:absolute; right:9.5%;top:40%;text-align:right;">
                <em style="font-weight:400;color:#666666;float:left;font-style:normal;">Porto Presents...</em>
                <div class="clearfix"></div>
                <h2 style="font-weight:400;color:#141414;margin:0;line-height:1;">The Bride's Dream</h2>
                <hr style="width: 50%;border-color:#151515;float:right;">
                <div class="clearfix"></div>
                <a href="#" style="color:#2b262f;font-weight:700;"><span>SHOP NOW</span></a>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            $("#banner-slider-demo-15").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>
</div>