اسلایدرها

اسلایدر تک آیتمی


<div class="owl-carousel" data-owl-items="1">  <div>    <img src="../assets/images/img-1.jpg" alt="">  </div>  <div>    <img src="../assets/images/img-2.jpg" alt="">  </div>
</div>

اسلایدر واکنشگرا


<div class="owl-carousel" data-owl-nav="true" data-owl-dots="false" data-owl-margin="10" data-owl-xs="1" data-owl-sm="1" data-owl-md="2" data-owl-lg="3" data-owl-xl="3">  <div>    <img src="../assets/images/img-1.jpg" alt="">  </div>  <div>    <img src="../assets/images/img-2.jpg" alt="">  </div>  <div>    <img src="../assets/images/img-3.jpg" alt="">  </div>  <div>    <img src="../assets/images/img-4.jpg" alt="">  </div>
</div>

اوال ناو - پوشش


<div class="owl-carousel owl-nav-overlay-left" data-owl-items="1" data-owl-nav="true" data-owl-dots="false">  <div>    <img src="../assets/images/img-1.jpg" alt="">  </div>  <div>    <img src="../assets/images/img-2.jpg" alt="">  </div>
</div>

<div class="owl-carousel owl-nav-overlay" data-owl-items="1" data-owl-nav="true" data-owl-dots="false">  <div>    <img src="../assets/images/img-1.jpg" alt="">  </div>  <div>    <img src="../assets/images/img-2.jpg" alt="">  </div>
</div>

<div class="owl-carousel owl-nav-overlay-right" data-owl-items="1" data-owl-nav="true" data-owl-dots="false">  <div>    <img src="../assets/images/img-1.jpg" alt="">  </div>  <div>    <img src="../assets/images/img-2.jpg" alt="">  </div>
</div>

اوال ناو - همپوشانی


<div class="owl-carousel owl-nav-overlap-left" data-owl-items="1" data-owl-nav="true" data-owl-dots="false">  <div>    <img src="../assets/images/img-1.jpg" alt="">  </div>  <div>    <img src="../assets/images/img-2.jpg" alt="">  </div>
</div>

<div class="owl-carousel owl-nav-overlap" data-owl-items="1" data-owl-nav="true" data-owl-dots="false">  <div>    <img src="../assets/images/img-1.jpg" alt="">  </div>  <div>    <img src="../assets/images/img-2.jpg" alt="">  </div>
</div>

<div class="owl-carousel owl-nav-overlap-right" data-owl-items="1" data-owl-nav="true" data-owl-dots="false">  <div>    <img src="../assets/images/img-1.jpg" alt="">  </div>  <div>    <img src="../assets/images/img-2.jpg" alt="">  </div>
</div>

اوال داتز -پوشش


<div class="owl-carousel owl-dots-overlay-left" data-owl-items="1" data-owl-nav="false">  <div>    <img src="../assets/images/img-1.jpg" alt="">  </div>  <div>    <img src="../assets/images/img-2.jpg" alt="">  </div>
</div>

<div class="owl-carousel owl-dots-overlay" data-owl-items="1" data-owl-nav="false">  <div>    <img src="../assets/images/img-1.jpg" alt="">  </div>  <div>    <img src="../assets/images/img-2.jpg" alt="">  </div>
</div>

<div class="owl-carousel owl-dots-overlay-right" data-owl-items="1" data-owl-nav="false">  <div>    <img src="../assets/images/img-1.jpg" alt="">  </div>  <div>    <img src="../assets/images/img-2.jpg" alt="">  </div>
</div>

اوال داتز -همپوشانی


<div class="owl-carousel owl-dots-overlap-left" data-owl-items="1" data-owl-nav="false">  <div>    <img src="../assets/images/img-1.jpg" alt="">  </div>  <div>    <img src="../assets/images/img-2.jpg" alt="">  </div>
</div>

<div class="owl-carousel owl-dots-overlap" data-owl-items="1" data-owl-nav="false">  <div>    <img src="../assets/images/img-1.jpg" alt="">  </div>  <div>    <img src="../assets/images/img-2.jpg" alt="">  </div>
</div>

<div class="owl-carousel owl-dots-overlap-right" data-owl-items="1" data-owl-nav="false">  <div>    <img src="../assets/images/img-1.jpg" alt="">  </div>  <div>    <img src="../assets/images/img-2.jpg" alt="">  </div>
</div>