collection_list.liquid 4.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="robots" content="index, follow">
  7. <meta name="author" content="Mietubl">
  8. <meta name="description" content="{{ tag.seo_description }}">
  9. <meta name="keywords" content="{{tag.seo_keywords}}">
  10. <title>{{tag.seo_title}}</title>
  11. {% include '_header_css.liquid' %}
  12. </head>
  13. <body>
  14. <!-- MAIN WRAPPER -->
  15. <div class="body-wrap shop-default shop-cards shop-tech">
  16. <div id="st-container" class="st-container">
  17. <div class="st-pusher">
  18. <div class="st-content">
  19. <div class="st-content-inner">
  20. <!-- HEADER -->
  21. {% include '_header.liquid' %}
  22. <!-- END: HEADER -->
  23. <section class="slice sct-color-1">
  24. <div class="container">
  25. <div class="row align-items-center">
  26. <div class="col-12" >
  27. <h3 class="heading heading-6 strong-600 text-uppercase mb-0 text-center">{{ tag.name }}</h3>
  28. </div>
  29. </div>
  30. <div class="row cols-md-space cols-sm-space cols-xs-space">
  31. {% for item in pages %}
  32. <div class="col-lg-4 col-wrapper--spaced-y">
  33. <div class="card z-depth-2-top">
  34. <div class="card-image">
  35. <div class="view view-first">
  36. <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}">
  37. {% if item.cover_image %}
  38. <img src="{{ site.image_base_url }}{{ item.cover_image }}" alt="Cover Image">
  39. {% else %}
  40. <img src="/static/picture/img-tech-1.jpg" alt="Default Image">
  41. {% endif %}
  42. </a>
  43. </div>
  44. </div>
  45. <div class="card-body">
  46. <h3 class="heading heading-5 strong-500 mb-0">
  47. <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}">{{ item.title }}</a>
  48. </h3>
  49. </div>
  50. <div class="card-footer">
  51. <div class="row">
  52. <div class="col text-right">
  53. <ul class="inline-links inline-links--style-2">
  54. <li>
  55. {{item.post_date }}
  56. </li>
  57. </ul>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. {% endfor %}
  64. </div>
  65. </div>
  66. </section> <!-- FOOTER -->
  67. {% include '_footer.liquid' %}
  68. </div>
  69. </div>
  70. </div><!-- END: st-pusher -->
  71. </div><!-- END: st-container -->
  72. </div><!-- END: body-wrap -->
  73. <a href="#" class="back-to-top btn-back-to-top"></a>
  74. {% include '_footer_js.liquid' %}
  75. </body>
  76. </html>