templates/page/faq.html.twig line 1

Open in your IDE?
  1. {% extends 'standard_tpl.html.twig' %}
  3. {% set page_background = 'faq.jpg' %}
  5. {% block page_container %}
  6.       <div class="section-box"></div>
  7.       <div class="banner-hero banner-breadcrums">
  8.         <div class="container">
  9.           <div class="row">
  10.             <div class="col-lg-5">
  11.               <h1 class="text-heading-4 color-gray-900 mb-20">Join the community with more than 12,368 topics already created</h1>
  12.               <p class="text-body-text color-gray-400">Professional support team will solve your problem.</p>
  13.             </div>
  14.             <div class="col-lg-7">
  15.               <div class="form-square">
  16.                 <form class="form-inline" action="#">
  17.                   <input class="form-control input-with-button" type="text" value="" placeholder="Your question...">
  18.                   <input class="text-heading-6 btn btn-square-green" type="submit" value="Find now">
  19.                 </form>
  20.                 <div class="block-tags"><a class="text-body-text color-gray-900" href="page-pricing-1.html">Pricing plan <span class="icon-close"></span></a></div>
  21.               </div>
  22.             </div>
  23.           </div>
  24.         </div>
  25.       </div>
  26.       <section class="section-box mt-100">
  27.         <div class="container">
  28.           <div class="row">
  29.             <div class="col-lg-2 col-sm-1 col-12"></div>
  30.             <div class="col-lg-8 col-sm-10 col-12 text-center">
  31.               <h2 class="text-heading-1 color-gray-900">Or choose a category</h2>
  32.               <p class="text-body-lead-large color-gray-600 mt-20">Aliquam a augue suscipit, luctus neque purus ipsum neque dolor primis a libero tempus, blandit and cursus varius and magnis sapien</p>
  33.             </div>
  34.             <div class="col-lg-2 col-sm-1 col-12"></div>
  35.           </div>
  36.         </div>
  37.         <div class="container mt-70">
  38.           <div class="row">
  39.             <div class="col-lg-4 col-md-4 col-sm-6 col-12">
  40.               <div class="card-grid-style-6 hover-up wow animate__animated animate__fadeIn" data-wow-delay=".1s">
  41.                 <div class="grid-6-img"><img src="{{ asset('themes/castine/assets/imgs/page/homepage1/market.svg') }}" alt="Agon"></div>
  42.                 <h3 class="text-heading-5 mt-20">Market research</h3>
  43.                 <p class="text-body-text color-gray-600 mt-20">One make creepeth, man bearing theira firmament.</p>
  44.               </div>
  45.             </div>
  46.             <div class="col-lg-4 col-md-4 col-sm-6 col-12">
  47.               <div class="card-grid-style-6 hover-up wow animate__animated animate__fadeIn" data-wow-delay=".3s">
  48.                 <div class="grid-6-img"><img src="{{ asset('themes/castine/assets/imgs/page/homepage1/consulting.svg') }}" alt="Agon"></div>
  49.                 <h3 class="text-heading-5 mt-20">Strategic Consulting</h3>
  50.                 <p class="text-body-text color-gray-600 mt-20">One make creepeth, man bearing theira firmament.</p>
  51.               </div>
  52.             </div>
  53.             <div class="col-lg-4 col-md-4 col-sm-6 col-12">
  54.               <div class="card-grid-style-6 hover-up wow animate__animated animate__fadeIn" data-wow-delay=".5s">
  55.                 <div class="grid-6-img"><img src="{{ asset('themes/castine/assets/imgs/page/homepage1/cognity.svg') }}" alt="Agon"></div>
  56.                 <h3 class="text-heading-5 mt-20">Cognitive Solution</h3>
  57.                 <p class="text-body-text color-gray-600 mt-20">One make creepeth, man bearing theira firmament.</p>
  58.               </div>
  59.             </div>
  60.           </div>
  61.         </div>
  62.       </section>
  63.       <div class="section-box mt-100"></div>
  64.       <div class="container">
  65.         <div class="row">
  66.           <div class="col-lg-12 col-sm-12 col-12">
  67.             <ul class="list-icons-2">
  68.               <li>
  69.                 <h3 class="text-heading-5 mb-10">Can I see the demo before purchasing?</h3>
  70.                 <p class="text-body-text color-gray-500">Etiam amet mauris suscipit in odio integer congue metus vitae arcu mollis blandit ultrice ligula egestas and magna suscipit lectus magna suscipit luctus blandit vitae</p>
  71.               </li>
  72.               <li>
  73.                 <h3 class="text-heading-5 mb-10">Can I use your system on different devices?</h3>
  74.                 <p class="text-body-text color-gray-500">Etiam amet mauris suscipit in odio integer congue metus vitae arcu mollis blandit ultrice ligula egestas and magna suscipit lectus magna suscipit luctus blandit vitae</p>
  75.               </li>
  76.               <li>
  77.                 <h3 class="text-heading-5 mb-10">Can I import my sitemap to your system?</h3>
  78.                 <p class="text-body-text color-gray-500">An enim nullam tempor sapien gravida a donec ipsum enim an porta justo integer at velna vitae auctor integer congue undo magna at pretium purus pretium</p>
  79.               </li>
  80.               <li>
  81.                 <h3 class="text-heading-5 mb-10">Can I cancel my subscription at any time?</h3>
  82.                 <p class="text-body-text color-gray-500">An enim nullam tempor sapien gravida a donec ipsum enim an porta justo integer at velna vitae auctor integer congue undo magna at pretium purus pretium</p>
  83.               </li>
  84.               <li>
  85.                 <h3 class="text-heading-5 mb-10">How can I switch my subscription between essential, and premium plan</h3>
  86.                 <p class="text-body-text color-gray-500">Cubilia laoreet augue egestas and luctus donec curabite diam vitae dapibus libero and quisque gravida donec and neque.</p>
  87.               </li>
  88.               <li>
  89.                 <h3 class="text-heading-5 mb-10">Is there an additional discount when paid annually?</h3>
  90.                 <p class="text-body-text color-gray-500">Cubilia laoreet augue egestas and luctus donec curabite diam vitae dapibus libero and quisque gravida donec and neque. Blandit justo aliquam molestie nunc sapien</p>
  91.               </li>
  92.               <li>
  93.                 <h3 class="text-heading-5 mb-10">I have an issue with my account</h3>
  94.                 <ul class="text-body-text">
  95.                   <li>Etiam amet mauris suscipit sit amet in odio. Integer congue leo metus. Vitae arcu mollis blandit ultrice ligula</li>
  96.                   <li>An enim nullam tempor sapien gravida donec congue leo metus. Vitae arcu mollis blandit integer at velna</li>
  97.                 </ul>
  98.               </li>
  99.               <li>
  100.                 <h3 class="text-heading-5 mb-10">What happens if I don&rsquo;t renew my license after one year?</h3>
  101.                 <ul class="text-body-text">
  102.                   <li>Etiam amet mauris suscipit sit amet in odio. Integer congue leo metus. Vitae arcu mollis blandit ultrice ligula</li>
  103.                   <li>An enim nullam tempor sapien gravida donec congue leo metus. Vitae arcu mollis blandit integer at velna</li>
  104.                 </ul>
  105.               </li>
  106.               <li>
  107.                 <h3 class="text-heading-5 mb-10">Do you have a free trial?</h3>
  108.                 <p class="text-body-text color-gray-500">
  109.                   <ul class="text-body-text">
  110.                     <li>Fringilla risus, luctus mauris orci auctor purus</li>
  111.                     <li>Quaerat sodales sapien euismod blandit purus and ipsum primis in cubilia laoreet augue luctus</li>
  112.                   </ul>
  113.                 </p>
  114.               </li>
  115.               <li>
  116.                 <h3 class="text-heading-5 mb-10">What kind of payment methods do you provide?</h3>
  117.                 <p class="text-body-text color-gray-500">
  118.                   <ul class="text-body-text">
  119.                     <li>Fringilla risus, luctus mauris orci auctor purus</li>
  120.                     <li>Quaerat sodales sapien euismoda laoreet augue luctus</li>
  121.                   </ul>
  122.                 </p>
  123.               </li>
  124.             </ul>
  125.           </div>
  126.         </div>
  127.       </div>
  128.       <section class="section-box mt-100">
  129.         <div class="container text-center">
  130.           <h3 class="text-heading-1 mb-10">Still have a questions?</h3>
  131.           <p class="text-body-lead-large color-gray-600 mt-30">If you cannot find answer to your question in our FAQ, you can always <br class="d-lg-block d-none">contact us. We wil answer to you shortly! Meet our Support team</p>
  132.         </div>
  133.         <div class="container mt-70">
  134.           <div class="row">
  135.             <div class="col-lg-3 col-md-6 col-12">
  136.               <div class="card-grid-style-3 hover-up wow animate__animated animate__fadeIn" data-wow-delay=".1s">
  137.                 <div class="grid-3-img"><img src="{{ asset('themes/castine/assets/imgs/page/homepage1/user-1.png') }}" alt="Agon"></div>
  138.                 <h3 class="text-heading-6 mb-5 mt-20">Wade Warren</h3><span class="text-body-small d-block">Louis Vuitton</span>
  139.                 <p class="text-body-text text-desc color-gray-500 mt-20">Even factoring differences in body weight between children and adults into account.</p>
  140.               </div>
  141.             </div>
  142.             <div class="col-lg-3 col-md-6 col-12">
  143.               <div class="card-grid-style-3 bd-bg-6 hover-up wow animate__animated animate__fadeIn" data-wow-delay=".3s">
  144.                 <div class="grid-3-img"><img src="{{ asset('themes/castine/assets/imgs/page/homepage1/user-2.png') }}" alt="Agon"></div>
  145.                 <h3 class="text-heading-5 mt-20">Brooklyn Simmons</h3><span class="text-body-small d-block">Nintendo</span>
  146.                 <p class="text-body-text text-desc color-gray-500 mt-20">So yes, the alcohol (ethanol) in hand sanitizers can be absorbed through the skin, but no, it would not cause intoxication.</p>
  147.               </div>
  148.             </div>
  149.             <div class="col-lg-3 col-md-6 col-12">
  150.               <div class="card-grid-style-3 bd-bg-10 hover-up wow animate__animated animate__fadeIn" data-wow-delay=".5s">
  151.                 <div class="grid-3-img"><img src="{{ asset('themes/castine/assets/imgs/page/homepage1/user-3.png') }}" alt="Agon"></div>
  152.                 <h3 class="text-heading-6 mb-5 mt-20">Jenny Wilson</h3><span class="text-body-small d-block">Starbucks</span>
  153.                 <p class="text-body-text text-desc color-gray-500 mt-20">Their blood alcohol levels rose to 0.007 to 0.02 o/oo (parts per thousand), or 0.7 to 2.0 mg/L.</p>
  154.               </div>
  155.             </div>
  156.             <div class="col-lg-3 col-md-6 col-12">
  157.               <div class="card-grid-style-3 bd-bg-9 hover-up wow animate__animated animate__fadeIn" data-wow-delay=".7s">
  158.                 <div class="grid-3-img"><img src="{{ asset('themes/castine/assets/imgs/page/homepage1/user-4.png') }}" alt="Agon"></div>
  159.                 <h3 class="text-heading-5 mt-20">Albert Flores</h3><span class="text-body-small d-block">Bank of America</span>
  160.                 <p class="text-body-text text-desc color-gray-500 mt-20">So yes, the alcohol (ethanol) in hand sanitizers can be absorbed through the skin, but no, it would not cause intoxication.</p>
  161.               </div>
  162.             </div>
  163.           </div>
  164.         </div>
  165.       </section>
  166. {% endblock %}