loop-templates.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. ---
  2. layout: default
  3. ---
  4. {% include masthead/masthead-page.html %}
  5. <div class="container">
  6. <!-- Show paginated posts for the specified collection -->
  7. <div class="row">
  8. {% assign sorted = site.templates | sort: "rank" %}
  9. {% for template in sorted %}
  10. <div class="col-md-4">
  11. <div class="item-preview mb-5">
  12. <a class="item-preview-img box-shadow-lg d-block mb-3" href="{{ template.src }}">
  13. <img class="lazy img-fluid" data-src="{{ template.img-thumbnail }}" alt="{{ template.img-desc }}">
  14. </a>
  15. <div class="item-preview-title d-flex align-items-center">
  16. {{ template.title }}
  17. {% if template.pro %}
  18. <span class='badge badge-warning ml-auto small badge-pill'>Pro</span>
  19. {% else %}
  20. <span class='badge badge-success ml-auto small badge-pill'>Free</span>
  21. {% endif %}
  22. </div>
  23. <div class="item-preview-description">{{ template.bump }}</div>
  24. </div>
  25. </div>
  26. {% endfor %}
  27. {% include survey.html %}
  28. </div>
  29. <!-- /.row -->
  30. </div>
  31. <!-- /.container -->
  32. {{ content }}