templates/site/help.html.twig line 1

  1. {% extends 'landing.html.twig' %}
  3. {% block body %}
  4.     <section id="faqs-4" class="gr--whitesmoke inner-page-hero pb-100 faqs-section division">
  5.         <div class="container">
  7.             <!-- SECTION TITLE -->
  8.             <div class="row justify-content-center">
  9.                 <div class="col-lg-11 col-xl-10">
  10.                     <div class="inner-page-title text-center">
  11.                         <h2 class="s-52 w-700">Comment pouvons nous vous aider </h2>
  12.                     </div>
  13.                 </div>
  14.             </div>
  16.             <!-- TABS NAVIGATION -->
  17.             <div class="row">
  18.                 <div class="col">
  19.                     <div class="tabs-nav tabs--theme clearfix">
  21.                         <ul class="tabs-1">
  22.                             <li class="tab-link current ico-45 r-16" data-tab="tab-getting-started">
  23.                                 <!-- icon -->
  24.                                 <div class="tab-link-ico">
  25.                                     <span class="flaticon-mechanics"></span>
  26.                                 </div>
  28.                                 <p>Getting Started</p>
  29.                             </li>
  30.                             <!-- li End -->
  31.                             <li class="tab-link  ico-45 r-16" data-tab="tab-my-account">
  32.                                 <!-- icon -->
  33.                                 <div class="tab-link-ico">
  34.                                     <span class="flaticon-suit"></span>
  35.                                 </div>
  37.                                 <p>My Account</p>
  38.                             </li>
  39.                             <!-- li End -->
  40.                             <li class="tab-link  ico-45 r-16" data-tab="tab-pricing-plans">
  41.                                 <!-- icon -->
  42.                                 <div class="tab-link-ico">
  43.                                     <span class="flaticon-price-label"></span>
  44.                                 </div>
  46.                                 <p>Pricing Plans</p>
  47.                             </li>
  48.                             <!-- li End -->
  49.                             <li class="tab-link  ico-45 r-16" data-tab="tab-other-questions">
  50.                                 <!-- icon -->
  51.                                 <div class="tab-link-ico">
  52.                                     <span class="flaticon-screenplay"></span>
  53.                                 </div>
  55.                                 <p>Other Questions</p>
  56.                             </li>
  57.                             <!-- li End -->
  58.                         </ul>
  59.                     </div>
  60.                 </div>
  61.             </div> <!-- END TABS NAVIGATION -->
  64.             <!-- TABS CONTENT -->
  65.             <div class="tabs-content">
  66.                 <div class="row justify-content-center">
  67.                     <div class="col-xl-10">
  70.                         <!-- TAB-1 CONTENT -->
  71.                         <div id="tab-getting-started" class="tab-content current">
  72.                             <div class="accordion-wrapper">
  73.                                 <ul class="accordion">
  74.                                     <!-- QUESTION #1 -->
  75.                                     <li class="accordion-item is-active">
  77.                                         <!-- Question -->
  78.                                         <div class="accordion-thumb">
  79.                                             <h5 class="s-22 w-700">Qu'est-ce que Kimia manager et comment ça marche
  80.                                                 ??</h5>
  81.                                         </div>
  83.                                         <!-- Answer -->
  84.                                         <div class="accordion-panel color--grey" style="display: block;">
  85.                                             <p>Sagittis congue augue egestas volutpat egestas magna suscipit <br>egestas
  86.                                                 magna ipsum vitae purus congue efficitur and ipsum primis <br>in cubilia
  87.                                                 laoreet augue egestas luctus donec and curabitur dapibus</p></div>
  89.                                     </li> <!-- END QUESTION #1 -->
  90.                                     <li class="accordion-item ">
  92.                                         <!-- Question -->
  93.                                         <div class="accordion-thumb">
  94.                                             <h5 class="s-22 w-700">What's inside the package?</h5>
  95.                                         </div>
  97.                                         <!-- Answer -->
  98.                                         <div class="accordion-panel color--grey">
  99.                                             Discover the latest trends in creativity and get inspired by creative
  100.                                             leaders.
  101.                                         </div>
  103.                                     </li> <!-- END QUESTION #1 -->
  104.                                     <li class="accordion-item ">
  106.                                         <!-- Question -->
  107.                                         <div class="accordion-thumb">
  108.                                             <h5 class="s-22 w-700">General settings</h5>
  109.                                         </div>
  111.                                         <!-- Answer -->
  112.                                         <div class="accordion-panel color--grey">
  113.                                             Discover the latest trends in creativity and get inspired by creative
  114.                                             leaders.
  115.                                         </div>
  117.                                     </li> <!-- END QUESTION #1 -->
  118.                                     <li class="accordion-item ">
  120.                                         <!-- Question -->
  123.                                         <!-- Answer -->
  124.                                         <div class="accordion-panel color--grey">
  125.                                             Discover the latest trends in creativity and get inspired by creative
  126.                                             leaders.
  127.                                         </div>
  129.                                     </li> <!-- END QUESTION #1 -->
  130.                                     <li class="accordion-item ">
  132.                                         <!-- Question -->
  133.                                         <div class="accordion-thumb">
  134.                                             <h5 class="s-22 w-700">Automate testing with API</h5>
  135.                                         </div>
  137.                                         <!-- Answer -->
  138.                                         <div class="accordion-panel color--grey">
  139.                                             Discover the latest trends in creativity and get inspired by creative
  140.                                             leaders.
  141.                                         </div>
  143.                                     </li> <!-- END QUESTION #1 -->
  144.                                 </ul>
  145.                             </div>
  146.                         </div> <!-- END TAB-1 CONTENT -->
  149.                         <!-- TAB-1 CONTENT -->
  150.                         <div id="tab-my-account" class="tab-content ">
  151.                             <div class="accordion-wrapper">
  152.                                 <ul class="accordion">
  153.                                     <!-- QUESTION #1 -->
  154.                                     <li class="accordion-item is-active">
  156.                                         <!-- Question -->
  157.                                         <div class="accordion-thumb">
  158.                                             <h5 class="s-22 w-700">Presentation and Keynotes</h5>
  159.                                         </div>
  161.                                         <!-- Answer -->
  162.                                         <div class="accordion-panel color--grey" style="display: block;">
  163.                                             Discover the latest trends in creativity and get inspired by creative
  164.                                             leaders.
  165.                                         </div>
  167.                                     </li> <!-- END QUESTION #1 -->
  168.                                     <li class="accordion-item ">
  170.                                         <!-- Question -->
  171.                                         <div class="accordion-thumb">
  172.                                             <h5 class="s-22 w-700">Sessions and Labs</h5>
  173.                                         </div>
  175.                                         <!-- Answer -->
  176.                                         <div class="accordion-panel color--grey">
  177.                                             Discover the latest trends in creativity and get inspired by creative
  178.                                             leaders.
  179.                                         </div>
  181.                                     </li> <!-- END QUESTION #1 -->
  182.                                     <li class="accordion-item ">
  184.                                         <!-- Question -->
  185.                                         <div class="accordion-thumb">
  186.                                             <h5 class="s-22 w-700">Events and Networking</h5>
  187.                                         </div>
  189.                                         <!-- Answer -->
  190.                                         <div class="accordion-panel color--grey">
  191.                                             Discover the latest trends in creativity and get inspired by creative
  192.                                             leaders.
  193.                                         </div>
  195.                                     </li> <!-- END QUESTION #1 -->
  196.                                     <li class="accordion-item ">
  198.                                         <!-- Question -->
  199.                                         <div class="accordion-thumb">
  200.                                             <h5 class="s-22 w-700">Luminary Sessions</h5>
  201.                                         </div>
  203.                                         <!-- Answer -->
  204.                                         <div class="accordion-panel color--grey">
  205.                                             Discover the latest trends in creativity and get inspired by creative
  206.                                             leaders.
  207.                                         </div>
  209.                                     </li> <!-- END QUESTION #1 -->
  210.                                 </ul>
  211.                             </div>
  212.                         </div> <!-- END TAB-1 CONTENT -->
  215.                         <!-- TAB-1 CONTENT -->
  216.                         <div id="tab-pricing-plans" class="tab-content ">
  217.                             <div class="accordion-wrapper">
  218.                                 <ul class="accordion">
  219.                                     <!-- QUESTION #1 -->
  220.                                     <li class="accordion-item is-active">
  222.                                         <!-- Question -->
  223.                                         <div class="accordion-thumb">
  224.                                             <h5 class="s-22 w-700">Pricing Plans and Keynotes</h5>
  225.                                         </div>
  227.                                         <!-- Answer -->
  228.                                         <div class="accordion-panel color--grey" style="display: block;">
  229.                                             Discover the latest trends in creativity and get inspired by creative
  230.                                             leaders.
  231.                                         </div>
  233.                                     </li> <!-- END QUESTION #1 -->
  234.                                     <li class="accordion-item ">
  236.                                         <!-- Question -->
  237.                                         <div class="accordion-thumb">
  238.                                             <h5 class="s-22 w-700">Sessions and Labs</h5>
  239.                                         </div>
  241.                                         <!-- Answer -->
  242.                                         <div class="accordion-panel color--grey">
  243.                                             Discover the latest trends in creativity and get inspired by creative
  244.                                             leaders.
  245.                                         </div>
  247.                                     </li> <!-- END QUESTION #1 -->
  248.                                     <li class="accordion-item ">
  250.                                         <!-- Question -->
  251.                                         <div class="accordion-thumb">
  252.                                             <h5 class="s-22 w-700">Events and Networking</h5>
  253.                                         </div>
  255.                                         <!-- Answer -->
  256.                                         <div class="accordion-panel color--grey">
  257.                                             Discover the latest trends in creativity and get inspired by creative
  258.                                             leaders.
  259.                                         </div>
  261.                                     </li> <!-- END QUESTION #1 -->
  262.                                     <li class="accordion-item ">
  264.                                         <!-- Question -->
  265.                                         <div class="accordion-thumb">
  266.                                             <h5 class="s-22 w-700">Events and Networking</h5>
  267.                                         </div>
  269.                                         <!-- Answer -->
  270.                                         <div class="accordion-panel color--grey">
  271.                                             Discover the latest trends in creativity and get inspired by creative
  272.                                             leaders.
  273.                                         </div>
  275.                                     </li> <!-- END QUESTION #1 -->
  276.                                     <li class="accordion-item ">
  278.                                         <!-- Question -->
  279.                                         <div class="accordion-thumb">
  280.                                             <h5 class="s-22 w-700">Luminary Sessions</h5>
  281.                                         </div>
  283.                                         <!-- Answer -->
  284.                                         <div class="accordion-panel color--grey">
  285.                                             Discover the latest trends in creativity and get inspired by creative
  286.                                             leaders.
  287.                                         </div>
  289.                                     </li> <!-- END QUESTION #1 -->
  290.                                 </ul>
  291.                             </div>
  292.                         </div> <!-- END TAB-1 CONTENT -->
  295.                         <!-- TAB-1 CONTENT -->
  296.                         <div id="tab-other-questions" class="tab-content ">
  297.                             <div class="accordion-wrapper">
  298.                                 <ul class="accordion">
  299.                                     <!-- QUESTION #1 -->
  300.                                     <li class="accordion-item is-active">
  302.                                         <!-- Question -->
  303.                                         <div class="accordion-thumb">
  304.                                             <h5 class="s-22 w-700">Presentation and Keynotes</h5>
  305.                                         </div>
  307.                                         <!-- Answer -->
  308.                                         <div class="accordion-panel color--grey" style="display: block;">
  309.                                             Discover the latest trends in creativity and get inspired by creative
  310.                                             leaders.
  311.                                         </div>
  313.                                     </li> <!-- END QUESTION #1 -->
  314.                                     <li class="accordion-item ">
  316.                                         <!-- Question -->
  317.                                         <div class="accordion-thumb">
  318.                                             <h5 class="s-22 w-700">Sessions and Labs</h5>
  319.                                         </div>
  321.                                         <!-- Answer -->
  322.                                         <div class="accordion-panel color--grey">
  323.                                             Discover the latest trends in creativity and get inspired by creative
  324.                                             leaders.
  325.                                         </div>
  327.                                     </li> <!-- END QUESTION #1 -->
  328.                                     <li class="accordion-item ">
  330.                                         <!-- Question -->
  331.                                         <div class="accordion-thumb">
  332.                                             <h5 class="s-22 w-700">Events and Networking</h5>
  333.                                         </div>
  335.                                         <!-- Answer -->
  336.                                         <div class="accordion-panel color--grey">
  337.                                             Discover the latest trends in creativity and get inspired by creative
  338.                                             leaders.
  339.                                         </div>
  341.                                     </li> <!-- END QUESTION #1 -->
  342.                                     <li class="accordion-item ">
  344.                                         <!-- Question -->
  345.                                         <div class="accordion-thumb">
  346.                                             <h5 class="s-22 w-700">Luminary Sessions</h5>
  347.                                         </div>
  349.                                         <!-- Answer -->
  350.                                         <div class="accordion-panel color--grey">
  351.                                             Discover the latest trends in creativity and get inspired by creative
  352.                                             leaders.
  353.                                         </div>
  355.                                     </li> <!-- END QUESTION #1 -->
  356.                                 </ul>
  357.                             </div>
  358.                         </div> <!-- END TAB-1 CONTENT -->
  361.                     </div> <!-- End row -->
  362.                 </div> <!-- END TABS CONTENT -->
  365.             </div> <!-- End container -->
  366.         </div>
  367.     </section>
  368.     <section
  369.             class="elementor-section elementor-top-section section elementor-section-boxed elementor-section-height-default elementor-section-height-default"
  370.             data-id="a4bc6b5" data-element_type="section"
  371.             data-settings="{&quot;background_background&quot;:&quot;classic&quot;}" style="background-image: url(https://jthemes.net/themes/wp/martex/wp-content/uploads/2023/07/bg-02.jpg);
  372.         }">
  373.         <div class="elementor-container elementor-column-gap-default py-100">
  374.             <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-f7c09f4"
  375.                  data-id="f7c09f4" data-element_type="column">
  376.                 <div class="elementor-widget-wrap">
  377.                 </div>
  378.             </div>
  379.             <div class="elementor-column  elementor-top-column elementor-element elementor-element-1694833"
  380.                  data-id="1694833" data-element_type="column">
  381.                 <div class="elementor-widget-wrap elementor-element-populated">
  382.                     <div class="txt-block elementor-element elementor-element-3c88bd5 elementor-widget elementor-widget-content-text"
  383.                          data-id="3c88bd5" data-element_type="widget" data-widget_type="content-text.default">
  384.                         <div class="elementor-widget-container">
  385.                             <h2 class="title-element s-46 w-700">Encore besoin d'aide?</h2>
  386.                             <p class="subtitle-element p-lg">N'hésitez pas à nous contacter pour toute question qui
  387.                                 pourrait vous intéresser
  388.                             </p>
  389.                             <div class="d-flex btn-trait-group flex-wrap justify-content-start gap-2 mb-2">
  390.                                 <a
  391.                                         href="https://jthemes.net/themes/wp/martex/contact-us"
  392.                                         class="btn r-04 btn--theme hover--theme">Posez votre question ici
  393.                                 </a>
  394.                             </div>
  395.                         </div>
  396.                     </div>
  397.                 </div>
  398.             </div>
  399.             <div class="elementor-column  elementor-top-column elementor-element elementor-element-606b0bd"
  400.                  data-id="606b0bd" data-element_type="column">
  401.                 <div class="elementor-widget-wrap elementor-element-populated">
  402.                     <div class="img-block elementor-element elementor-element-f602064 elementor-widget elementor-widget-content-image"
  403.                          data-id="f602064" data-element_type="widget" data-widget_type="content-image.default">
  404.                         <div class="elementor-widget-container">
  405.                             <img decoding="async" fetchpriority="high" width="645" height="460"
  406.                                  src="https://jthemes.net/themes/wp/martex/wp-content/uploads/2023/07/help.png"
  407.                                  class="attachment-large size-large wp-image-243 img-fluid" alt=""
  408.                                  srcset="https://jthemes.net/themes/wp/martex/wp-content/uploads/2023/07/help.png 645w,
  409.                                   https://jthemes.net/themes/wp/martex/wp-content/uploads/2023/07/help-600x428.png 600w,
  410.                                   https://jthemes.net/themes/wp/martex/wp-content/uploads/2023/07/help-300x214.png 300w"
  411.                                  sizes="(max-width: 645px) 100vw, 645px"
  412.                                  style="width:100%;height:71.32%;max-width:645px"
  413.                             >
  414.                         </div>
  415.                     </div>
  416.                 </div>
  417.             </div>
  419.         </div>
  420.     </section>
  421. {% endblock %}