2
0

header-blog.html 990 B

123456789101112131415161718192021222324252627
  1. {% load wagtailcore_tags wagtailimages_tags %}
  2. {% if page.image %}
  3. <div class="container-fluid hero hero--blog">
  4. {% picture page.image format-{avif,webp,jpeg} fill-{800x650,1920x600} sizes="100vw" class="hero-image" alt="" %}
  5. </div>
  6. {% endif %}
  7. <div class="container">
  8. <div class="row">
  9. <div class="col-sm-12 col-md-9">
  10. <h1 class="index-header__title index-header__title--blog">{{ page.title }}</h1>
  11. {% if page.subtitle %}
  12. <p>{{ page.subtitle }}</p>
  13. {% endif %}
  14. </div>
  15. <div class="col-sm-12 col-md-7">
  16. {% if page.introduction %}
  17. <p class="index-header__introduction index-header__introduction--blog">{{ page.introduction }}</p>
  18. {% endif %}
  19. {% if page.date_published %}
  20. <div class="blog__published">
  21. {{ page.date_published }}
  22. </div>
  23. {% endif %}
  24. </div>
  25. </div>
  26. </div>