clients/qonta.fr/templates/index.html.twig line 1

Open in your IDE?
  1. {% extends accountingFirm.host ~'/templates/base.html.twig' %}
  2. {% set page = {'uri' : 'index' } %}
  4. {% block title %}{% if accountingFirm.parameters.getSeoMetaTitle != null %}{{accountingFirm.parameters.getSeoMetaTitle }}{% else %}{{ cabinet.name }}{% endif %}{% endblock %}
  5. {% block meta_description %}{% if accountingFirm.parameters.getSeoMetaDescription != null %}{{ accountingFirm.parameters.getSeoMetaDescription }}{% else %}{{ cabinet.name }}{% endif %}{% endblock %}
  9. {% block stylesheets %}
  10. {{ parent() }}
  11. {% endblock %}
  13. {% block body %}
  14. <body>
  16. <!-- ========== banner  section start ============= -->
  18.     <div class="banner-two-section position-relative" style="background: linear-gradient(70deg, #F1FFE2 10%, #F1FFE2 80%),url('assets/images/banner/banner-two/banner-two-bg.png')">
  19.         <div class="banner-two-pagination"></div>
  20.         <div class="banner-two-shape1">
  21.             <img src="{{ assets_client( accountingFirm,"images/banner/banner-two/shape1.svg")}}" width="25%" alt="">
  22.         </div>
  23.         <div class="banner-two-shape2">
  24.             <img src="{{ assets_client( accountingFirm,"images/banner/banner-two/shape2.svg")}}" width="25%" alt="">
  25.         </div>
  26.         <div class="banner-two-shape3">
  27.             <img src="{{ assets_client( accountingFirm,"images/banner/banner-two/shape3.svg")}}" width="25%" alt="">
  28.         </div>
  29.         <div class="banner-two-shape4">
  30.             <img src="{{ assets_client( accountingFirm,"images/banner/banner-two/shape4.svg")}}" width="25%" alt="">
  31.         </div>
  32.         <div class="swiper banner-two-slider">
  33.             <div class="swiper-wrapper">
  34.                 <div class="swiper-slide">
  35.                     <div class="container">
  36.                         <div class="row align-items-center">
  37.                             <div class="col-lg-6">
  38.                                 <div class="banner-two-content">
  39.                                     <h2><span>Expert-comptable</span> digital.</h2>
  40.                                     <p>Chez Qonta, nous valorisons l'accompagnement humain tout en utilisant les outils numériques les plus innovants pour aider les chefs d'entreprise à réussir.</p>
  41.                                     <div class="button-group">
  42.                                         <a href="{{ path('client_custom_page', {uri: 'cabinet'}) }}" class="eg-btn btn--primary-outline2 btn--lg">Découvrez notre cabinet</a>
  43.                                     </div>
  44.                                 </div>
  45.                             </div>
  46.                             <div class="col-lg-6">
  47.                                 <div class="banner-two-image">
  48.                                     <img src="{{ assets_client( accountingFirm,"images/accueil/qonta-slide-692x489.png")}}" alt="" loading="lazy">
  49.                                     {# <div class="banner-two-review">
  50.                                         <img src="{{ assets_client( accountingFirm,"images/banner/banner-two/banner-two-review.png")}}" alt="">
  51.                                     </div>
  52.                                     <div class="banner-two-project">
  53.                                         <img src="{{ assets_client( accountingFirm,"images/banner/banner-two/banenr-two-project.png")}}" alt="">
  54.                                     </div> #}
  55.                                 </div>
  56.                             </div>
  57.                         </div>
  58.                     </div>
  59.                 </div>
  60.                 <div class="swiper-slide">
  61.                     <div class="container">
  62.                         <div class="row align-items-center">
  63.                             <div class="col-lg-6">
  64.                                 <div class="banner-two-content">
  65.                                     <h2><span>Accompagnement</span> sur mesure. </h2>
  66.                                     <p>Nous offrons des solutions personnalisées, adaptées aux besoins spécifiques de chaque type d'entreprise, avec une expertise métier pointue.</p>
  67.                                     <div class="button-group">
  68.                                         <a href="{{ path('client_custom_page', {uri: 'missions'}) }}" class="eg-btn btn--primary-outline2 btn--lg">Découvrir nos missions</a>
  69.                                     </div>
  70.                                 </div>
  71.                             </div>
  72.                             <div class="col-lg-6">
  73.                                 <div class="banner-two-image">
  74.                                     <img src="{{ assets_client( accountingFirm,"images/accueil/qonta-slide-2-692x489.png")}}" alt="" loading="lazy">
  75.                                     {# <div class="banner-two-review">
  76.                                         <img src="{{ assets_client( accountingFirm,"images/banner/banner-two/banner-two-review.png")}}" alt="">
  77.                                     </div>
  78.                                     <div class="banner-two-project">
  79.                                         <img src="{{ assets_client( accountingFirm,"images/banner/banner-two/banenr-two-project.png")}}" alt="">
  80.                                     </div> #}
  81.                                 </div>
  82.                             </div>
  83.                         </div>
  84.                     </div>
  85.                 </div>
  86.             </div>
  87.         </div>
  88.     </div>
  90.     <!-- ========== banner  section end============= -->
  91.     <!-- ========== casestudy-section start======== -->
  93.     <div class="casestudy-section pt-120">
  94.         <div class="container-fluid">
  95.             <div class="row justify-content-center">
  96.                 <div class="col-lg-10">
  97.                     <div class="section-title-six text-center mb-60">
  98.                         <span>Vous êtes ?</span>
  99.                         <h2><span>Nos accompagnements</span></h2>
  100.                     </div>
  101.                 </div>
  102.             </div>
  103.             <div class="row mb-50">
  104.                 <div class="col-12">
  105.                     <div class="swiper casestudy-two-sldier">
  106.                         <div class="swiper-wrapper">
  107.                             <div class="swiper-slide">
  108.                                 <div class="casestudy-three-single sibling-two">
  109.                                     <div class="casestudy-three-image">
  110.                                         <img src="{{ assets_client( accountingFirm,"images/accueil/qonta-artisan-620x434.jpg")}}" alt="" loading="lazy">
  111.                                         <div class="casestudy-three-content">
  112.                                             <p class="casestudy-three-subtitle">Artisans</p>
  113.                                             <h4 class="casestudy-three-title"><a href="{{ path('client_custom_page', {uri: 'artisans'}) }}"
  114.                                                     data-cursor="View Details">Expertise métier sur mesure</a></h4>    
  115.                                         </div>
  116.                                     </div>
  117.                                 </div>
  118.                             </div>
  119.                             <div class="swiper-slide">
  120.                                 <div class="casestudy-three-single sibling-two">
  121.                                     <div class="casestudy-three-image">
  122.                                         <img src="{{ assets_client( accountingFirm,"images/accueil/qonta-commercant-620x434.jpg")}}" alt="" loading="lazy">
  123.                                         <div class="casestudy-three-content">
  124.                                             <p class="casestudy-three-subtitle">Commerçants</p>
  125.                                             <h4 class="casestudy-three-title"><a href="{{ path('client_custom_page', {uri: 'commercants'}) }}"
  126.                                                     data-cursor="View Details">Accompagnement personnalisé</a></h4>
  127.                                         </div>
  128.                                     </div>
  129.                                 </div>
  130.                             </div>
  131.                             <div class="swiper-slide">
  132.                                 <div class="casestudy-three-single sibling-two">
  133.                                     <div class="casestudy-three-image">
  134.                                         <img src="{{ assets_client( accountingFirm,"images/accueil/qonta-liberale-1-620x434.jpg")}}" alt="" loading="lazy">
  135.                                         <div class="casestudy-three-content">
  136.                                             <p class="casestudy-three-subtitle">Professions libérales</p>
  137.                                             <h4 class="casestudy-three-title"><a href="{{ path('client_custom_page', {uri: 'professions-liberales'}) }}"
  138.                                                     data-cursor="View Details">Conseils BNC spécialisés</a></h4>
  139.                                         </div>
  140.                                     </div>
  141.                                 </div>
  142.                             </div>
  143.                             <div class="swiper-slide">
  144.                                 <div class="casestudy-three-single sibling-two">
  145.                                     <div class="casestudy-three-image">
  146.                                         <img src="{{ assets_client( accountingFirm,"images/accueil/qonta-immo-620x434.jpg")}}" alt="" loading="lazy">
  147.                                         <div class="casestudy-three-content">
  148.                                             <p class="casestudy-three-subtitle">Immobilier</p>
  149.                                             <h4 class="casestudy-three-title"><a href="{{ path('client_custom_page', {uri: 'immobilier'}) }}"
  150.                                                     data-cursor="View Details">Optimisation fiscale SCI, LMNP, LMP</a></h4>
  151.                                         </div>
  152.                                     </div>
  153.                                 </div>
  154.                             </div>
  155.                         </div>
  156.                     </div>
  157.                 </div>
  158.             </div>
  159.             <div class="row case-two-pagination-area">
  160.                 <div class="col-lg-8">
  161.                     <div class="pagination-style-two sibling-two case-two-pagination"></div>
  162.                 </div>
  163.                 <div class="col-lg-4 d-flex justify-content-end">
  164.                     <div
  165.                         class="slider-arrows arrow-style-one sibling-two text-center d-lg-flex d-none flex-row justify-content-center align-items-center gap-4">
  166.                         <div class="case-two-next swiper-next-arrow" tabindex="0" role="button" aria-label="Next slide">
  167.                             <i class="bi bi-chevron-left"></i>
  168.                         </div>
  169.                         <div class="case-two-prev swiper-prev-arrow" tabindex="0" role="button"
  170.                             aria-label="Previous slide">
  171.                             <i class="bi bi-chevron-right"></i>
  172.                         </div>
  173.                     </div>
  174.                 </div>
  175.             </div>
  176.         </div>
  177.     </div>
  179.     <!-- ========== casestudy-section start======== -->
  181.      <!-- ========== strategy  section start ============= -->
  183.     <div class="strategy-section pt-120">
  184.         <div class="container">
  185.             <div class="row justify-content-center">
  186.                 <div class="col-lg-5 col-md-10">
  187.                     <div class="pt-1">
  188.                         <img src="{{ assets_client( accountingFirm,"images/accueil/qonta-cabinet-1-569x543.png")}}" alt="" loading="lazy">
  189.                     </div>
  190.                 </div>
  191.                 <div class="col-lg-7">
  192.                     <div class="section-title-six sibling-two text-sm-start text-center">
  193.                         <span>Qonta</span>
  194.                         <h2>Un cabinet à l’écoute de <span>ses clients</span></h2>
  195.                     </div>
  196.                     <div class="strategy-content">
  197.                         <h3>Qonta est un cabinet à taille humaine implanté à Poitiers. Nous sommes aux côtés des TPE et chefs d'entreprise dans leurs démarches comptables, fiscales, juridiques et sociales. Notre équipe accompagne chaque client de façon personnalisée en lui offrant des services adaptés à ses attentes et à son budget.</h3>
  198.                         <ul class="strategy-list">
  199.                             <li> <img src="{{ assets_client( accountingFirm,"images/icons/list-icon.svg")}}" width='18px' alt="">Équipe expérimentée et formée aux particularités de chaque métier</li>
  200.                             <li><img src="{{ assets_client( accountingFirm,"images/icons/list-icon.svg")}}" width='18px' alt="">Partenaires de qualité pour répondre à vos besoins spécifiques</li>
  201.                             <li><img src="{{ assets_client( accountingFirm,"images/icons/list-icon.svg")}}" width='18px' alt="">Conseils adaptés pour bien démarrer</li>
  202.                             <li><img src="{{ assets_client( accountingFirm,"images/icons/list-icon.svg")}}" width='18px' alt="">Expertise pointue pour une optimisation parfaite</li>
  203.                         </ul>
  204.                         <div class="ranking-block">
  205.                         </div>
  206.                         <a href="{{ path('client_custom_page', {uri: 'cabinet'}) }}" class="eg-btn btn--primary-outline2 btn--lg">Découvrez notre cabinet</a>
  207.                     </div>
  208.                 </div>
  209.             </div>
  210.         </div>
  211.     </div>
  213.     <!-- ========== strategy section end ============= -->
  215.         <!-- ========== contact-now-section start======== -->
  217.     <div class="contact-now-section-two pl-110 overflow-hidden pt-120">
  218.         <div class="customer-five-wrapper sibling-two position-relative">
  219.             <div class="customer-vector-top">
  220.                 <img src="{{ assets_client( accountingFirm,"images/icons/customer-vector-top.svg")}}" alt="">
  221.             </div>
  222.             <div class="customer-vector-bottom">
  223.                 <img src="{{ assets_client( accountingFirm,"images/icons/customer-vector-bottom.svg")}}" alt="">
  224.             </div>
  225.             <div class="container-fluid">
  226.                 <div class="row">
  227.                     <div class="col-12">
  228.                         <div class="contact-now-wrapper">
  229.                             <div class="contact-now-content">
  230.                                 <h3>Vous souhaitez <span>être accompagné ?</span></h3>
  231.                                 <p>Parlez-nous de vos besoins spécifiques.</p>
  232.                             </div>
  233.                             <div class="contact-phone text-center">
  234.                                 <img src="{{ assets_client( accountingFirm,"images/icons/phone-now.svg")}}" alt="">
  235.                             </div>
  236.                             <div class="phone-number">
  237.                                 <span>Contactez-nous :</span>
  238.                                 <h4><a href="tel:0549628800">05 49 62 88 00</a></h4>
  239.                             </div>
  240.                         </div>
  241.                     </div>
  242.                 </div>
  243.             </div>
  244.         </div>
  245.     </div>
  247.     <!-- ========== contact-now-section end======== -->
  249.     <!-- ========== testimonial-section start======== -->
  251.     <div class="testimonial-section pt-120 pb-120">
  252.         <div class="container">
  253.             <div class="row justify-content-center">
  254.                 <div class="col-lg-10">
  255.                     <div class="section-title-six text-center mb-60">
  256.                         <span>Témoignages clients</span>
  257.                         <h2>Ce qu’ils disent de <span>nous</span></h2>
  258.                     </div>
  259.                 </div>
  260.             </div>
  261.             <div class="row mb-60">
  262.                 <div class="col-12">
  263.                     <div class="swiper testi-two-slider">
  264.                         <div class="swiper-wrapper">
  265.                             <div class="swiper-slide">
  266.                                 <div class="testi-single-two">
  267.                                     <div class="review">
  268.                                         <ul>
  269.                                             <li><i class="bi bi-star-fill"></i></li>
  270.                                             <li><i class="bi bi-star-fill"></i></li>
  271.                                             <li><i class="bi bi-star-fill"></i></li>
  272.                                             <li><i class="bi bi-star-fill"></i></li>
  273.                                             <li><i class="bi bi-star-fill"></i></li>
  274.                                         </ul>
  275.                                         <h5>Trusted!</h5>
  276.                                     </div>
  277.                                     <p>We denounce with righteous indignation and dislike men who are so beguiled and
  278.                                         demoralized by the charms of pleasure.</p>
  279.                                     <div class="author">
  280.                                         <h5>Mr. Jackoline Frangly(CEO)</h5>
  281.                                     </div>
  282.                                 </div>
  283.                             </div>
  284.                             <div class="swiper-slide">
  285.                                 <div class="testi-single-two">
  286.                                     <div class="review">
  287.                                         <ul>
  288.                                             <li><i class="bi bi-star-fill"></i></li>
  289.                                             <li><i class="bi bi-star-fill"></i></li>
  290.                                             <li><i class="bi bi-star-fill"></i></li>
  291.                                             <li><i class="bi bi-star-fill"></i></li>
  292.                                             <li><i class="bi bi-star-fill"></i></li>
  293.                                         </ul>
  294.                                         <h5>Trusted!</h5>
  295.                                     </div>
  296.                                     <p>We denounce with righteous indignation and dislike men who are so beguiled and
  297.                                         demoralized by the charms of pleasure.</p>
  298.                                     <div class="author">
  299.                                         <h5>Jhon Farray Huk (CTO)</h5>
  300.                                     </div>
  301.                                 </div>
  302.                             </div>
  303.                             <div class="swiper-slide">
  304.                                 <div class="testi-single-two">
  305.                                     <div class="review">
  306.                                         <ul>
  307.                                             <li><i class="bi bi-star-fill"></i></li>
  308.                                             <li><i class="bi bi-star-fill"></i></li>
  309.                                             <li><i class="bi bi-star-fill"></i></li>
  310.                                             <li><i class="bi bi-star-fill"></i></li>
  311.                                             <li><i class="bi bi-star-fill"></i></li>
  312.                                         </ul>
  313.                                         <h5>Trusted!</h5>
  314.                                     </div>
  315.                                     <p>We denounce with righteous indignation and dislike men who are so beguiled and
  316.                                         demoralized by the charms of pleasure.</p>
  317.                                     <div class="author">
  318.                                         <h5>Josh Patty Hale (CEO)</h5>
  319.                                     </div>
  320.                                 </div>
  321.                             </div>
  322.                             <div class="swiper-slide">
  323.                                 <div class="testi-single-two">
  324.                                     <div class="review">
  325.                                         <ul>
  326.                                             <li><i class="bi bi-star-fill"></i></li>
  327.                                             <li><i class="bi bi-star-fill"></i></li>
  328.                                             <li><i class="bi bi-star-fill"></i></li>
  329.                                             <li><i class="bi bi-star-fill"></i></li>
  330.                                             <li><i class="bi bi-star-fill"></i></li>
  331.                                         </ul>
  332.                                         <h5>Trusted!</h5>
  333.                                     </div>
  334.                                     <p>We denounce with righteous indignation and dislike men who are so beguiled and
  335.                                         demoralized by the charms of pleasure.</p>
  336.                                     <div class="author">
  337.                                         <h5>Jhon Farray Huk (CTO)</h5>
  338.                                     </div>
  339.                                 </div>
  340.                             </div>
  341.                         </div>
  342.                     </div>
  343.                 </div>
  344.             </div>
  345.             <div class="row justify-content-center">
  346.                 <div class="col-lg-6 text-center">
  347.                     <div class="pagination-style-two testi-two-pagination"></div>
  348.                 </div>
  349.             </div>
  350.         </div>
  351.     </div>
  353.     <!-- ========== testimonial-section end======== -->
  356.     <!-- ========== casestudy-section start======== -->
  358.     <div class="growth-section">
  359.         <div class="container">
  360.             <div class="row align-items-center">
  361.                 <div class="col-lg-6">
  362.                     <div class="section-title-six sibling-two text-lg-start text-center mb-20">
  363.                         <span>Recrutements</span>
  364.                         <h2>Les <span>offres</span> en cours</h2>
  365.                     </div>
  366.                     <div class="growth-content">
  367.                     {% if announcementMain is defined %}
  368.                         {% if announcementMain|length > 0 %}
  370.                             {% set id = announcementMain.id %}
  371.                             {% set titre = announcementMain.title|escape %}
  372.                             {% set reference = announcementMain.reference|escape %}
  373.                             {% set descriptifTexte = announcementMain.info4 %}
  374.                             {% set slug = announcementMain.slug %}
  376.                             {%if descriptifTexte|length >200%}
  377.                                 {% set descriptifTexte = descriptifTexte[:200]~'...' %}
  378.                             {%else%}
  379.                                 {% set descriptifTexte = descriptifTexte[:200] %}
  380.                             {%endif%}
  382.                             <h3 class="mt-40">{{titre}}</h3>
  384.                             {# <p class="reference p-0">{{reference}}</p> #}
  386.                             <p>{{descriptifTexte|raw}}</p>
  388.                             <a class="eg-btn btn--primary-outline2 btn--lg" href="{{ path('client_announcement_show', {slug: slug}) }}"> Je découvre l'offre</a>
  390.                         {% endif %}
  391.                     {% else %}
  393.                         {% if announcementSpontanee|length > 0 %}
  395.                             {% set id = announcementSpontanee.id %}
  396.                             {% set titre = announcementSpontanee.title|escape %}
  397.                             {% set reference = announcementSpontanee.reference|escape %}
  398.                             {% set descriptifTexte = announcementSpontanee.info2 %}
  399.                             {% set slug = announcementSpontanee.slug %}
  401.                             {%if descriptifTexte|length >200%}
  402.                                 {% set descriptifTexte = descriptifTexte[:200]~'...' %}
  403.                             {%else%}
  404.                                 {% set descriptifTexte = descriptifTexte[:200] %}
  405.                             {%endif%}
  407.                             <h3 class="mt-40">{{titre}}</h3>
  409.                             {# <p class="reference p-0">{{reference}}</p> #}
  411.                             <p>{{descriptifTexte|raw}}</p>
  413.                             <a class="eg-btn btn--primary-outline2 btn--lg" href="{{ path('client_announcement_show', {slug: slug}) }}"> Je postule</a>
  415.                         {% endif %}
  418.                     {% endif %}
  419.                     </div>
  420.                 </div>
  421.                 <div class="col-lg-6">
  422.                     <div class="pt-1">
  423.                         <img src="{{ assets_client( accountingFirm,"images/accueil/qonta-recrutement-1-968x806.png")}}" alt="" loading="lazy">
  424.                     </div>
  425.                 </div>
  426.             </div>
  427.         </div>
  428.     </div>
  429.             <div class="text-center mt-120 mb-20">
  430.                     <h2>L'actualité du mois</h2>
  431.             </div>
  432.     <agex-actus-juridiques token="bvkrl8lnunekolbonewzanteuirjujifb9ontcu6" widgeturl="https://www.qonta.expert/"></agex-actus-juridiques>
  433. <script src="https://widget-actu.lagence.expert/js/agex-actus-juridiques.min.js"></script>
  435. <div class="pb-120">
  436.     {{ liens_utiles_carousel(cabinet) }}
  437. </div>
  440. </body>
  441. {% endblock %}
  443. {% block javascripts %}
  444. {{ parent() }}
  445. {% endblock %}