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

Open in your IDE?
  1. {% extends 'superbase.html.twig' %}
  2. {% block meta_description %}{% endblock %}
  3. {% block title %}Bonjour {{ accountingFirm.name }}{% endblock %}
  4. {% block author %}{{ cabinet.name | capitalize }}{% endblock %}
  5. {% block stylesheets %}
  6. {% if accountingFirm.parameters.favicon!=null %} 
  7.     <link rel='icon' type='image/x-icon' href="{{ asset_client(accountingFirm,'/images/'~accountingFirm.parameters.favicon) }}">
  8. {% endif %}
  9. <link href="{{ assets_client( accountingFirm,"css/style.css")}}" rel="stylesheet">
  10. <link rel="stylesheet" type="text/css" href="{{ assets_client( accountingFirm,"css/owl.carousel.css")}}">
  11. <link rel="stylesheet" type="text/css" href="{{ assets_client( accountingFirm,"css/owl.theme.default.css")}}">
  12. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  14. <style>
  15. .display-none{
  16.   display: none;
  17. }
  18. .display-none-desktop{
  19.   display: block !important;
  20. }
  21. @media screen and (max-width: 1200px) {
  22. .display-none{
  23.   display: block !important;
  24. }
  25. .header .main-menu li a.btn {
  26.     padding: 22px 20px;
  27.     margin-right: 20px;
  28.     background: transparent;
  29.     color: black !important;
  30.     margin-top: 15px;
  31. }
  32. .display-none-desktop{
  33.   display: none !important;
  34. }
  35. }
  38. </style>
  39. {% endblock %}
  40. {% block javascripts_recaptcha %}
  41. {%if accountingFirm.parameters.getGOOGLERECAPTCHASITEKEY!=null and accountingFirm.parameters.getGOOGLERECAPTCHASITEKEY!=null %}
  42.  <script type="text/javascript">
  43.      function onGoogleReCaptchaApiLoad() {
  44.             var widgets = document.querySelectorAll('[data-toggle="recaptcha"]');
  45.             for (var i = 0; i < widgets.length; i++) {
  46.                 renderReCaptcha(widgets[i]);
  47.             }
  48.         }
  49.                 /**
  50.                  * Get the submit buttons from the given form
  51.                  */
  52.                 function getSubmitButtons(form) {
  53.                     var buttons = form.querySelectorAll('button, input');
  54.                     var submitButtons = [];
  55.                     for (var i= 0; i < buttons.length; i++) {
  56.                         var button = buttons[i];
  57.                         if (button.getAttribute('type') == 'submit') {
  58.                             submitButtons.push(button);
  59.                         }
  60.                     }
  61.                     return submitButtons;
  62.                 }
  63.                 /**
  64.                  * Prevent the submit buttons from submitting a form
  65.                  * and invoke the challenge for the given widget id
  66.                  */
  67.                 function bindChallengeToSubmitButtons(form, reCaptchaId) {
  68.                     getSubmitButtons(form).forEach(function (button) {
  69.                         button.addEventListener('click', function (e) {
  70.                             e.preventDefault();
  71.                             grecaptcha.execute(reCaptchaId);
  72.                         });
  73.                     });
  74.                 }
  75.                 /**
  76.                  * Render a reCAPTCHA from the type
  77.                  */
  78.                 function renderReCaptcha(widget) {
  79.                     var form = widget.closest('form');
  80.                     var widgetType = widget.getAttribute('data-type');
  81.                     var widgetParameters = {
  82.                         'sitekey': '{{ accountingFirm.parameters.getGOOGLERECAPTCHASITEKEY }}'
  83.                     };
  84.                     if (widgetType == 'invisible') {
  85.                         widgetParameters['callback'] = function () {
  86.                             form.submit()
  87.                         };
  88.                         widgetParameters['size'] = "invisible";
  89.                     }
  90.                     var widgetId = grecaptcha.render(widget, widgetParameters);
  91.                     if (widgetType == 'invisible') {
  92.                         bindChallengeToSubmitButtons(form, widgetId)
  93.                     }
  94.                 }
  95.                 /**
  96.                  * The callback function executed
  97.                  * once all the Google dependencies have loaded
  98.                  */
  99.                 function onGoogleReCaptchaLoad() {
  100.                     var widgets = document.querySelectorAll('[data-toggle="recaptcha"]');
  101.                     for (var i = 0; i < widgets.length; i++) {
  102.                         renderReCaptcha(widgets[i]);
  103.                     }
  104.                 }
  105.             </script>
  106.     <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?onload=onGoogleReCaptchaApiLoad&render=explicit&hl={{app.request.locale}}" async defer></script>
  107.     {% endif %}
  108. {% endblock %}
  109. {% block header %}
  111. <!-- Preloader Start-->
  112.     <div id="preloader-active">
  113.       <div class="preloader d-flex align-items-center justify-content-center">
  114.         <div class="preloader-inner position-relative">
  115.           <div class="text-center">
  116.             <div class="loader"></div>
  117.           </div>
  118.         </div>
  119.       </div>
  120.     </div>
  121.     <header class="header sticky-bar">
  122.       <div class="actuDefilante">
  123.         <div class="container">
  124.           <div class="row">
  125.             <div class="col-9">
  126.               {{ actualite_defilante(cabinet) }}
  127.             </div>
  128.             <div class="col-3 phoneLink">
  129.               <a href="tel:0467523144"><i class="fa-solid fa-phone"></i> <span class="display-none-desktop">04 67 52 31 44</span></a>
  130.             </div>
  131.           </div>
  132.         </div>
  133.       </div>
  134.       <div class="container">
  135.         <div class="main-header">
  136.           <div class="header-left">
  137.             <div class="header-logo"><a class="d-flex" href="{{ path('client') }}"><img alt="Agon" src="{{ assets_client( accountingFirm,"imgs/MNA-logo-header-162x42.png")}}"></a></div>
  138.             <div class="header-nav">
  139.               <nav class="nav-main-menu d-none d-xl-flex">
  140.                 <ul class="main-menu">
  141.                   <li><a href="{{ path('client_custom_page', {uri: 'cabinet'}) }}">Cabinet</a></li>
  142.                   <li><a href="{{ path('client_custom_page', {uri: 'outils-digitaux'}) }}">Outils</a></li>
  143.                   <li class="has-children">
  144.                     <a href="{{ path('client_custom_page', {uri: 'vous-êtes'}) }}">Vous êtes ?</a>
  145.                     <ul class="sub-menu">
  146.                       <li><a href="{{ path('client_custom_page', {uri: 'artisans-commercant'}) }}">Artisan & commerçant</a></li>
  147.                       <li><a href="{{ path('client_custom_page', {uri: 'createur'}) }}">Créateur</a></li>
  148.                       <li><a href="{{ path('client_custom_page', {uri: 'professionnel-sante'}) }}">Professionnel de santé</a></li>
  149.                       <li><a href="{{ path('client_custom_page', {uri: 'independant'}) }}">Indépendant</a></li>
  150.                       <li><a href="{{ path('client_custom_page', {uri: 'immobilier'}) }}">Immobilier</a></li>
  151.                     </ul>
  152.                   </li>
  153.                   <li><a href="{{ path('client_custom_page', {uri: 'missions'}) }}">Missions</a></li>
  154.                   <li class="has-children">
  155.                     <a href="{{ path('simulateur_index') }}">Simulateurs</a>
  156.                     <ul class="sub-menu">
  157.                       {% for link in DynData["nav_simu"]["data"] %}
  158.                           <li>
  159.                               <a href="{{ link["data"] }}">{{ link["titre"] }}</a>
  160.                           </li>
  161.                       {% endfor %}
  162.                                         </ul>
  163.                   </li>
  164.                   <li class="has-children">
  165.                     <a href="{{ path('client_widget_news_index') }}">Actualités</a>
  166.                     <ul class="sub-menu">
  167.                       {% for link in DynData["nav_actu"]["data"] %}
  168.                           <li>
  169.                               <a href="{{ link["data"] }}">{{ link["titre"] }}</a>
  170.                           </li>
  171.                       {% endfor %}
  172.                                         </ul>
  173.                   </li>
  174.                   <li><a class="last" href="{{ path('client_contact') }}">Contact</a></li>
  175.                   {# <li class="has-children"><a class="active" href="#">Home</a>
  176.                     <ul class="sub-menu two-col">
  177.                       <li><a href="{{ path('client') }}">Homepage - 1</a></li>
  178.                       <li><a href="index-2.html"><i class="fi fi-rr-home"></i>Homepage - 2</a></li>
  179.                       <li><a href="index-3.html"><i class="fi fi-rr-home"></i>Homepage - 3</a></li>
  180.                       <li><a href="index-4.html"><i class="fi fi-rr-home"></i>Homepage - 4</a></li>
  181.                       <li><a href="index-5.html"><i class="fi fi-rr-home"></i>Homepage - 5</a></li>
  182.                       <li><a href="index-6.html"><i class="fi fi-rr-home"></i>Homepage - 6</a></li>
  183.                       <li><a href="index-7.html"><i class="fi fi-rr-home"></i>Homepage - 7</a></li>
  184.                       <li><a href="index-8.html"><i class="fi fi-rr-home"></i>Homepage - 8</a></li>
  185.                     </ul>
  186.                   </li> #}
  187.                 </ul>
  188.               </nav>
  189.               <div class="burger-icon burger-icon-white"><span class="burger-icon-top"></span><span class="burger-icon-mid"></span><span class="burger-icon-bottom"></span></div>
  190.             </div>
  191.           </div>
  192.           <div class="header-right">
  193.             
  194.             <div class="block-signin">
  195.               <ul class="main-menu display-none-desktop">
  196.                 <li>
  197.                   <a class="btn btn-default hover-up text-white" href="https://apps.tiime.fr/signin" target="_blank"><i class="fi-rr-user display-none"></i><span>Accès client</span></a>
  198.                 </li>
  199.               </ul>
  200.             </div>
  201.           </div>
  202.         </div>
  203.       </div>
  204.     </header>
  205.     <div class="mobile-header-active mobile-header-wrapper-style perfect-scrollbar">
  206.       <div class="mobile-header-wrapper-inner">
  207.         <div class="mobile-header-content-area">
  208.           <div class="perfect-scroll">       
  209.             <div class="mobile-menu-wrap mobile-header-border">
  210.               <!-- mobile menu start-->
  211.               <nav>
  212.                 <ul class="mobile-menu font-heading">
  213.                   <li><a href="">Cabinet</a></li>
  214.                   <li><a href="">Vous êtes ?</a></li>
  215.                   <li><a href="">Pack</a></li>
  216.                   <li><a href="">Missions</a></li>
  217.                   <li><a href="{{ path('simulateur_index') }}">Simulateurs</a></li>
  218.                   <li><a href="{{ path('client_widget_news_index') }}">Actualités</a></li>
  219.                   <li><a href="{{ path('client_contact') }}">Contact</a></li>
  220.                   <li><a href="https://apps.tiime.fr/signin"><i class="fi-rr-user"></i>Accès client</a></li>
  221.                   {# <li class="has-children"><a class="active" href="#">Home</a>
  222.                     <ul class="sub-menu two-col">
  223.                       <li><a href="{{ path('client') }}"><i class="fi fi-rr-home"> </i>Homepage - 1</a></li>
  224.                       <li><a href="index-2.html"><i class="fi fi-rr-home"></i>Homepage - 2</a></li>
  225.                       <li><a href="index-3.html"><i class="fi fi-rr-home"></i>Homepage - 3</a></li>
  226.                       <li><a href="index-4.html"><i class="fi fi-rr-home"></i>Homepage - 4</a></li>
  227.                       <li><a href="index-5.html"><i class="fi fi-rr-home"></i>Homepage - 5</a></li>
  228.                       <li><a href="index-6.html"><i class="fi fi-rr-home"></i>Homepage - 6</a></li>
  229.                       <li><a href="index-7.html"><i class="fi fi-rr-home"></i>Homepage - 7</a></li>
  230.                       <li><a href="index-8.html"><i class="fi fi-rr-home"></i>Homepage - 8</a></li>
  231.                     </ul>
  232.                   </li> #}
  233.                 </ul>
  234.               </nav>
  235.               <!-- mobile menu end-->
  236.             </div>
  237.           </div>
  238.         </div>
  239.       </div>
  240.     </div>
  241.     <main class="main">
  242. {% endblock %}
  243. {% block body %}{% endblock %}
  244.  {% block footer %}   
  245.       </main>
  246.     <!-- Footer-->
  247.     <footer class="footer mt-50">
  248.       <div class="container">
  249.         <div class="row">
  250.           
  251.           <div class="col-lg-3 width-20 mb-30">
  252.             <a href="{{ path('client') }}"><img alt="Agon" src="{{ assets_client( accountingFirm,"imgs/MNA-logo-header-162x42.png")}}"></a>
  253.             <div class="mt-20 text-body-text color-gray-600 mb-20">Le cabinet MNA Experts accompagne les entrepreneurs, quels que soient leurs projets afin de les mener vers la réussite.</div>
  254.             <ul class="footer-social">
  255.               <li><a class="icon-socials icon-linkedin" href="https://www.linkedin.com/in/majid-bensaid-b6b09a90/" target="_blank"></a></li>
  256.             </ul>
  257.           </div>
  258.           <div class="col-lg-3 width-20 mb-30">
  259.             <h4 class="text-heading-5">Vous êtes ?</h4>
  260.             <ul class="menu-footer mt-20">
  261.                       <li><a href="{{ path('client_custom_page', {uri: 'artisans-commercant'}) }}">Artisan & commerçant</a></li>
  262.                       <li><a href="{{ path('client_custom_page', {uri: 'createur'}) }}">Créateur</a></li>
  263.                       <li><a href="{{ path('client_custom_page', {uri: 'professionnel-sante'}) }}">Professionnel de santé</a></li>
  264.                       <li><a href="{{ path('client_custom_page', {uri: 'independant'}) }}">Indépendant</a></li>
  265.                       <li><a href="{{ path('client_custom_page', {uri: 'immobilier'}) }}">Immobilier</a></li>
  266.             </ul>
  267.           </div>
  268.           <div class="col-lg-3 width-20 mb-30">
  269.             <h4 class="text-heading-5">Inscrit à l'Ordre</h4>
  270.             <a href="https://annuaire.experts-comptables.org/expert-comptable/2271-mna-experts-montpellier-34000" target="_blank" rel="noopener noreferrer"><img src="{{ assets_client( accountingFirm,"imgs/OEC-logo.png")}}" alt=""></a>
  271.           </div>
  272.           <div class="col-lg-3 width-20 mb-30">
  273.             <h4 class="text-heading-5">Contact</h4>
  274.             <div class="mt-20 text-body-text color-gray-600 mb-20"><i class="fa-solid fa-location-dot"></i> 1500 avenue de la Pompignane Immeuble Le Régional <br> 34000 Montpellier</div>
  275.             <div class="mt-20 text-body-text color-gray-600"><i class="fa-solid fa-phone"></i> <a href="tel:+0467523144">04 67 52 31 44</a></div>
  276.             {# <div class="mt-20 text-body-text color-gray-600"> <i class="fa-solid fa-clock"></i> Du lundi au lundi <br> de 8h à 12h30 <br> et 13h30 à 17h30</div> #}
  277.           </div>
  278.         </div>
  279.         <div class="footer-bottom mt-20">
  280.           <div class="row">
  281.             <p>© {{ cabinet.name | capitalize }} |
  282.               <a href="{{ path('client_legal_notice') }}">Mentions légales</a> |
  283.               <a href="{{ path('client_privacy_policy') }}">Politique de confidentialité</a> |
  284.               Réalisation de sites Internet, <a href="http://www.lagence.expert" target="_blank"> lagence.expert</a>
  285.             </p>
  286.             </div>
  287.           </div>
  288.         </div>
  289.       </div>
  290.     </footer>
  291. {% endblock %}
  292. {% block javascripts %}
  293.     <script src="{{ assets_client( accountingFirm,"js/vendors/modernizr-3.6.0.min.js")}}"></script>
  294.     <script src="{{ assets_client( accountingFirm,"js/vendors/jquery-3.6.0.min.js")}}"></script>
  295.     <script src="{{ assets_client( accountingFirm,"js/vendors/jquery-migrate-3.3.0.min.js")}}"></script>
  296.     <script src="{{ assets_client( accountingFirm,"js/vendors/bootstrap.bundle.min.js")}}"></script>
  297.     <script src="{{ assets_client( accountingFirm,"js/vendors/waypoints.js")}}"></script>
  298.     <script src="{{ assets_client( accountingFirm,"js/vendors/wow.js")}}"></script>
  299.     <script src="{{ assets_client( accountingFirm,"js/vendors/magnific-popup.js")}}"></script>
  300.     <script src="{{ assets_client( accountingFirm,"js/vendors/perfect-scrollbar.min.js")}}"></script>
  301.     <script src="{{ assets_client( accountingFirm,"js/vendors/select2.min.js")}}"></script>
  302.     <script src="{{ assets_client( accountingFirm,"js/vendors/isotope.js")}}"></script>
  303.     <script src="{{ assets_client( accountingFirm,"js/vendors/scrollup.js")}}"></script>
  304.     <script src="{{ assets_client( accountingFirm,"js/vendors/counterup.js")}}"></script>
  305.     <script src="{{ assets_client( accountingFirm,"js/vendors/slick.js")}}"></script>
  306.     <script src="{{ assets_client( accountingFirm,"js/vendors/jquery.elevatezoom.js")}}"></script>
  307.     <script src="{{ assets_client( accountingFirm,"js/vendors/swiper-bundle.min.js")}}"></script>
  308.     <script src="{{ assets_client( accountingFirm,"js/vendors/noUISlider.js")}}"></script>
  309.     <script src="{{ assets_client( accountingFirm,"js/vendors/slider.js")}}"></script>
  310.     <script src="{{ assets_client( accountingFirm,"js/owl.carousel.min.js")}}"></script>
  311.     <script src="{{ assets_client( accountingFirm,"js/main.js?v=1.0")}}"></script>
  312.     <script src="{{ assets_client( accountingFirm,"plugins/revolution/js/jquery.themepunch.revolution.min.js")}}"></script>
  313.     <script src="{{ assets_client( accountingFirm,"plugins/revolution/js/jquery.themepunch.tools.min.js")}}"></script>
  314.     <script src="{{ assets_client( accountingFirm,"plugins/revolution/js/extensions/revolution.extension.actions.min.js")}}"></script>
  315.     <script src="{{ assets_client( accountingFirm,"plugins/revolution/js/extensions/revolution.extension.carousel.min.js")}}"></script>
  316.     <script src="{{ assets_client( accountingFirm,"plugins/revolution/js/extensions/revolution.extension.kenburn.min.js")}}"></script>
  317.     <script src="{{ assets_client( accountingFirm,"plugins/revolution/js/extensions/revolution.extension.layeranimation.min.js")}}"></script>
  318.     <script src="{{ assets_client( accountingFirm,"plugins/revolution/js/extensions/revolution.extension.migration.min.js")}}"></script>
  319.     <script src="{{ assets_client( accountingFirm,"plugins/revolution/js/extensions/revolution.extension.navigation.min.js")}}"></script>
  320.     <script src="{{ assets_client( accountingFirm,"plugins/revolution/js/extensions/revolution.extension.parallax.min.js")}}"></script>
  321.     <script src="{{ assets_client( accountingFirm,"plugins/revolution/js/extensions/revolution.extension.slideanims.min.js")}}"></script>
  322.     <script src="{{ assets_client( accountingFirm,"plugins/revolution/js/extensions/revolution.extension.video.min.js")}}"></script>
  323.     <script src="{{ assets_client( accountingFirm,"plugins/revolution/js/main-slider-script.js")}}"></script>
  325.     <script>
  326. $('.owl-carousel.partner').owlCarousel({
  327.     loop: true,
  328.     margin: 10,
  329.     nav: false,
  330.     dots: false,
  331.     autoplay: true,
  332.     responsive: {
  333.         0: {
  334.         items: 1
  335.         },
  336.         500: {
  337.         items: 2
  338.         },
  339.         800: {
  340.         items: 3
  341.         },
  342.         1000: {
  343.         items: 4
  344.         }
  345.     }
  346. })
  347. </script>
  348. <script>
  349. $('.owl-carousel.tiime').owlCarousel({
  350.     loop: true,
  351.     nav: false,
  352.     dots: false,
  353.     autoplay: true,
  354.     autoplayTimeout: 3000,
  355.     items: 1
  356. })
  358. $('.inner-slide-wrap').owlCarousel({
  359.     loop: true,
  360.     nav: false,
  361.     dots: false,
  362.     autoplay: true,
  363.     autoplayTimeout: 3000,
  364.     items: 1
  365. })
  367. $('.owl-carousel.bannerHero').owlCarousel({
  368.     loop: true,
  369.     nav: true,
  370.     navText: ["<i class='fa-solid fa-chevron-left'></i>","<i class='fa-solid fa-chevron-right'></i>"],
  371.     autoplay: true,
  372.     autoplayTimeout: 3000,
  373.     items: 1,
  374.     responsive: {
  375.         0: {
  376.         nav: false
  377.         },
  378.         768: {
  379.         nav: true
  380.         },
  381.     }
  382. })
  383. </script>
  384. {% endblock %}