carousel.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <section id="carousel" data-transition="slide">
  2. <header data-title="Carousel">
  3. <nav class="box">
  4. <a href="#back" data-router="section" data-label="back"></a>
  5. </nav>
  6. </header>
  7. <article id="carousel-article" class="indented">
  8. <div data-control="carousel" class="carousel">
  9. <div>
  10. <div align="center">
  11. <img src="http://lorempixel.com/256/128/food/">
  12. <p>Example of carousel</p>
  13. </div>
  14. <div align="center">
  15. <img src="http://lorempixel.com/256/128/sports/">
  16. <p>Example of carousel</p>
  17. </div>
  18. <div align="center">
  19. <img src="http://lorempixel.com/256/128/people/">
  20. <p>Example of carousel</p>
  21. </div>
  22. <div align="center">
  23. <img src="http://lorempixel.com/256/128/abstract/">
  24. <p>Example of carousel</p>
  25. </div>
  26. <div align="center">
  27. <img src="http://lorempixel.com/256/128/city/">
  28. <p>Example of carousel</p>
  29. </div>
  30. <div align="center">
  31. <img src="http://lorempixel.com/256/128/transport/">
  32. <p>Example of carousel</p>
  33. </div>
  34. <div align="center">
  35. <img src="http://lorempixel.com/256/128/nature/">
  36. <p>Example of carousel</p>
  37. </div>
  38. <div align="center">
  39. <img src="http://lorempixel.com/256/128/fashion/">
  40. <p>Example of carousel</p>
  41. </div>
  42. <div align="center">
  43. <img src="http://lorempixel.com/256/128/technics/">
  44. <p>Example of carousel</p>
  45. </div>
  46. </div>
  47. </div>
  48. </article>
  49. </section>