themes/BootstrapChildTheme/SyliusShopBundle/views/Homepage/_need_help.html.twig line 1

Open in your IDE?
  1. <section class="container-fluid mt-6">
  2.     <h2>{{ 'app.ui.need_help.title'|trans }}</h2>
  3.     <div class="row align-items-center">
  4.         <div class="d-none d-lg-block col-lg-6">
  5.             <img class="img-fluid rounded w-100" src="{{ asset('build/shop-bs/images/need-help.webp', 'bootstrapTheme') }}" width="1380" height="800" alt="Need help" />
  6.         </div>
  8.         <div class="col-12 col-lg-6 ps-xl-6">
  9.             <h3 class="mt-3 mt-lg-0">{{ 'app.ui.need_help.content.title'|trans }}</h3>
  10.             <div class="mb-6">
  11.                 {{ 'app.ui.need_help.content.text_top'|trans }}<br>
  12.                 <a class="d-inline-flex align-items-center" href="{{ path('sylius_shop_contact_request') }}">{{ 'app.ui.need_help.content.link'|trans }}<svg class="icon bi-arrow-right-short ms-2" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"/></svg></a>
  13.             </div>
  15.             <div class="support">
  16.                 <div class="d-flex align-items-center mb-5">
  17.                     <div class="me-4">
  18.                         <svg class="icon icon-xl bi-envelope" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
  19.                             <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>
  20.                         </svg>
  21.                     </div>
  22.                     <div>
  23.                         <span>{{ 'app.ui.support.email_text'|trans }}</span><br>
  24.                         <a class="link" href="mailto:info@sudekusa.com">info@sudekusa.com</a>
  25.                     </div>
  26.                 </div>
  28.                 <div class="d-flex align-items-center mb-5">
  29.                     <div class="me-4">
  30.                         <svg class="icon icon-xl bi-telephone" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
  31.                             <path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
  32.                         </svg>
  33.                     </div>
  34.                     <div>
  35.                         <span>{{ 'app.ui.support.phone_text'|trans }}</span><br>
  36.                         <a class="link" href="tel:9087515332">908-751-5332</a>
  37.                     </div>
  38.                 </div>
  39.             </div>
  41.             <div>
  42.                 {{ 'app.ui.need_help.content.text_bottom'|trans }}<br>
  43.             </div>
  44.         </div>
  45.     </div>
  46. </section>