templates/Front/contact/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.         Parlez-nous de Votre Projet - Agence des Experts-comptables
  5. {% endblock %}
  7. {% block description %}
  8.     Donnons à votre cabinet la dimension qu’il mérite. Contactez l’agence des Experts-comptables pour un accompagnement en communication optimum.
  9. {% endblock %}
  11. {% block meta_noindex %}
  12. <meta name="robots" content="noindex, nofollow">
  13. {% endblock %}
  15. {% block body %}
  16.     <section class="hero-area">
  17.         <div class="container">
  18.             <div class="row">
  19.                 <div class="col-12">
  20.                     <div class="container-content d-flex flex-column justify-content-center align-items-center" data-aos="zoom-in">
  21.                         <span class="tagline line-none text-center d-block pb-0">Contact</span>
  22.                         <h1 class="main-title text-center">
  23.                             Donnez Du Sens <br> À 
  24.                             <span class="text-secondary">
  25.                                 Votre Cabinet.
  26.                             </span>
  27.                         </h1>
  28.                         <p class="text-center">
  29.                             La communication est un outil puissant, utilisons son plein potentiel <br> pour votre cabinet
  30.                         </p>
  31.                     </div>
  32.                 </div>
  33.             </div>
  34.         </div>
  35.     </section>
  37.     <section class="logo-area bg-secondary-light">
  38.         <div class="container">
  39.             <span class="section-title__tagline">
  40.                 <span class="text-body">Ils nous font</span> confiance
  41.             </span>
  42.         </div>
  43.         <div class="owl-carousel owl-custom" id="client-logos">
  45.         </div>
  46.     </section>
  47.     <!--Page Header Start-->
  48.     <section class="page-header page-header--contact bg-secondary-light clearfix">
  49.         <!--Contact Page Start-->
  50.         <section class="contact-page">
  51.             <div class="container">
  52.                 <div class="row">
  53.                     <div class="col-xl-4 col-lg-4">
  54.                         <div class="contact-page__left">
  55.                             <div class="contact-page__left-content">
  56.                                 <h2>La dimension que vous méritez</h2>
  57.                                 <p>Contactez-nous</p>
  58.                             </div>
  59.                             <div class="contact-page__left-img wow slideInLeft" data-wow-delay="100ms" data-wow-duration="2500ms">
  60.                                                                 <picture>
  61.                                   <source srcset="/assets/images/contact/lagence-expert-site-contact-312x378.webp" type="image/webp">
  62.                                   <img class="float-bob-y img-fluid" src="/assets/images/contact/lagence-expert-site-contact-312x378.png" alt="lagence expert"/>
  63.                                 </picture>
  64.                             </div>
  65.                         </div>
  66.                     </div>
  67.                     <div class="col-xl-8 col-lg-8">
  68.                         <div class="contact-page__right bg-secondary-light">
  69.                             <div class="title">
  70.                                 <h2>Une question, un message</h2>
  71.                                 <p>Complétez le formulaire de contact.</p>
  72.                             </div>
  73.                             <div>
  74.                                 {{ form_start(form_audit) }}
  76.                                 <div class="row">
  77.                                     <div class="col-xl-6 col-lg-6">
  78.                                         <div class="comment-form__input-box">
  79.                                             {{ form_row(form_audit.name) }}
  81.                                         </div>
  82.                                     </div>
  83.                                     <div class="col-xl-6 col-lg-6">
  84.                                         <div class="comment-form__input-box">
  85.                                             {{ form_row(form_audit.telephone) }}
  86.                                         </div>
  87.                                     </div>
  88.                                 </div>
  89.                                 <div class="row">
  90.                                     <div class="col-xl-6 col-lg-6"></div>
  91.                                     <div class="comment-form__input-box">
  92.                                         {{ form_row(form_audit.email) }}
  94.                                     </div>
  95.                                 </div>
  96.                                 <div class="row">
  97.                                     <div class="col-xl-12 col-lg-12">
  98.                                         <div class="comment-form__input-box">
  99.                                             {{ form_row(form_audit.message) }}
  100.                                             {{ form_row(form_audit.rgpd) }}
  101.                                         </div>
  103.                                         <button type="submit" class="btn secondary regular mt-5" formnovalidate>Envoyer</button>
  104.                                         {{ form_end(form_audit) }}
  106.                                     </div>
  109.                                 </div>
  111.                             </div>
  112.                         </div>
  113.                     </div>
  114.                 </div>
  115.             </div>
  116.         </section>
  117.         <!--Contact Page End-->
  118.     </section>
  119.     <!--Page Header End-->
  120.     <section class="newsletter-area">
  121.         <picture class="shape-agency">
  122.             <source srcset="{{ asset('assets/images/agexv4/shapes/logo3D.webp') }}"
  123.                     type="image/webp">
  124.             <img src="{{ asset('assets/images/agexv4/shapes/logo3D.png') }}" alt="logo agence">
  125.         </picture>
  126.         <div class="container">
  127.             <div class="form-container">
  128.                 <h2 class="main-title" data-aos="fade-left">Abonnez-vous à <br> notre newsletter</h2>
  129.                 <p data-aos="fade-right" data-aos-delay="200">Un support indispensable pour les Experts-comptables !</p>
  130.                 {{ form_start(form_news2) }}
  131.                 <div class="input-newsletter" data-aos="fade-left" data-aos-delay="100">
  132.                     <div class="icon">
  133.                         <svg width="18" height="21" viewBox="0 0 18 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  134.                             <g clip-path="url(#clip0_434_9342)">
  135.                                 <path d="M8.75 10.1904C10.1562 10.1644 11.3411 9.68262 12.3047 8.74512C13.2422 7.78158 13.724 6.59668 13.75 5.19043C13.724 3.78418 13.2422 2.59928 12.3047 1.63574C11.3411 0.698242 10.1562 0.216471 8.75 0.19043C7.34375 0.216471 6.15885 0.698242 5.19531 1.63574C4.25781 2.59928 3.77604 3.78418 3.75 5.19043C3.77604 6.59668 4.25781 7.78158 5.19531 8.74512C6.15885 9.68262 7.34375 10.1644 8.75 10.1904ZM8.75 1.44043C9.81771 1.46647 10.7031 1.83105 11.4062 2.53418C12.1094 3.2373 12.474 4.12272 12.5 5.19043C12.474 6.25814 12.1094 7.14355 11.4062 7.84668C10.7031 8.5498 9.81771 8.91439 8.75 8.94043C7.68229 8.91439 6.79688 8.5498 6.09375 7.84668C5.39062 7.14355 5.02604 6.25814 5 5.19043C5.02604 4.12272 5.39062 3.2373 6.09375 2.53418C6.79688 1.83105 7.68229 1.46647 8.75 1.44043ZM10.7422 12.0654H6.75781C4.85677 12.1175 3.26823 12.7816 1.99219 14.0576C0.716146 15.3337 0.0520833 16.9222 0 18.8232C0 19.2139 0.130208 19.5394 0.390625 19.7998C0.651042 20.0602 0.976562 20.1904 1.36719 20.1904H16.1328C16.5234 20.1904 16.849 20.0602 17.1094 19.7998C17.3698 19.5394 17.5 19.2139 17.5 18.8232C17.4479 16.9222 16.7839 15.3337 15.5078 14.0576C14.2318 12.7816 12.6432 12.1175 10.7422 12.0654ZM16.1328 18.9404H1.36719C1.28906 18.9404 1.25 18.9014 1.25 18.8232C1.30208 17.2607 1.83594 15.9587 2.85156 14.917C3.89323 13.9014 5.19531 13.3675 6.75781 13.3154H10.7422C12.3047 13.3675 13.6068 13.9014 14.6484 14.917C15.6641 15.9587 16.1979 17.2607 16.25 18.8232C16.25 18.9014 16.2109 18.9404 16.1328 18.9404Z" fill="#042F35"/>
  136.                             </g>
  137.                             <defs>
  138.                                 <clipPath id="clip0_434_9342">
  139.                                     <rect width="17.5" height="20" fill="white" transform="matrix(1 0 0 -1 0 20.1904)"/>
  140.                                 </clipPath>
  141.                             </defs>
  142.                         </svg>
  143.                     </div>
  144.                     {{ form_row(form_news2.name) }}
  145.                 </div>
  146.                 <div class="input-newsletter" data-aos="fade-right" data-aos-delay="200">
  147.                     <div class="icon">
  148.                         <svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
  149.                             <path d="M18.125 3.44043H1.875C1.35417 3.44043 0.911458 3.62272 0.546875 3.9873C0.182292 4.35189 0 4.7946 0 5.31543V16.5654C0 17.0863 0.182292 17.529 0.546875 17.8936C0.911458 18.2581 1.35417 18.4404 1.875 18.4404H18.125C18.6458 18.4404 19.0885 18.2581 19.4531 17.8936C19.8177 17.529 20 17.0863 20 16.5654V5.31543C20 4.7946 19.8177 4.35189 19.4531 3.9873C19.0885 3.62272 18.6458 3.44043 18.125 3.44043ZM18.125 4.69043C18.1641 4.69043 18.2031 4.69368 18.2422 4.7002C18.2812 4.70671 18.3203 4.71647 18.3594 4.72949L10 11.9951L1.64062 4.72949C1.67969 4.71647 1.71875 4.70671 1.75781 4.7002C1.79688 4.69368 1.83594 4.69043 1.875 4.69043H18.125ZM18.125 17.1904H1.875C1.70573 17.1904 1.55924 17.1286 1.43555 17.0049C1.31185 16.8812 1.25 16.7347 1.25 16.5654V6.05762L9.58984 13.2842C9.65495 13.3363 9.72005 13.3753 9.78516 13.4014C9.85026 13.4274 9.92188 13.4404 10 13.4404C10.0781 13.4404 10.1497 13.4274 10.2148 13.4014C10.2799 13.3753 10.3451 13.3363 10.4102 13.2842L18.75 6.05762V16.5654C18.75 16.7347 18.6882 16.8812 18.5645 17.0049C18.4408 17.1286 18.2943 17.1904 18.125 17.1904Z" fill="#042F35"/>
  150.                         </svg>
  151.                     </div>
  152.                     {{ form_row(form_news2.email) }}
  153.                 </div>
  154.                 <button type="submit" class="btn regular black" data-aos="fade-up" data-aos-delay="300">
  155.                     <span>
  156.                         Je m’incris à la newsletter
  157.                     </span>
  158.                 </button>
  159.                 {{ form_end(form_news2) }}
  160.             </div>
  161.         </div>
  162.     </section>
  164.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  165. <script src='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js'></script>
  166.     <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  167.     <script src="{{ asset('/assets/js/carouselLogo.js') }}"></script>
  169. {% endblock %}