templates/pages/faq.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     {{ "Često postavljana pitanja"|trans }} - {{ parent() }}
  5. {% endblock %}
  7. {% block stylesheets %}
  8.     <style>
  9.         @media screen and (min-width: 800px) {
  10.             .navbar-nav .nav-link {
  11.                 color: whitesmoke;
  12.             }
  13.         }
  14.         header.fix_style .navbar-expand-lg .navbar-nav .nav-link {
  15.             color: #40656b;
  16.         }
  17.     </style>
  18. {% endblock %}
  20. {% block header %}
  21.     {{ include('components/header-2.html.twig') }}
  22. {% endblock %}
  24. {% block body %}
  25.     <!-- BredCrumb-Section -->
  26.     <div class="bred_crumb bg-default" style="background-image: url('{{ tString("media_features_faq") }}');!important;">
  27.         <div class="container" style="margin-top: 120px">
  29.             <div class="bred_text">
  30.                 <h1 style="color: white;!important;">{{ tString("frequently_asked_questions")|capitalize }}</h1>
  31.                 <p style="color: white;!important;">{{ tString("faq_page_p") }}</p>
  32.                 <ul>
  33.                     <li><a  style="color: white;!important;" href="{{ path('web_homepage') }}">{{ tString("menu_naslovna") }}</a></li>
  34.                     <li><span style="color: white;!important;" >»</span></li>
  35.                     <li><a style="color: white;!important;" href="{{ path('web_faq') }}">{{ tString("frequently_asked_questions")|capitalize }}</a></li>
  36.                 </ul>
  37.             </div>
  38.         </div>
  39.     </div>
  41.     <!-- FAQ-Section start -->
  42.     <section class="row_am faq_section">
  43.         <!-- container start -->
  44.         <div class="container">
  46.             <!-- faq data -->
  47.             <div class="faq_panel">
  48.                 <div class="accordion" id="accordionExample">
  50.                     {% for item in items %}
  51.                     <div class="card" data-aos="fade-up" >
  52.                         <div class="card-header" id="heading{{ loop.index }}">
  53.                             <h2 class="mb-0">
  54.                                 <button type="button" class="btn btn-link active" data-toggle="collapse" data-target="#collapse{{ loop.index }}">
  55.                                     <i class="icon_faq icofont-plus"></i></i>
  56.                                     {% for translation in item.faqTranslations() %}
  57.                                         {% if translation.getLocale() == app.request.locale %}
  58.                                             {{ translation.question }}
  59.                                         {% endif %}
  60.                                     {% endfor %}
  61.                                 </button>
  62.                             </h2>
  63.                         </div>
  64.                         <div id="collapse{{ loop.index }}" class="collapse {% if loop.first %}{% endif %}" aria-labelledby="heading{{ loop.index }}" data-parent="#accordionExample">
  65.                             <div class="card-body">
  66.                                 <p>
  67.                                     {% for translation in item.faqTranslations() %}
  68.                                         {% if translation.getLocale() == app.request.locale %}
  69.                                             {{ translation.answer|raw() }}
  70.                                         {% endif %}
  71.                                     {% endfor %}
  72.                                 </p>
  73.                             </div>
  74.                         </div>
  75.                     </div>
  76.                     {% endfor %}
  78.                 </div>
  79.             </div>
  80.         </div>
  81.         <!-- container end -->
  82.     </section>
  83.     <!-- FAQ-Section end -->
  84. {% endblock %}