collection_list.liquid 4.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  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 " class="default-image-thumbnail" >
  39. {% else %}
  40. <div class="img-center default-image-thumbnail"
  41. style="width: 100%; height: 200px; background-color: #e0e0e0; display: flex; justify-content: center; align-items: center; color: #555;">
  42. <span>No Image</span>
  43. </div>
  44. {% endif %}
  45. </a>
  46. </div>
  47. </div>
  48. <div class="card-body">
  49. <h3 class="heading heading-5 strong-500 mb-0">
  50. <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}">{{ item.title | strip_html }}</a>
  51. </h3>
  52. </div>
  53. <div class="card-footer">
  54. <div class="row">
  55. <div class="col text-right">
  56. <ul class="inline-links inline-links--style-2">
  57. <li>
  58. {{item.post_date }}
  59. </li>
  60. </ul>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. {% endfor %}
  67. </div>
  68. </div>
  69. </section> <!-- FOOTER -->
  70. {% include '_footer.liquid' %}
  71. </div>
  72. </div>
  73. </div><!-- END: st-pusher -->
  74. </div><!-- END: st-container -->
  75. </div><!-- END: body-wrap -->
  76. <a href="#" class="back-to-top btn-back-to-top"></a>
  77. {% include '_footer_js.liquid' %}
  78. </body>
  79. </html>