templates/vitrine/faq.html.twig line 1

  1. {% extends 'vitrine/base.html.twig' %}
  3. {# {% block title %}{{ title }} {% endblock %} #}
  5. {% block stylesheets %}
  7. {% endblock %}
  10. {% block body %}
  12.     <!--bread-crumb-->
  13.     <div class="iq-breadcrumb" style="background-image: url('{{asset("vitrine/images/pages/01.webp")}}');">
  14.         <div class="container-fluid">
  15.         <div class="row align-items-center">
  16.                 <div class="col-sm-12">
  17.                     <nav aria-label="breadcrumb" class="text-center">
  18.                         <h2 class="title">FAQ</h2>
  19.                         <ol class="breadcrumb justify-content-center">
  20.                             <li class="breadcrumb-item"><a href="{{path('web_vitrine')}}">Home</a></li> 
  21.                             <li class="breadcrumb-item active">FAQ</li>
  22.                         </ol>
  23.                     </nav>
  24.                 </div>
  25.             </div> 
  26.         </div>
  27.     </div>      
  28.     <!--bread-crumb-->
  31.     <div class="section-padding">
  32.         <div class="container">
  33.             <div class="iq-accordian iq-accordian-square">
  34.                 <div class="iq-accordian-block iq-active 1">
  35.                     <div class="iq-accordian-title text-capitalize">
  36.                         <div class="iq-icon-right">
  37.                             <i aria-hidden="true" class="fas fa-minus active"></i>
  38.                             <i aria-hidden="true" class="fas fa-plus inactive"></i>
  39.                         </div>
  40.                         <h4 class="mb-0 accordian-title">What is streamit?</h4>
  41.                     </div>                   
  42.                     <div class="iq-accordian-details" style="display: block;">                         
  43.                         <p class="mb-0"> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. </p>
  44.                     </div>
  45.                 </div>
  46.                 <div class="iq-accordian-block 2">
  47.                     <div class="iq-accordian-title text-capitalize">
  48.                         <div class="iq-icon-right">
  49.                             <i aria-hidden="true" class="fa fa-minus active"></i>
  50.                             <i aria-hidden="true" class="fa fa-plus inactive"></i>
  51.                         </div>
  52.                         <h4 class="mb-0 accordian-title">Will my account work outside my country?</h4>                 
  53.                     </div>
  54.                     <div class="iq-accordian-details" style="display: none;">                         
  55.                         <p class="mb-0"> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. </p>
  56.                     </div>
  57.                 </div>
  58.                 <div class="iq-accordian-block 3">
  59.                     <div class="iq-accordian-title text-capitalize">
  60.                         <div class="iq-icon-right">
  61.                             <i aria-hidden="true" class="fa fa-minus active"></i>
  62.                             <i aria-hidden="true" class="fa fa-plus inactive"></i>
  63.                         </div>
  64.                         <h4 class="mb-0 accordian-title text-capitalize">I am facing video playback issues. What do I do?</h4>                 
  65.                     </div>
  66.                     <div class="iq-accordian-details" style="display: none;">                         
  67.                         <p class="mb-0"> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. </p>
  68.                     </div>
  69.                 </div>
  70.                 <div class="iq-accordian-block 4">
  71.                     <div class="iq-accordian-title">
  72.                         <div class="iq-icon-right">
  73.                             <i aria-hidden="true" class="fa fa-minus active"></i>
  74.                             <i aria-hidden="true" class="fa fa-plus inactive"></i>
  75.                         </div>
  76.                         <h4 class="mb-0 accordian-title text-capitalize">How can I manage notifications?</h4>                 
  77.                     </div>
  78.                     <div class="iq-accordian-details" style="display: none;">                         
  79.                         <p class="mb-0"> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. </p>
  80.                     </div>
  81.                 </div>
  82.                 <div class="iq-accordian-block 5">
  83.                     <div class="iq-accordian-title">
  84.                         <div class="iq-icon-right">
  85.                             <i aria-hidden="true" class="fa fa-minus active"></i>
  86.                             <i aria-hidden="true" class="fa fa-plus inactive"></i>
  87.                         </div>
  88.                         <h4 class="mb-0 accordian-title text-capitalize">What benefits do I get with the packs?</h4>                 
  89.                     </div>
  90.                     <div class="iq-accordian-details" style="display: none;">                         
  91.                         <p class="mb-0"> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. </p>
  92.                     </div>
  93.                 </div>
  94.             </div>
  95.         </div>
  96.     </div>
  99. {% endblock %}
  101. {% block javascripts %} 
  102.    
  103. {% endblock %}