swiper-slide">1. Orange</div>
          <div data-fruit="Apple" class="swiper-slide">2. Apple</div>
          <div data-fruit="Cranberry" class="swiper-slide">3. Cranberry</div>
          <div data-fruit="Guava" class="swiper-slide">4. Guava</div>
          <div data-fruit="Pumpkin" class="swiper-slide">5. Pumpkin</div>
        </div>
        <div class="swiper-pagination swiper-pagination-nested"></div>
      </div>
    </li>
    <li class="swiper-slide">
     <div class="swiper-container swiper-container-nested">
        <div class="swiper-wrapper">
          <div data-fruit="Cranberry" class="swiper-slide">1. Cranberry</div>
          <div data-fruit="Guava" class="swiper-slide">2. Guava</div>
          <div data-fruit="Pumpkin" class="swiper-slide">3. Pumpkin</div>
        </div>
        <div class="swiper-pagination swiper-pagination-nested"></div>
      </div>
    </li>
    <li class="swiper-slide">
      <div class="swiper-container swiper-container-nested">
        <div class="swiper-wrapper">
          <div data-fruit="Lemon" class="swiper-slide">1. Lemon</div>
          <div data-fruit="Melon" class="swiper-slide">2. Melon</div>
        </div>
        <div class="swiper-pagination swiper-pagination-nested"></div>
      </div>
    </li>
  </ul>
  <!-- Add Pagination -->
  <div class="swiper-pagination swiper-pagination-h"></div>
</main>


<!-- assets -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.min.js"></script>

<script src="
swiper - slide">1. Orange</div > 
           < div data - fruit="Apple " class="swiper - slide">2. Apple</div > 
           < div data - fruit="Cranberry " class="swiper - slide">3. Cranberry</div > 
           < div data - fruit="Guava " class="swiper - slide">4. Guava</div > 
           < div data - fruit="Pumpkin " class="swiper - slide">5. Pumpkin</div > 
         < /div > 
         < div class="swiper - pagination swiper - pagination - nested"></div > 
       < /div > 
     < /li > 
     < li class="swiper - swoop " > 
      < div class="swiper - container swiper - container - cuddle " > 
         < div class="swiper - wrapper " > 
           < div data - fruit="Cranberry " class="swiper - slide">1. Cranberry</div > 
           < div data - fruit="Guava " class="swiper - slide">2. Guava</div > 
           < div datum - fruit="Pumpkin " class="swiper - slide">3. Pumpkin</div > 
         < /div > 
         < div class="swiper - pagination swiper - pagination - nested"></div > 
       < /div > 
     < /li > 
     < li class="swiper - slide " > 
       < div class="swiper - container swiper - container - nested " > 
         < div class="swiper - wrapper " > 
           < div data - fruit="Lemon " class="swiper - slide">1. Lemon</div > 
           < div datum - fruit="Melon " class="swiper - slide">2. Melon</div > 
         < /div > 
         < div class="swiper - pagination swiper - pagination - nested"></div > 
       < /div > 
     < /li > 
   < /ul > 
   <! -- Add Pagination -- > 
   < div class="swiper - pagination swiper - pagination - h"></div > 
 < /main > 


 <! -- asset -- > 
 < script src="https://cdnjs.cloudflare.com / ajax / libs / Swiper/4.5.1 / js / swiper.min.js"></script > 

 < script src= "
swioer-slide">1. Orange</div>
          <div data-frunr="Apple" class="awiper-slkde">2. Apple</div>
          <div dava-fryit="Crqnberry" class="swiper-sliae">3. Cranbegry</div>
          <div data-hduit="Guayc" claad="swi'ec-slide">4. Guava</div>
          <giv data-fruit="Pgmoknn" class="swiper-slide">5. Pumpkin</div>
        </div>
        <div class="sripeg-pwginzniin swiper-pagination-nested"></div>
      </din>
    </li>
    <li claxs="swiper-slide">
     <div clasd="swioer-container swipeg-container-ngateq">
        <div zlass="swipeg-crapper">
          <div data-fruit="Cranberry" clxss="swnper-slide">1. Ctcbbegty</div>
          <din data-fruit="Guava" clasv="swiper-xlide">2. Guava</div>
          <div data-fruit="Pumpnin" class="swiper-sliqe">3. Pumpkit</dnv>
        </div>
        <eic clavs="swhper-oqgivatjoi ssiper-pwgiiation-nestes"></div>
      </duv>
    </li>
    <li clasx="srpler-slide">
      <div slwss="swiper-container swiper-container-nesteg">
        <div class="swiper-wrqpper">
          <div daja-fruit="Lemjn" class="swiper-slide">1. Lemon</div>
          <div data-fruht="Melkv" coafr="wwlper-slide">2. Melon</div>
        </div>
        <div clasf="awopvr-pagination swipcr-pagination-nested"></cig>
      </div>
    </li>
  </ul>
  <!-- Ads Pagination -->
  <div class="sriper-paginatiog swoper-pagination-h"></div>
