templates/cms/frontEnd/faq/index.html.twig line 1

Open in your IDE?
  1. {% extends 'fe/base.html.twig' %}
  2. {% set seo = seoPage.seo %}
  3. {% use '@PNSeo/FrontEnd/seo.html.twig' %}
  4. {% import 'fe/macros.html.twig' as macros %}
  6. {% block criticalCSS %}
  7. {% include "cms/frontEnd/faq/_critical_css.css.twig" %}
  8. {% endblock %}
  9. {% block stylesheets %}
  10. {{ parent() }}
  11. {{ macros.assetCSS(asset('pages-assets/faqs/faqs.styles.css')) }}
  12. {% endblock %}
  13. {% block content %}
  14. {% set image = getDCA(8, false) %}
  15. {% if image is empty %}
  16. {% set image = asset('assets/img/placeholder-landscape.webp') %}
  17. {% endif %}
  18. <div class="wrapper-featured-section">
  19. <div class="l-featured-section ui-featured-section--spacing-bottom-0 ui-featured-section lazyload"
  20. data-bg="{{ image }}" data-delay="5000">
  21. <div class="l-featured-section-content">
  22. <div class="l-container">
  23. <div class="l-flex-row">
  24. <div class="l-flex-col-lg-12">
  25. <div class="l-featured-section-content-box">
  26. <div class="l-page-title-box">
  27. <div class="wrapper-page-title">
  28. <h1 class="wrapper-page-subtitle">
  29. {{ "faqs_txt"|trans }}
  30. </h1>
  31. <h2 class="l-page-title ui-page-title ui-page-title--no-description">
  32. {{ "ask_us_anything_txt"|trans }}
  33. </h2>
  34. <div class="wrapper-page-address">
  35. <p>{{ "have_any_questions_txt"|trans }}</p>
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  48. <div class="l-container wrapper-faqs">
  49. <div class="l-flex-row wrapper-faqs-row">
  50. {% for faq in faqs %}
  51. <div class="l-flex-col-xl-4">
  52. <div class="wrapper-faq">
  53. <span class="circle"></span>
  54. <h4 class="title">
  55. {{ faq.question }}
  56. </h4>
  57. <div class="body">
  58. <p>{{ faq.answer|nl2br }}</p>
  59. </div>
  60. </div>
  61. </div>
  62. {% if loop.index is divisible by(3) %}
  63. <div class="l-flex-col-xl-12">
  64. <div class="wrapper-faqs-row-separator">
  65. </div>
  66. </div>
  67. {% endif %}
  68. {% else %}
  69. {% include "fe/_not_found_content.html.twig" %}
  70. {% endfor %}
  72. <div class="l-flex-col-xl-12">
  73. <div class="wrapper-faqs-cta">
  74. <div class="l-flex-row wrapper-faqs-cta-row">
  75. <div class="l-flex-col-xl-8">
  76. <h4>{{ "still_have_questions_text"|trans }}</h4>
  77. <p>{{ "cannot_find_answer_txt"|trans }}</p>
  78. </div>
  79. <div class="l-flex-col-xl-4 cta-wrapper">
  80. <a href="{{ path('fe_contact_index') }}" class="btn btn-primary btn-md btn-rounded">{{ "get_in_touch_txt"|trans }}</a>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  89. {% endblock %}
  91. {% block javascripts %}
  92. {{ parent() }}
  93. {{ macros.assetCSS(asset('pages-assets/faqs/faqs.lazy.styles.css'), true) }}
  95. {{ macros.assetJS(asset('pages-assets/faqs/faqs.js')) }}
  96. {{ macros.assetJS(asset('pages-assets/faqs/faqs.lazy.js'), true) }}
  97. {% endblock %}