framework7.angular/kitchen-sink-material/jade/swiper-nested.jade

Full Featured Mobile HTML Framework For Building iOS & Android Apps using Angularjs

.page(data-page="swiper-nested")
  .navbar
    .navbar-inner
      .left
        a(href="swiper.html").back.link.icon-only
          i.icon.icon-back
      .center Nested Sliders
      .right
        a(href="#").open-panel.link.icon-only
          i.icon.icon-bars
  .page-content
    .swiper-container.swiper-init.ks-demo-slider(data-pagination=".swiper-pagination-h", data-paginationHide="false")
      .swiper-pagination.swiper-pagination-h
      .swiper-wrapper
          .swiper-slide Horizontal Slide 1
          .swiper-slide 
            .swiper-container.swiper-init.ks-demo-slider(data-pagination=".swiper-pagination-v", data-direction="vertical", data-paginationHide="false")
              .swiper-pagination.swiper-pagination-v
              .swiper-wrapper
                .swiper-slide Vertical Slide 1
                .swiper-slide Vertical Slide 2
                .swiper-slide Vertical Slide 3
          .swiper-slide Horizontal Slide 3
          .swiper-slide Horizontal Slide 4