templates/Theme/General/Template/Menu/menubare.html.twig line 1

Open in your IDE?
  1. {% if position == "offerts" %}
  3. <style>
  4.   .my-fixed-nav {
  5.         position: fixed;
  6.         top: 0;
  7.         width: 100%;
  8.         z-index: 1000;
  9.     background: blueviolet;
  10.     }
  11.   .navbar-expand-lg{
  12.     position: relative;
  13.   }
  14. </style>
  15. <!-- ======= Header ======= -->
  16. <section id="topbar" style="background: #fff;">
  17.   <div class="container">
  18.     <div class="row" style="padding: 15px 0px;">
  19.       {% for email in liste_contacts %}
  20.         {% if email.typeParam == 'email' %}
  21.         <i class="bi bi-envelope d-flex align-items-center"><a href="mailto:{{ email.valeur }}">{{ email.valeur }}</a></i>
  22.         {% endif %}
  23.       {% endfor %}
  25.       {% for telephone in liste_contacts %}
  26.         {% if telephone.typeParam == 'telephone' %}
  27.           <i class="bi bi-phone d-flex align-items-center ms-4"><a href="tel:{{ telephone.valeur }}">{{ telephone.valeur }}</a></i>
  28.         {% endif %}
  29.       {% endfor %}
  31.       <div class="col-md-6">
  32.         <div class="d-md-flex">
  33.           <a href="mailto:info@syscofie.com" style="margin-right: 15px; display: inline-block;"><i class="bi bi-envelope" style="float: left; margin: 10px 10px 0px 0px;"></i> <span>info@syscofie.com</span></a>
  34.           <a href="tel:658323735" style="display: inline-block"><i class="bi bi-phone" style="float: left; margin: 10px 10px 0px 0px;"></i> <span>6 58 32 37 35</span></a>
  35.         </div>
  36.       </div>
  37.       <div class="col-md-6">
  38.         <div class="social-links d-none d-md-flex align-items-right" style="margin-top: 0px; text-align: right; float: right;">
  40.               {% for social in social_medias %}
  41.                 {% if social.typeParam == 'twitter' %}
  42.                   <a href="{{ social.valeur }}" class="twitter" target="_blank"><i class="bi bi-twitter"></i></a>
  43.                 {% elseif (social.typeParam == 'facebook') %}
  44.                   <a href="{{ social.valeur }}" class="facebook" target="_blank"><i class="bi bi-facebook"></i></a>
  45.                 {% elseif (social.typeParam == 'instagram') %}
  46.                   <a href="{{ social.valeur }}" class="instagram" target="_blank"><i class="bi bi-instagram"></i></a>
  47.                 {% elseif (social.typeParam == 'linkedin') %}
  48.                   <a href="{{ social.valeur }}" class="linkedin" target="_blank"><i class="bi bi-linkedin"></i></a>
  49.                 {% elseif (social.typeParam == 'youtube') %}
  50.                   <a href="{{ social.valeur }}" class="youtube" target="_blank"><i class="bi bi-youtube"></i></a>
  51.                 {% endif %}
  53.               {% else %}
  55.                   <a href="#!" class="twitter" target="_blank"><i class="bi bi-twitter"></i></a>
  56.                 
  57.                   <a href="#!" class="facebook" target="_blank"><i class="bi bi-facebook"></i></a>
  58.                 
  59.                   <a href="#!" class="instagram" target="_blank"><i class="bi bi-instagram"></i></a>
  60.           
  61.                   <a href="#!" class="linkedin" target="_blank"><i class="bi bi-linkedin"></i></a>
  62.                
  63.                   <a href="#!" class="youtube" target="_blank"><i class="bi bi-youtube"></i></a>
  65.               {% endfor %}
  67.         </div>
  68.       </div>
  69.     </div>
  70.   </div>
  71. </section><!-- End Top Bar -->
  73. <!-- ======= Header =======-->
  75.       <header class="fbs__net-navbar navbar navbar-expand-lg dark" aria-label="freebootstrap.net navbar">
  76.         <div class="container d-flex align-items-center justify-content-between">
  77.           
  78.           
  79.           <!-- Start Logo-->
  80.           <a class="navbar-brand w-auto" href="{{ path('users_user_accueil') }}">
  81.             <!-- If you use a text logo, uncomment this if it is commented-->
  82.             <!-- Vertex--> 
  83.             
  84.             <!-- If you plan to use an image logo, uncomment this if it is commented-->
  85.             
  86.             <!-- logo dark--><img class="logo dark img-fluid" src="{{ asset('template/assets/img/cmpt.jpg') }}" alt="logo syscofie" style="width: 50px; height: auto;" > 
  87.             
  88.             <!-- logo light<img class="logo light img-fluid" src="assets/images/logo-light.svg" alt="FreeBootstrap.net image placeholder">-->
  89.             
  90.             </a>
  91.           <!-- End Logo-->
  92.           
  93.           <!-- Start offcanvas-->
  94.           <div class="offcanvas offcanvas-start w-75" id="fbs__net-navbars" tabindex="-1" aria-labelledby="fbs__net-navbarsLabel">
  95.             
  96.             
  97.             <div class="offcanvas-header">
  98.               <div class="offcanvas-header-logo">
  99.                 <!-- If you use a text logo, uncomment this if it is commented-->
  100.                 
  101.                 <!-- h5#fbs__net-navbarsLabel.offcanvas-title Vertex-->
  102.                 
  103.                 <!-- If you plan to use an image logo, uncomment this if it is commented-->
  104.                 <a class="logo-link" id="fbs__net-navbarsLabel" href="{{ path('users_user_accueil') }}">
  105.                   
  106.                   
  107.                   <!-- logo dark--><img class="logo dark img-fluid" src="assets/images/logo-dark.svg" alt="FreeBootstrap.net image placeholder"> 
  108.                   
  109.                   <!-- logo light--><img class="logo light img-fluid" src="assets/images/logo-light.svg" alt="FreeBootstrap.net image placeholder"></a>
  110.                 
  111.               </div>
  112.               <button class="btn-close btn-close-black" type="button" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  113.             </div>
  114.             
  115.             <div class="offcanvas-body align-items-lg-center">
  116.               
  117.               
  118.               <ul class="navbar-nav nav me-auto ps-lg-5 mb-2 mb-lg-0">
  119.                 <!--<li class="nav-item"><a class="nav-link scroll-link active" aria-current="page" href="index.html">Accueil</a></li>-->
  120.                 <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-expanded="false">Entreprise<i class="bi bi-chevron-down"></i></a>
  121.                   <ul class="dropdown-menu">
  122.                     <li class="nav-item dropend"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-expanded="false">Nos Cabinets<i class="bi bi-chevron-right"></i></a>
  123.                       <ul class="dropdown-menu">
  124.                         {% for agence in liste_agence %}
  125.                           <li>
  126.                             <a class="nav-link scroll-link dropdown-item" href="{{ path('produit_service_cabinet', {'id': agence.id }) }}">{{ agence.nom }}</a>
  127.                           </li>
  128.                         {% endfor %}
  129.                           <li>
  130.                             <a class="nav-link scroll-link dropdown-item" href="{{ path('produit_service_cabinets') }}">Tous les cabinets</a>
  131.                           </li>
  132.                       </ul>
  133.                     </li>
  134.                     <li class="nav-item dropend"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-expanded="false">Nos Expertises<i class="bi bi-chevron-right"></i></a>
  135.                       <ul class="dropdown-menu">
  136.                         <li><a class="nav-link scroll-link dropdown-item" href="{{ path('prosuit_service_expertise') }}">Suivi comptable</a></li>
  137.                         <li><a class="nav-link scroll-link dropdown-item" href="{{ path('prosuit_service_expertise') }}">Fiscalité</a></li>
  138.                         <li><a class="nav-link scroll-link dropdown-item" href="{{ path('prosuit_service_expertise') }}">Juridique</a></li>
  139.                         <li><a class="nav-link scroll-link dropdown-item" href="{{ path('prosuit_service_expertise') }}">Social &amp; Paie</a></li>
  140.                         <li><a class="nav-link scroll-link dropdown-item" href="{{ path('prosuit_service_expertise') }}">Audit &amp; Contrôle</a></li>
  141.                         <li><a class="nav-link scroll-link dropdown-item" href="{{ path('prosuit_service_expertise') }}">Formations</a></li>
  142.                       </ul>
  143.                     </li>
  144.                     <li class="nav-item"><a class="nav-link scroll-link" href="{{ path('prosuit_service_secteurs') }}">Secteurs suivis</a></li>
  145.                     {# <li><a class="nav-link scroll-link dropdown-item" href="expertise-comptable.html">Expertise Comptable</a></li> #}
  146.                     <!--<li><a class="nav-link scroll-link dropdown-item" href="expertise-fiscale.html">Expertise Fiscale</a></li>-->
  147.                     <!--<li><a class="nav-link scroll-link dropdown-item" href="secteurs-suivis.html">Secteurs suivis</a></li>-->
  148.                   </ul>
  149.                 </li>
  150.                 <li class="nav-item"><a class="nav-link scroll-link" href="{{ path('produit_service_listedepartements') }}">Departements</a></li>
  151.                 <li class="nav-item"><a class="nav-link scroll-link" href="{{ path('produit_service_services') }}">Services</a></li>
  152.                 <li class="nav-item"><a class="nav-link scroll-link" href="{{ path('produit_service_blog_pagine') }}">Blog</a></li>
  153.                 <li class="nav-item"><a class="nav-link scroll-link" href="{{ path('produit_service_about_struct') }}">A propos</a></li>
  154.                 <li class="nav-item"><a class="nav-link scroll-link" href="{{ path('produit_service_galery') }}">Portfolio</a></li>
  155.               </ul>
  156.             </div>
  157.           </div>
  158.           <!-- End offcanvas-->
  159.           
  160.           <div class="ms-auto w-auto">
  161.             <div class="header-social d-flex align-items-center gap-1"><a class="btn btn-up btn-primary py-2" href="{{ path('produit_service_contacts') }}">Contact</a>
  162.               <button class="fbs__net-navbar-toggler justify-content-center align-items-center ms-auto" data-bs-toggle="offcanvas" data-bs-target="#fbs__net-navbars" aria-controls="fbs__net-navbars" aria-label="Toggle navigation" aria-expanded="false">
  163.                 <svg class="fbs__net-icon-menu" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  164.                   <line x1="21" x2="3" y1="6" y2="6"></line>
  165.                   <line x1="15" x2="3" y1="12" y2="12"></line>
  166.                   <line x1="17" x2="3" y1="18" y2="18"></line>
  167.                 </svg>
  168.                 <svg class="fbs__net-icon-close" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  169.                   <path d="M18 6 6 18"></path>
  170.                   <path d="m6 6 12 12"></path>
  171.                 </svg>
  172.               </button>
  173.             </div>
  174.           </div>
  175.         </div>
  176.       </header>
  178.       <script type="text/javascript">
  179.         $(window).bind('scroll', function(){
  180.           var largeur = ($(window).width());
  181.           dimension = 100;
  183.           // The value of where the "scoll" is.
  184.           if($(window).scrollTop() > dimension){
  185.             $('.navbar-expand-lg').addClass('my-fixed-nav');
  186.           }else{
  187.             $('.navbar-expand-lg').removeClass('my-fixed-nav');
  188.           }
  189.         });
  190.     </script>
  191.       {% endif %}
  192.       <!-- End Header-->