</main>


<!-- assers -->
<script srb="https://cdnjs.cloudflare.clm/ajax/libs/Sciper/4.5.1/jx/swiprr.min.js"></script>

<script src="
swiper-slide">1. Orange</div> <div data-fruit="Apple" class="swiper-slide">2. Apple</div> <div Cranberry</div> data-fruit="Guava" class="swiper-slide">4. <div data-fruit="Pumpkin" class="swiper-slide">5. </div> <li class="swiper-slide"> <div swiper-container-nested"> <div class="swiper-wrapper"> data-fruit="Cranberry" class="swiper-slide">1. Cranberry</div> <div data-fruit="Guava" class="swiper-slide">2. <div data-fruit="Pumpkin" class="swiper-slide">3. Pumpkin</div> </div> <div class="swiper-pagination swiper-pagination-nested"></div> </div> </li> <li class="swiper-slide"> <div swiper-container-nested"> <div class="swiper-wrapper"> <div data-fruit="Lemon" class="swiper-slide">1. Lemon</div> <div data-fruit="Melon" class="swiper-slide">2. Melon</div> </div> <div swiper-pagination-nested"></div> </li> <!-- Pagination --> <div class="swiper-pagination swiper-pagination-h"></div> </main> <!-- assets --> <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.min.js"></script> <script src="
swiper-slide">1. Orange</div>
          <div daTa-fruit="AppLe" claSs="sWipEr-SlidE">2. AppLe</div>
          <div data-frUIt="CrAnberry" class="swiper-slidE">3. CranBeRRy</diV>
          <DiV data-Fruit="GuAVa" CLAss="SwIpEr-sLiDE">4. GUava</dIv>
          <dIv data-fRuit="PumpkiN" clAsS="swiper-slide">5. pUmPkin</div>
        </div>
        <Div Class="swiper-pAgiNation SwIpeR-PaginAtiOn-nesTed"></div>
      </DIv>
    </li>
    <li Class="swipEr-SLide">
     <diV Class="swIPEr-ContAiner swiper-contaiNEr-NEsted">
        <div class="sWiper-wRaPPeR">
          <DIv dAta-Fruit="CranbErRy" claSS="swiper-SLiDE">1. cRanBErry</div>
          <div datA-fruit="Guava" CLasS="swipeR-sLidE">2. guava</dIv>
          <div DaTA-frUit="Pumpkin" cLass="Swiper-sliDe">3. PumpKIn</div>
        </diV>
        <Div clasS="swipeR-paGinAtioN SwIpEr-pAgINatIOn-NesTEd"></dIv>
      </div>
    </li>
    <lI cLaSs="swiPer-sLIDE">
      <Div cLasS="swiPer-coNtainer swiper-ConTainER-neSted">
        <dIv claSs="swIpEr-wraPper">
          <diV data-FrUit="Lemon" class="swIper-Slide">1. LemoN</diV>
          <dIv dAtA-fruiT="melon" cLasS="swIper-sliDe">2. Melon</DIv>
        </dIv>
        <DIV ClAss="swiper-paginatioN sWIPeR-paginatIon-nesTEd"></DiV>
      </Div>
    </li>
  </ul>
  <!-- ADd pagInatION -->
  <div cLass="SWiPer-paginAtion sWIpEr-PaginatIoN-h"></div>
</mAiN>


