templates/front/faq/index.html.twig line 1

Open in your IDE?
  1. {% extends "front/base.html.twig" %}
  3. {% block title %}
  4.     {{ 'seo.faq_title' | trans }}
  5. {% endblock %}
  7. {% block seo %}
  8.     <meta name="description" content="{{ 'seo.faq_description' | trans }}">
  9. {% endblock %}
  11. {% block body %}
  13. <div class="fullheight">
  14.     <section class="mt-0 first-section">
  15.         <div class="container">
  16.             <div class="page-title-wrap">
  17.                 <h1 class="title">{{ 'faq_page.recurring_questions' | trans }}</h1>
  18.             </div>
  19.             <div class="row">
  20.                 <div class="col-12">
  21.                     <div class="accordion accordion-secondary faq-accordion">
  22.                         {% for faq in faqs %}
  23.                             <div class="card">
  24.                                 <div class="card-header collapsed card-faq" id="heading{{ faq.id }}" data-toggle="collapse" data-target="#collapse{{ faq.id }}"
  25.                                     aria-expanded="false" aria-controls="collapseOne" role="button">
  26.                                     <div class="row">
  27.                                         <div class="col-11">
  28.                                             <div class="faq-question-title">
  29.                                                 {{ faq.question | striptags | raw }}
  30.                                             </div>
  31.                                         </div>
  32.                                         <div class="col-1 icon-array-center">
  33.                                             <i class="far fa-angle-down fa-arrow"></i>
  34.                                         </div>
  35.                                     </div>
  36.                                 
  37.                                 </div>
  39.                                 <div id="collapse{{ faq.id }}" class="collapse" aria-labelledby="heading{{ faq.id }}" data-parent="#accordion" style="">
  40.                                     <div class="card-body faq-answer">
  41.                                         {{ faq.answer | raw }}
  42.                                     </div>
  43.                                 </div>
  44.                             </div>
  45.                         {% endfor %}
  46.                     </div>
  47.                 </div>
  48.                 <div class="col-12">
  49.                     <div class="common-card login-card faq-form">
  50.                         <h1 class="page-title">{{ 'faq_page.another_question' | trans }}</h1>
  52.                         {{ form_start(form) }}
  54.                             <div class="row">
  55.                                 <div class="col-lg-12">
  56.                                     <div class="form-group">
  57.                                         {{ form_row(form.name) }}
  58.                                     </div>
  59.                                 </div>
  60.                                 <div class="col-lg-12">
  61.                                     <div class="form-group">
  62.                                         {{ form_row(form.email) }}
  63.                                     </div>
  64.                                 </div>
  65.                                 <div class="col-lg-12">
  66.                                     <div class="form-group">
  67.                                         {{ form_row(form.question) }}
  68.                                     </div>
  69.                                 </div>
  70.                                 <div class="col-md-12">
  71.                                     <button type="submit" class="btn main-btn btn-sm" name="publish">{{ "faq_page.send" | trans }}</button>
  72.                                 </div>
  73.                             </div>
  75.                         {{ form_end(form) }}
  76.                         
  77.                     </div>
  78.                 </div>
  79.             </div>
  80.         </div>
  81.     </section>
  82. </div>
  86. {% endblock %}
  88. {% block javascript %}
  89.     <script src="/assets/js/core/jquery.3.2.1.min.js"></script>
  90.     <script src="/assets/js/core/bootstrap.min.js"></script>
  91. {% endblock %}