templates/outdoorSafety/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     {% if seo['meta-title'] %}
  5.         {{ seo['meta-title'] }}
  6.     {% endif %}
  7. {% endblock %}
  8. {% block meta_description %}
  9.     {% if seo['meta-desc'] %}
  10.         {{ seo['meta-desc'] }}
  11.     {% endif %}
  12. {% endblock %}
  13. {% block meta_keywords %}
  14.     {% if seo['meta-keywords'] %}
  15.         {{ seo['meta-keywords'] }}
  16.     {% endif %}
  17. {% endblock %}
  18. {% block meta_nofollow %}
  19.     {% if seo['nofollow'] %}noindex, nofollow
  20.     {% endif %}
  21. {% endblock %}
  22. {% block header %}
  23.     {% include './partials/secondaryHeader.html.twig' %}
  24. {% endblock %}
  26. {% block head %}
  27.     <link rel="canonical" href="https://gettohikes.com/{{app.request.locale}}/outdoor-safety/"/>
  28. {% endblock %}
  30. {% block body %}
  31.     <div class="container inspiration">
  32.         <div class="row px-4">
  33.             <nav aria-label="breadcrumb" class="px-0">
  34.                 <ol class="breadcrumb">
  35.                     <li class="breadcrumb-item">
  36.                         <a href="/">{{ 'pages.breadcrumb.home'|trans }}</a>
  37.                     </li>
  38.                     <li class="breadcrumb-item active" aria-current="page">{{page.title}}</li>
  39.                 </ol>
  40.             </nav>
  41.         </div>
  42.         <div class="row">
  43.             <div class="col-12 col-lg-8">
  44.                 <h1 class="header mb-0">{{ page.title }}</h1>
  45.             </div>
  46.             <div class="col-12 col-lg-4"></div>
  47.         </div>
  48.     </div>
  49.     <div class="safety pt-4">
  50.         <div class="container">
  51.             <div class="row">
  52.                 <div class="col-12 col-lg-5 safety-header">
  53.                     <h3 class="safety-header-title">{{ page.mainPageSectionOutdooTitle }}</h3>
  54.                     <div class="safety-header-description">{{ page.mainPageSectionOutdoorDescription }}</div>
  55.                     <div class="accordion safety-header-accordion" id="accordionExample">
  56.                         {% for outdoorSafety in outdoorSafetyList %}
  57.                             <div class="accordion-item">
  58.                                 <h2 class="accordion-header" id="heading{{outdoorSafety.id}}">
  59.                                     <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{outdoorSafety.id}}" aria-expanded="true" aria-controls="collapse{{outdoorSafety.id}}">
  60.                                         <span>{{ outdoorSafety.title }}</span>
  61.                                     </button>
  62.                                 </h2>
  63.                                 <div id="collapse{{outdoorSafety.id}}" class="accordion-collapse collapse show" aria-labelledby="heading{{outdoorSafety.id}}" data-bs-parent="#accordionExample">
  64.                                     <div class="accordion-body">
  65.                                         {{ outdoorSafety.description|raw }}
  66.                                     </div>
  67.                                 </div>
  68.                             </div>
  69.                         {% endfor %}
  70.                     </div>
  71.                 </div>
  72.                 <div class="col-12 col-lg-7 align-self-end safety-image">
  73.                     <img src="{{ absolute_url( asset('build/images/icons/safety.svg') ) }}" loading="lazy" alt="safety image">
  74.                 </div>
  75.             </div>
  76.         </div>
  77.     </div>
  78. {% endblock %}
  79. {% block footer %}
  80.     {% include './partials/footer.html.twig' %}
  81. {% endblock %}
  83. {% block javascripts %}
  84.     {{ parent() }}
  85. {% endblock %}