scroll.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334
  1. <section id="scroll" data-transition="slide">
  2. <header data-title="Scrolls" data-back="home"></header>
  3. <article class="active">
  4. <h1 class="one row ">.scroll stylesheet class</h1>
  5. <ul class="four row scroll anchor">
  6. <img src="http://lorempixel.com/256/128/food/">
  7. <img src="http://lorempixel.com/256/128/sports/">
  8. <img src="http://lorempixel.com/256/128/people/">
  9. <img src="http://lorempixel.com/256/128/technics/">
  10. <img src="http://lorempixel.com/256/128/animals/">
  11. <img src="http://lorempixel.com/256/128/nightlife/">
  12. <img src="http://lorempixel.com/256/128/nature/">
  13. <img src="http://lorempixel.com/256/128/transport/">
  14. <img src="http://lorempixel.com/256/128/city/">
  15. <img src="http://lorempixel.com/256/128/fashion/">
  16. <img src="http://lorempixel.com/256/128/abstract/">
  17. </ul>
  18. <h1 class="one row">.horizontal.scroll stylesheet classes</h1>
  19. <ul class=" four row horizontal scroll">
  20. <img src="http://lorempixel.com/256/128/food/">
  21. <img src="http://lorempixel.com/256/128/sports/">
  22. <img src="http://lorempixel.com/256/128/people/">
  23. <img src="http://lorempixel.com/256/128/technics/">
  24. <img src="http://lorempixel.com/256/128/animals/">
  25. <img src="http://lorempixel.com/256/128/nightlife/">
  26. <img src="http://lorempixel.com/256/128/nature/">
  27. <img src="http://lorempixel.com/256/128/transport/">
  28. <img src="http://lorempixel.com/256/128/city/">
  29. <img src="http://lorempixel.com/256/128/fashion/">
  30. <img src="http://lorempixel.com/256/128/abstract/">
  31. </ul>
  32. </article>
  33. </section>