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

Open in your IDE?
  1. {% extends 'superbase.html.twig' %}
  3. {% block meta_description %}{% endblock %}
  4. {% block title %}Bonjour {{ accountingFirm.name }}{% endblock %}
  5. {% block author %}{{ cabinet.name | capitalize }}{% endblock %}
  6. {% block stylesheets %}
  7.     {% if accountingFirm.parameters.favicon!=null %}
  8.         <link rel='icon' type='image/x-icon'
  9.               href="{{ asset_client(accountingFirm,'/images/'~accountingFirm.parameters.favicon) }}">
  10.     {% endif %}
  11.     <link rel="stylesheet" href="{{ assets_client( accountingFirm,"css/animate.css") }}"/>
  12.     <link rel="stylesheet" href="{{ assets_client( accountingFirm,"css/all.css") }}"/>
  13.     <link rel="stylesheet" href="{{ assets_client( accountingFirm,"css/bootstrap.min.css") }}"/>
  14.     <link rel="stylesheet" href="{{ assets_client( accountingFirm,"css/boxicons.min.css") }}"/>
  15.     <link rel="stylesheet" href="{{ assets_client( accountingFirm,"css/bootstrap-icons.css") }}"/>
  16.     <link rel="stylesheet" href="{{ assets_client( accountingFirm,"css/jquery-ui.css") }}"/>
  17.     <link rel="stylesheet" href="{{ assets_client( accountingFirm,"css/swiper-bundle.css") }}"/>
  18.     <link rel="stylesheet" href="{{ assets_client( accountingFirm,"css/odometer.css") }}"/>
  19.     <link rel="stylesheet" href="{{ assets_client( accountingFirm,"fonts/stylesheet.css") }}"/>
  20.     <link rel="stylesheet" href="{{ assets_client( accountingFirm,"css/jquery.fancybox.min.css") }}"/>
  21.     <link rel="stylesheet" href="{{ assets_client( accountingFirm,"css/magnific-popup.css") }}"/>
  22.     <link rel="stylesheet" href="{{ assets_client( accountingFirm,"css/style.css") }}"/>
  23.     <style>
  25.         .cookiebanner {
  26.             z-index: 99999 !important;
  27.         }
  29.         marquee {
  30.             height: 25px !important;
  31.         }
  32.     </style>
  34. {% endblock %}
  35. {% block javascripts_recaptcha %}
  36.     {% if accountingFirm.parameters.getGOOGLERECAPTCHASITEKEY!=null and accountingFirm.parameters.getGOOGLERECAPTCHASITEKEY!=null %}
  37.         <script type="text/javascript">
  38.             function onGoogleReCaptchaApiLoad() {
  39.                 var widgets = document.querySelectorAll('[data-toggle="recaptcha"]');
  40.                 for (var i = 0; i < widgets.length; i++) {
  41.                     renderReCaptcha(widgets[i]);
  42.                 }
  43.             }
  45.             /**
  46.              * Get the submit buttons from the given form
  47.              */
  48.             function getSubmitButtons(form) {
  49.                 var buttons = form.querySelectorAll('button, input');
  50.                 var submitButtons = [];
  51.                 for (var i = 0; i < buttons.length; i++) {
  52.                     var button = buttons[i];
  53.                     if (button.getAttribute('type') == 'submit') {
  54.                         submitButtons.push(button);
  55.                     }
  56.                 }
  57.                 return submitButtons;
  58.             }
  60.             /**
  61.              * Prevent the submit buttons from submitting a form
  62.              * and invoke the challenge for the given widget id
  63.              */
  64.             function bindChallengeToSubmitButtons(form, reCaptchaId) {
  65.                 getSubmitButtons(form).forEach(function (button) {
  66.                     button.addEventListener('click', function (e) {
  67.                         e.preventDefault();
  68.                         grecaptcha.execute(reCaptchaId);
  69.                     });
  70.                 });
  71.             }
  73.             /**
  74.              * Render a reCAPTCHA from the type
  75.              */
  76.             function renderReCaptcha(widget) {
  77.                 var form = widget.closest('form');
  78.                 var widgetType = widget.getAttribute('data-type');
  79.                 var widgetParameters = {
  80.                     'sitekey': '{{ accountingFirm.parameters.getGOOGLERECAPTCHASITEKEY }}'
  81.                 };
  82.                 if (widgetType == 'invisible') {
  83.                     widgetParameters['callback'] = function () {
  84.                         form.submit()
  85.                     };
  86.                     widgetParameters['size'] = "invisible";
  87.                 }
  88.                 var widgetId = grecaptcha.render(widget, widgetParameters);
  89.                 if (widgetType == 'invisible') {
  90.                     bindChallengeToSubmitButtons(form, widgetId)
  91.                 }
  92.             }
  94.             /**
  95.              * The callback function executed
  96.              * once all the Google dependencies have loaded
  97.              */
  98.             function onGoogleReCaptchaLoad() {
  99.                 var widgets = document.querySelectorAll('[data-toggle="recaptcha"]');
  100.                 for (var i = 0; i < widgets.length; i++) {
  101.                     renderReCaptcha(widgets[i]);
  102.                 }
  103.             }
  104.         </script>
  105.         <script type="text/javascript"
  106.                 src="https://www.google.com/recaptcha/api.js?onload=onGoogleReCaptchaApiLoad&render=explicit&hl={{ app.request.locale }}"
  107.                 async defer></script>
  108.     {% endif %}
  109. {% endblock %}
  110. {% block header %}
  112.     {# <div class="preloader">
  113.             <div class="counter">0</div>
  114.         </div> #}
  115.     <!-- ========== topbar============= -->
  117.     <div class="topbar d-md-flex d-none topbar-bg">
  118.         <div class="container">
  119.             <div class="topbar-area bg-transparent d-flex justify-content-between">
  120.                 {{ actualite_defilante(cabinet) }}
  121.             </div>
  122.         </div>
  123.     </div>
  125.     <!-- ========== topbar============= -->
  127.     <!-- ========== header============= -->
  129.     <header class="header-area style-5" style="z-index:9999999">
  130.         <div class="container-fluid d-flex justify-content-between align-items-center px-0">
  131.             <div class="header-logo">
  132.                 <a href="{{ path('client') }}"><img alt="image" class="img-fluid"
  133.                                                     src="{{ assets_client( accountingFirm,"images/qonta-logo-200x65.png") }}"
  134.                                                     style="width: 200px !important"></a>
  135.             </div>
  136.             <div class="main-nav">
  137.                 <div class="mobile-logo-area d-lg-none d-flex justify-content-between align-items-center">
  138.                     <div class="mobile-logo-wrap">
  139.                         <a href="{{ path('client') }}"><img alt="image" class="img-fluid"
  140.                                                             src="{{ assets_client( accountingFirm,"images/QontaLogo.jpg") }}"
  141.                                                             loading="lazy"></a>
  142.                     </div>
  143.                     <div class="menu-close-btn">
  144.                         <i class="bi bi-x-lg text-dark"></i>
  145.                     </div>
  146.                 </div>
  147.                 <ul class="menu-list">
  148.                     <li class="menu-item-has-children">
  149.                         <a href="{{ path('client_custom_page', {uri: 'cabinet'}) }}"
  150.                            class="drop-down {% if page.uri == "cabinet" %} active {% endif %}">Cabinet</a>
  151.                     </li>
  153.                     <li class="menu-item-has-children">
  154.                         <a href="{{ path('client_custom_page', {uri: 'vous-êtes'}) }}"
  155.                            class="drop-down {% if page.uri == "vous-êtes" %} active {% endif %}">Vous êtes ?</a><i
  156.                                 class='bi bi-chevron-down dropdown-icon'></i>
  157.                         <ul class="sub-menu">
  158.                             <li><a href="{{ path('client_custom_page', {uri: 'artisans'}) }}">Artisans</a></li>
  159.                             <li><a href="{{ path('client_custom_page', {uri: 'commercants'}) }}">Commerçants</a></li>
  160.                             <li><a href="{{ path('client_custom_page', {uri: 'professions-liberales'}) }}">Professions
  161.                                     libérales</a></li>
  162.                             <li><a href="{{ path('client_custom_page', {uri: 'immobilier'}) }}">Immobilier</a></li>
  163.                         </ul>
  164.                     </li>
  166.                     <li class="menu-item-has-children">
  167.                         <a href="{{ path('client_custom_page', {uri: 'missions'}) }}"
  168.                            class="drop-down {% if page.uri == "missions" %} active {% endif %}">Missions</a><i
  169.                                 class='bi bi-chevron-down dropdown-icon'></i>
  170.                         <ul class="sub-menu">
  171.                             <li>
  172.                                 <a href="{{ path('client_custom_page', {uri: 'mission-comptabilite'}) }}">Comptabilité</a>
  173.                             </li>
  174.                             <li><a href="{{ path('client_custom_page', {uri: 'mission-social'}) }}">Social</a></li>
  175.                             <li><a href="{{ path('client_custom_page', {uri: 'mission-fiscal'}) }}">Fiscal</a></li>
  176.                             <li><a href="{{ path('client_custom_page', {uri: 'mission-juridique'}) }}">Juridique</a>
  177.                             </li>
  178.                         </ul>
  179.                     </li>
  180.                     <li class="menu-item-has-children">
  181.                         <a href="{{ path('outil_index') }}" {% if page.uri == "outils" %} class="active" {% endif %}>Outils</a><i
  182.                                 class='bi bi-chevron-down dropdown-icon'></i>
  183.                         <ul class="sub-menu">
  184.                             <li>
  185.                                 <a href="{{ path('outil_creation') }}">Création d'entreprise</a>
  186.                             </li>
  187.                             <li>
  188.                                 <a href="{{ path('outil_financement') }}">Choix de financement</a>
  189.                             </li>
  190.                             <li>
  191.                                 <a href="{{ path('outil_facturation') }}">Facturation</a>
  192.                             </li>
  193.                             <li>
  194.                                 <a href="{{ path('outil_caisse') }}">Caisse</a>
  195.                             </li>
  196.                             <li>
  197.                                 <a href="{{ path('outil_achat') }}">Achat</a>
  198.                             </li>
  199.                             <li>
  200.                                 <a href="{{ path('outil_banque') }}">Banque</a>
  201.                             </li>
  202.                             <li>
  203.                                 <a href="{{ path('outil_note_de_frais') }}">Note de frais</a>
  204.                             </li>
  205.                             <li>
  206.                                 <a href="{{ path('outil_suivi_gestion') }}">Suivi de gestion</a>
  207.                             </li>
  208.                             <li>
  209.                                 <a href="{{ path('outil_entretien_bilan') }}">Entretien de bilan</a>
  210.                             </li>
  211.                             <li>
  212.                                 <a href="{{ path('outil_evaluation_entreprise') }}">Evaluation entreprise</a>
  213.                             </li>
  214.                             <li>
  215.                                 <a href="{{ path('outil_evaluation_entreprise') }}">Analyse du coût de revient</a>
  216.                             </li>
  217.                             <li>
  218.                                 <a href="{{ path('outil_optimisation_financement_vehicule') }}">Simulateur auto</a>
  219.                             </li>
  220.                             <li>
  221.                                 <a href="{{ path('outil_optimisation_investissement_immo') }}">Solutions
  222.                                     investissement</a>
  223.                             </li>
  224.                         </ul>
  225.                     </li>
  227.                     <li class="menu-item-has-children">
  228.                         <a href="{{ path('simulateur_index') }}"
  229.                            class="{% if page.uri == "simulateur" %} active {% endif %}">Simulateurs</a><i
  230.                                 class='bi bi-chevron-down dropdown-icon'></i>
  231.                         <ul class="sub-menu ">
  232.                             {% for link in DynData["nav_simu"]["data"] %}
  233.                                 <li>
  234.                                     <a href="{{ link["data"] }}">{{ link["titre"] }}</a>
  235.                                 </li>
  236.                             {% endfor %}
  237.                         </ul>
  238.                     </li>
  239.                     <li>
  240.                         <a href="{{ path('client_announcement_index') }}" {% if page.uri == "recrutement" %} class="active" {% endif %}>Recrutement</a>
  241.                     </li>
  242.                     <li class="menu-item-has-children">
  243.                         <a href="{{ path('client_widget_news_index') }}" {% if page.uri == "actu" %} class="active" {% endif %}>Actualité
  244.                         </a>
  245.                         <i class='bi bi-chevron-down dropdown-icon'></i>
  246.                         <ul class="sub-menu ">
  247.                             {% for link in DynData["nav_actu"]["data"] %}
  248.                                 <li>
  249.                                     <a href="{{ link["data"] }}">{{ link["titre"] }}</a>
  250.                                 </li>
  251.                             {% endfor %}
  252.                         </ul>
  253.                     </li>
  254.                     <li><a href="{{ path('client_contact') }}"
  255.                            class="{% if page.uri == "contact" %} active {% endif %}">Contact</a></li>
  256.                 </ul>
  257.                 <!-- mobile-search-area -->
  259.                 <div class="d-flex justify-content-start align-items-center flex-row d-lg-none d-block mt-5">
  260.                     <a href="service-details.html" class="eg-btn btn--primary btn--lg w-100 d-flex d-lg-none">Accès
  261.                         client</a>
  262.                 </div>
  263.             </div>
  265.             <div class="nav-right header-five-right d-flex jsutify-content-end align-items-center gap-sm-5 gap-4">
  266.                 <div class="header-phone-five">
  267.                     <div class="icon">
  268.                         <i class='bx bx-phone-call'></i>
  269.                     </div>
  270.                     <div class="email">
  271.                         <span>Contactez-nous</span>
  272.                         <h5><a href="tel:0549628800">05 49 62 88 00</a></h5>
  273.                     </div>
  274.                 </div>
  275.                 <a href="service-details.html" class="eg-btn btn--md btn--primary btn--capsule d-xl-flex d-none">Accès
  276.                     client</a>
  277.                 <div class="mobile-menu-btn d-lg-none d-block">
  278.                     <i class="bi bi-list text-dark"></i>
  279.                 </div>
  280.             </div>
  281.         </div>
  282.     </header>
  284.     <!-- ========== header end============= -->
  286. {% endblock %}
  287. {% block body %}{% endblock %}
  288.  {% block footer %}
  291.      <footer>
  292.          <div class="container-fluid">
  293.              <div class="row justify-content-center align-items-center">
  294.                  <div class="col-xl-4 order-sm-1 order-2">
  295.                      <div class="footer-info">
  296.                          <a href="{{ path('client') }}" class="footer-logo">
  297.                              <img style="margin-left: 20%;"
  298.                                   src="{{ assets_client( accountingFirm,"images/qonta-logo-200x65.png") }}" alt="image"
  299.                                   loading="lazy">
  300.                          </a>
  301.                          <span><img src="{{ assets_client( accountingFirm,"images/icons/title-vector.svg") }}"
  302.                                     alt="image"></span>
  303.                          <p>Qonta, l’expert-comptable digital et humain des TPE situé à Poitiers</p>
  304.                          <ul class="footer-social">
  305.                              <li>
  306.                                  <a href="https://www.linkedin.com/"><i class='bx bxl-linkedin'></i></a>
  307.                              </li>
  308.                              <li>
  309.                                  <a href="https://www.dribbble.com/"><i class='bx bxl-pinterest-alt'></i></a>
  310.                              </li>
  311.                              <li>
  312.                                  <a href="https://www.pinterest.com/"><i class='bx bxl-instagram'></i></a>
  313.                              </li>
  314.                              <li>
  315.                                  <a href="https://www.twitter.com/"><i class='bx bxl-facebook'></i></a>
  316.                              </li>
  317.                          </ul>
  318.                      </div>
  319.                  </div>
  320.                  <div class="col-xl-8 pt-90 order-sm-2 order-1">
  321.                      <div class="row mb-70 gy-5">
  322.                          <div class="col-lg-3 col-md-3 col-sm-6">
  323.                              <div class="footer-list-area">
  324.                                  <h3 class="footer-list-title">Missions</h3>
  325.                                  <ul class="footer-list">
  326.                                      <li><a href="{{ path('client_custom_page', {uri: 'artisans'}) }}">Artisans</a></li>
  327.                                      <li>
  328.                                          <a href="{{ path('client_custom_page', {uri: 'commercants'}) }}">Commerçants</a>
  329.                                      </li>
  330.                                      <li><a href="{{ path('client_custom_page', {uri: 'professions-liberales'}) }}">Professions
  331.                                              libérales</a></li>
  332.                                      <li><a href="{{ path('client_custom_page', {uri: 'immobilier'}) }}">Immobilier</a>
  333.                                      </li>
  334.                                  </ul>
  335.                              </div>
  336.                          </div>
  337.                          <div class="col-lg-4 col-md-4 col-sm-6">
  338.                              <div class="footer-list-area">
  339.                                  <h3 class="footer-list-title">Inscrit à l'ordre</h3>
  340.                                  <a href="https://annuaire.experts-comptables.org/expert-comptable/20853-centre-expertise-gestion-des-artisans-des-metiers-dissay-86130"
  341.                                     target="_blank"><img class="logos w-50 h-50"
  342.                                                          src="{{ assets_client( accountingFirm,"images/oec-logo.png") }}"
  343.                                                          alt="" loading="lazy"></a>
  344.                              </div>
  345.                          </div>
  346.                          <div class="col-lg-5 col-md-5 col-sm-6">
  347.                              <div class="footer-list-area">
  348.                                  <h3 class="footer-list-title">Contact</h3>
  349.                                  <ul class="footer-address-list">
  350.                                      <li>
  351.                                          <div class="icon">
  352.                                              <i class='bx bx-phone-call'></i>
  353.                                          </div>
  354.                                          <div class="address">
  355.                                              <a href="tel:0549628800">05 49 62 88 00</a>
  356.                                          </div>
  357.                                      </li>
  358.                                      <li>
  359.                                          <div class="icon">
  360.                                              <i class="bi bi-geo-alt"></i>
  361.                                          </div>
  362.                                          <div class="address">
  363.                                              <a href="{{ path('client_contact') }}">78 allée de chaume <br> 86130 DISSAY</a>
  364.                                          </div>
  365.                                      </li>
  366.                                      <li>
  367.                                          <div class="icon">
  368.                                              <i class="bx bx-door-open"></i>
  369.                                          </div>
  370.                                          <div class="address">
  371.                                              <a href="{{ path('client_contact') }}">Du lundi au vendredi <br> de 8h30 à
  372.                                                  12h30 et de 14h à 18h</a>
  373.                                          </div>
  374.                                      </li>
  375.                                  </ul>
  376.                              </div>
  377.                          </div>
  378.                      </div>
  379.                  </div>
  380.              </div>
  381.              <div class="row copyright-area">
  382.                  <div class="col-lg-12 text-center">
  383.                      <p>© {{ cabinet.name | capitalize }} |
  384.                          <a style="color: var(--agex-primary)" href="{{ path('client_legal_notice') }}">Mentions
  385.                              légales</a> |
  386.                          <a style="color: var(--agex-primary)" href="{{ path('client_privacy_policy') }}">Politique de
  387.                              confidentialité</a> |
  388.                          Réalisation de sites Internet, <a style="color: var(--agex-primary)"
  389.                                                            href="http://www.lagence.expert" target="_blank">
  390.                              lagence.expert</a></p>
  391.                  </div>
  392.              </div>
  393.          </div>
  394.      </footer>
  395.  {% endblock %}
  396. {% block javascripts %}
  398.     <script src="{{ assets_client( accountingFirm,"js/jquery-3.6.0.min.js") }}"></script>
  399.     <script src="{{ assets_client( accountingFirm,"js/jquery-ui.js") }}"></script>
  400.     <script src="{{ assets_client( accountingFirm,"js/bootstrap.bundle.min.js") }}"></script>
  401.     <script src="{{ assets_client( accountingFirm,"js/swiper-bundle.min.js") }}"></script>
  402.     <script src="{{ assets_client( accountingFirm,"js/odometer.min.js") }}"></script>
  403.     <script src="{{ assets_client( accountingFirm,"js/viewport.jquery.js") }}"></script>
  404.     <script src="{{ assets_client( accountingFirm,"js/isotope.pkgd.min.js") }}"></script>
  405.     <script src="{{ assets_client( accountingFirm,"js/jquery.magnific-popup.min.js") }}"></script>
  406.     <script src="{{ assets_client( accountingFirm,"js/SmoothScroll.js") }}"></script>
  407.     <script src="{{ assets_client( accountingFirm,"js/masonry.pkgd.min.js") }}"></script>
  408.     <script src="{{ assets_client( accountingFirm,"js/imagesloaded.pkgd.min.js") }}"></script>
  409.     <script src="{{ assets_client( accountingFirm,"js/gsap.min.js") }}"></script>
  410.     <script src="{{ assets_client( accountingFirm,"js/cursor.js") }}"></script>
  411.     <script src="{{ assets_client( accountingFirm,"js/jquery.marquee.min.js") }}"></script>
  412.     <script src="{{ assets_client( accountingFirm,"js/TweenMax.min.js") }}"></script>
  413.     <script src="{{ assets_client( accountingFirm,"js/jquery.fancybox.min.js") }}"></script>
  414.     <script src="{{ assets_client( accountingFirm,"js/chart.js") }}"></script>
  415.     <script src="{{ assets_client( accountingFirm,"js/visualize.js") }}"></script>
  416.     <script src="{{ assets_client( accountingFirm,"js/main.js") }}"></script>
  417.     <script src="{{ assets_client( accountingFirm,"js/custom-chart.js") }}"></script>
  419. {% endblock %}