templates/front/pages/faq-2.html.twig line 1

Open in your IDE?
  1. {% extends 'front/page.html.twig' %}
  2. {% trans_default_domain 'front' %}
  3. {% import "front/_shared/macros.html.twig" as macro %}
  5. {% block body_class %}{{ parent() }} {% endblock %}
  7. {%  block meta_title %}{{ page.metaTitle }}{% endblock %}
  8. {%  block meta_description %}{{ page.metaDescription }}{% endblock %}
  10. {% block header_class %}dark-header{% endblock %}
  12. {% block header_content %}{% endblock %}
  14. {% block page_content %}
  16.     <div id="page-content" class="container">
  17.         <div class="row">
  18.             <div class="col-md-12">
  20.                 <div class="masterhead" style="background-image: url({{ asset('build/images/pages/faq_1.jpg') }});">
  21.                     <div class="title-container mt-3">
  22.                         <h2 class="font-weight-bold text-center">
  23.                             <span class="font-italic text-primary">FAQ</span>
  24.                         </h2>
  25.                     </div>
  26.                 </div>
  28.                 <div id="faq">
  29.                     {% for category in faq %}
  30.                         <div class="category-container">
  31.                             <div class="category-title collapsed" data-toggle="collapse" data-target="#category-{{ category.id }}">
  32.                                 <h6 class="m-0 font-weight-bold">{{ category.title }}</h6>
  33.                                 <div class="dash"></div>
  34.                                 <i class="fa arrow fa-chevron-down"></i>
  35.                             </div>
  36.                             <div id="category-{{ category.id }}" class="collapse category-content">
  37.                                 <div class="body">
  38.                                     {% for qa in category.items %}
  39.                                         <div class="question-anwer">
  40.                                             <div class="question collapsed" data-toggle="collapse" data-target="#qa-{{ qa.id }}">
  41.                                                 <h6 class="m-0 font-weight-bold">{{ qa.title }}</h6>
  42.                                                 <i class="fa arrow fa-chevron-down"></i>
  43.                                             </div>
  44.                                             <div id="qa-{{ qa.id }}" class="collapse answer">
  45.                                                 <div class="body">
  46.                                                     {{ qa.description|raw }}
  47.                                                 </div>
  48.                                             </div>
  49.                                         </div>
  50.                                     {% endfor %}
  51.                                 </div>
  52.                             </div>
  53.                         </div>
  54.                     {% endfor %}
  55.                 </div>
  56.             </div>
  57.         </div>
  58.     </div>
  60. {% endblock %}
  62. {% block stylesheets %}
  63.     {{ parent() }}
  64.     {{ encore_entry_link_tags('page-faq-2') }}
  65. {% endblock %}