header-hero.html 549 B

123456789101112131415161718
  1. {% load wagtailcore_tags wagtailimages_tags %}
  2. {% if page.image %}
  3. <div class="container-fluid hero">
  4. {% picture page.image format-{avif,webp,jpeg} fill-{800x650,1920x600} sizes="100vw" class="hero-image" alt="" %}
  5. <div class="hero__container">
  6. <h1 class="hero__title">{{ page.title }}</h1>
  7. </div>
  8. </div>
  9. {% else %}
  10. <div class="container">
  11. <div class="row">
  12. <div class="col-md-7">
  13. <h1>{{ page.title }}</h1>
  14. </div>
  15. </div>
  16. </div>
  17. {% endif %}