home.hbs 1.3 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <div class="home">
  2. {{> nav activeGallery="active" }}
  3. <div class="container">
  4. <div id="home-carousel" class="carousel slide" data-interval="2000">
  5. <ol class="carousel-indicators">
  6. {{#each indicators}}
  7. <li data-target="#home-carousel" data-slide-to="{{this}}"></li>
  8. {{/each}}
  9. </ol>
  10. <div class="carousel-inner" role="listbox">
  11. {{#each category}}
  12. {{#if @first}}
  13. <div class="item active">
  14. {{else}}
  15. <div class="item">
  16. {{/if}}
  17. <a href="#class?class={{this.name}}"><img src="{{this.animals.[0].image1}}" alt="{{this.name}}"></a>
  18. <div class="carousel-caption">
  19. <h2>{{this.name}}</h2>
  20. </div>
  21. </div>
  22. {{/each}}
  23. <!-- Controls -->
  24. <a class="left carousel-control" href="#home-carousel" role="button" data-slide="prev">
  25. <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  26. <span class="sr-only">Previous</span>
  27. </a>
  28. <a class="right carousel-control" href="#home-carousel" role="button" data-slide="next">
  29. <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  30. <span class="sr-only">Next</span>
  31. </a>
  32. </div>
  33. </div>
  34. </div>