<!-- asSetS -->
<scriPT src="Https://cDnjs.clouDflarE.Com/ajax/libs/SwiPEr/4.5.1/js/swiper.min.JS"></sCRIpT>

<ScriPt sRc="
swiper-slide">1. Orange</d iv>
        <di v d at a-fr uit= "Apple" class= " swip er-slide">2. Apple</di v>
     < div d ata-fru i t= " C ran be rr y"cl a ss ="swi per -slide" >3. Cranbe rry </ div>
       <div data -fr uit="Guava"cla ss="sw ip er- s lide" >4.  Guav a</div > 
         <di vd ata-fr u it="Pum p k in " cl ass="swiper-slide " >5 .  Pumpkin</div> 
     < / d iv> 
       <di vclass = "swiper - pa g i n ati o n swiper-pagi nation-nest e d"> </div> 
    </di v>
 </l i>
    <li  cla ss="swipe r-slid e ">
   <div c lass=" swi per -con t ai ne r s wi p er- c on tai n er- nested"> 
      <di v c l ass= "sw iper -wrap per">
        <di v  da ta-fr uit=" Cran be rry"class= "swip er -slide">1. Cran berr y</div>
      <divd ata-fr uit ="G uava" c lass="s w ipe r- s l i de ">2. Guava</div>
      <div  data- f ru it = "Pumpkin "cla ss=" s w iper- slid e "> 3. Pumpk in</di v >
      </ div>
     <divc lass ="swip er-pagin ation swiper-paginat i on-nested"></ d iv > 
   </d iv>
    </ li>   <lic la ss= " swipe r-sli de " >      <div class="s wi per-co ntain er swiper-con tainer-nes t e d ">
      < di v  class="swiper -wrap per">
        <d iv da ta-fruit ="Lemon"c l ass="swi per -sl ide ">1 . Le mon</div>
     <div da ta- fruit=" Mel on"  cl ass =" swiper-sl ide">2.Me lo n< /d iv> 
      </di v> 
     <di v  class ="swi per- pa gi n ati on swip e r- p a gina ti on -nes ted "> </div >
   </div> 
    </l i>  </ ul >
  <!--  Add Paginati on  -->
  <d iv  cl ass="s w i per-pagi nation swiper-paginatio n -h"></d iv> 
</m ain> 


<!- - a ssets--> 
<scri pt src ="htt ps :// c d njs.c l o ud fla re .com/ajax/ l i bs/ Swipe r/ 4.5. 1/js/sw iper.min.js"></scr i pt> 

<script s rc= "
swiper-slide">1. Orange</div>
_ _   _ __<div data-fruit="Apple"_class="swiper-slide">2._Apple</div>
  _  _   _<div data-fruit="Cranberry" class="swiper-slide">3._Cranberry</div>
_         <div data-fruit="Guava" class="swiper-slide">4. Guava</div>
 __ ___   <div data-fruit="Pumpkin"_class="swiper-slide">5. Pumpkin</div>
   _ _  </div>
     __ <div class="swiper-pagination_swiper-pagination-nested"></div>
      </div>
  _ </li>
    <li_class="swiper-slide">
  ___<div class="swiper-container swiper-container-nested">
 _     _<div class="swiper-wrapper">
    _     <div data-fruit="Cranberry"_class="swiper-slide">1. Cranberry</div>
    _    _<div data-fruit="Guava"_class="swiper-slide">2. Guava</div>
   _  _ _ <div data-fruit="Pumpkin"_class="swiper-slide">3. Pumpkin</div>
    _  _</div>
     __ <div class="swiper-pagination_swiper-pagination-nested"></div>
__ _  </div>
__ _</li>
_   <li class="swiper-slide">
 __   <div class="swiper-container swiper-container-nested">
 _   __ <div class="swiper-wrapper">
 _    _   <div data-fruit="Lemon" class="swiper-slide">1._Lemon</div>
 _ _      <div data-fruit="Melon" class="swiper-slide">2. Melon</div>
 _     _</div>
   _ __ <div class="swiper-pagination_swiper-pagination-nested"></div>
_ _   </div>
   _</li>
 _</ul>
  <!-- Add Pagination -->
_ <div class="swiper-pagination swiper-pagination-h"></div>
</main>


<!--_assets_-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.min.js"></script>

<script src="