<section id="slider" class="container-slider slider-element boxed-slider">
<div class="container clearfix">
<div
id="oc-slider"
class="owl-carousel carousel-widget"
data-items="1"
data-loop="true"
data-nav="false"
data-autoplay="5000"
data-animate-in="fadeIn"
data-animate-out="fadeOut"
data-speed="800"
>
<a href="">
<img src="{{ asset('build/images/slider/slider1.png') }}" class="d-none d-md-block" alt="">
<img src="{{ asset('build/images/slider/slider1_v.png') }}" class="d-md-none" alt="">
</a>
<a href="">
<img src="{{ asset('build/images/slider/slider2.png') }}" class="d-none d-md-block" alt="">
<img src="{{ asset('build/images/slider/slider2_v.png') }}" class="d-md-none" alt="">
</a>
<a href="">
<img src="{{ asset('build/images/slider/slider3.png') }}" class="d-none d-md-block" alt="">
<img src="{{ asset('build/images/slider/slider3_v.png') }}" class="d-md-none" alt="">
</a>
<a href="">
<img src="{{ asset('build/images/slider/slider4.png') }}" class="d-none d-md-block" alt="">
<img src="{{ asset('build/images/slider/slider4_v.png') }}" class="d-md-none" alt="">
</a>
</div>
</div>
</section>