src/Flexy/FrontBundle/Themes/CoWorking/templates/_header.html.twig line 1

  1. <style>
  2.   .signature-field {
  3.     border: 2px solid transparent; /* Bordure par défaut */
  4. }
  6. .signature-field.empty {
  7.     border-color: #ffcccc; /* Bordure rouge légère lorsque vide */
  8. }
  10.  .modal-backdrop.fade.show {
  11.         display: none;
  12. }
  14.         .modal-confirm {        
  15.           color: #636363;
  16.           width: 450px;
  17.         }
  18.         .modal-confirm .modal-content {
  19.           padding: 20px;
  20.           border-radius: 5px;
  21.           border: none;
  22.           text-align: center;
  23.           font-size: 14px;
  24.           box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  25.         }
  26.         .modal-confirm .modal-header {
  27.           border-bottom: none;   
  28.           position: relative;
  29.         }
  30.         .modal-confirm h4 {
  31.           text-align: center;
  32.           font-size: 26px;
  33.           margin: 30px 0 -10px;
  34.         }
  35.         .modal-confirm .close {
  36.           position: absolute;
  37.           top: -5px;
  38.           right: -2px;
  39.         }
  40.         .modal-confirm .modal-body {
  41.           color: #999;
  42.         }
  43.         .modal-confirm .modal-footer {
  44.           border: none;
  45.           text-align: center;        
  46.           border-radius: 5px;
  47.           font-size: 13px;
  48.           padding: 10px 15px 25px;
  49.         }
  50.         .modal-confirm .modal-footer a {
  51.           color: #999;
  52.         }        
  53.         .modal-confirm .icon-box {
  54.           width: 80px;
  55.           height: 80px;
  56.           margin: 0 auto;
  57.           border-radius: 50%;
  58.           z-index: 9;
  59.           text-align: center;
  60.           border: 3px solid #f15e5e;
  61.         }
  62.         .modal-confirm .icon-box i {
  63.           color: #f15e5e;
  64.           font-size: 46px;
  65.           display: inline-block;
  66.           margin-top: 13px;
  67.         }
  68.         .modal-confirm .btn, .modal-confirm .btn:active {
  69.           color: #fff;
  70.           border-radius: 4px;
  71.           background: #60c7c1;
  72.           text-decoration: none;
  73.           transition: all 0.4s;
  74.           line-height: normal;
  75.           min-width: 120px;
  76.           border: none;
  77.           min-height: 40px;
  78.           border-radius: 3px;
  79.           margin: 0 5px;
  80.         }
  81.         .modal-confirm .btn-secondary {
  82.           background: #c1c1c1;
  83.         }
  84.         .modal-confirm .btn-secondary:hover, .modal-confirm .btn-secondary:focus {
  85.           background: #a8a8a8;
  86.         }
  87.         .modal-confirm .btn-danger {
  88.           background: #f15e5e;
  89.         }
  90.         .modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus {
  91.           background: #ee3535;
  92.         }
  93. ul {
  94.    display: inline-block;
  95. }
  96. li.first.last a {
  97.   color: black !important;
  98. }
  99.      
  101. #btniconMobile{
  102.     display:none;
  103. }
  105. @media only screen and (max-width: 600px) {
  106.     
  107.  
  108.    button.btn.btn-outline-warning{
  109.      width: 100% !important;
  111.     }
  112.    
  113.    .fa-user:before {
  114.     font-size: 12px;
  115.     margin-top:10px;
  116.    }
  117.     .col-sm-8.hidden-col{
  118.         display:none;
  119.     }
  120.     
  121.     svg.svg-inline--fa.fa-user{
  122.         font-size: 13px;
  123.         padding-left:3px
  124.         margin-left:0% !important;
  125.    }
  126.    #btniconDisktop{
  127.        display:none;
  128.    }
  129.    #btniconMobile{
  130.        display:block;
  131.    }
  132.    svg.svg-inline--fa.fa-bars {
  133.     display:none;
  134. }
  135.    
  136.     
  137.     
  138. }
  139.  
  141. .fa-linkedin {
  142.     color: #edf2f8 !important;
  143.     font-size: 16px !important;
  145. }
  147.    @keyframes infiniteScroll {
  148.   from {transform: translateX(0)}
  149.   to {transform: translateX(-50%)}
  150. }
  151. .container {
  152.   width: 100%;
  153.   /*overflow-x: hidden;*/
  154. }
  155. .horizontal-scrolling-items {
  156.   display: flex;
  157.  
  158.   font-size:14px;
  159.   width: 2600px;
  160.   animation-name: infiniteScroll;
  161.   animation-duration: 30s;
  162.   animation-iteration-count: infinite;
  163.   animation-timing-function: linear;
  164. }
  165. .horizontal-scrolling-items__item {
  166.   white-space: nowrap;
  167. }
  168. .horizontal-scrolling-items__item {
  169.     margin-right: 20px;  /* Ajustez la valeur selon vos besoins */
  170.     margin-left: 46px;
  171. }
  174. /***/
  177.  .dropdown-menu {
  178.     display: none;
  179.     position: absolute;
  180.     top: 23px !important;
  181.     left: 0;
  182.     background: white;
  183.     border: 1px solid #dfb150;
  184.     border-radius: 8px;
  185.     list-style: none;
  186.     padding: 5px 0;
  187.     z-index: 1000;
  188.   }
  190.   .home-link:hover + .dropdown-menu,
  191.   .dropdown-menu:hover {
  192.     display: block;
  193.   }
  195.   .dropdown-item {
  196.     padding: 5px 20px;
  197.     text-decoration: none;
  198.     color: #000;
  199.     display: block;
  200.     font-size: 14px;
  201.   }
  203.   .dropdown-item:hover {
  204.     background: #dfb150;
  205.     color: #fff;
  206.   }
  208.  
  209.  
  212. /* Responsive Adjustments */
  213. @media (min-width: 768px) {
  214.   .nav-menu {
  215.     width: 750px;
  216.   }
  217. }
  218. /*Medium Screens */
  219. @media (min-width: 922px) {
  220.   .nav-menu {
  221.     width: 970px;
  222.   }
  223. }
  224. /*Large Screens */
  225. @media (min-width: 1200px) {
  226.   .nav-menu {
  227.     width: 1170px;
  228.   }
  229. }
  231. /* Burger Icon Container */
  232. .burger-container {
  233.   /*position: relative;
  234.   top: 7px;*/
  235.   position: relative;
  236.   top: 0px;
  237.   right: 5px;
  238.   z-index: 1000;
  239.   cursor: pointer;
  240.   width: 40px;
  241.   height: 30px;
  242.   display: flex;
  243.   flex-direction: column;
  244.   justify-content: space-between;
  245.   padding: 5px;
  246.   border-radius: 5px;
  247.   background: hwb(0 100% 0% / 0.1);
  248.   backdrop-filter: blur(10px);
  249.   box-shadow: 0 4px 6px #0000001a;
  250. }
  252. /* Burger Icon Lines */
  253. .burger-line {
  254.   width: 100%;
  255.   height: 3px;
  256.   background-color: #d5af5e;
  257.   border-radius: 2px;
  258.   transform-origin: center;
  259.   transition: all 0.4s ease-in-out;
  260. }
  262. /* Checkbox Hack */
  263. #burger-toggle {
  264.   display: none;
  265. }
  267. /* Navigation Styles */
  268. .nav-menu {
  269.   position: fixed;
  270.   top: 0;
  271.   right: -300px;
  272.   width: 300px;
  273.   height: 100%;
  274.   background: white;
  275.   transition: right 0.4s cubic-bezier(0.77, 0.2, 0.05, 1);
  276.   box-shadow: -4px 0 15px #00000033;
  277.   overflow-y: auto;
  278.   padding-top: 100px;
  279.   z-index:9;
  280. }
  282. .nav-menu::before {
  283.   content: "";
  284.   position: absolute;
  285.   top: 0;
  286.   left: 0;
  287.   width: 100%;
  288.   height: 80px;
  289.   background: #ffffff0d;
  290.   backdrop-filter: blur(10px);
  291. }
  293. .nav-menu ul {
  294.   list-style-type: none;
  295. }
  297. .nav-menu ul li {
  298.   margin: 0 15px;
  299.   border-bottom: 1px solid #ffffff1a;
  300. }
  302. .nav-menu ul li a {
  303.   color: black;
  304.   text-decoration: none;
  305.   display: block;
  306.   padding: 15px;
  307.   font-weight: 500;
  308.   position: relative;
  309.   overflow: hidden;
  310. }
  312. .nav-menu ul li a::after {
  313.   content: "";
  314.   position: absolute;
  315.   bottom: 0;
  316.   left: -100%;
  317.   width: 100%;
  318.   height: 2px;
  319.   background-color: var(--secondary-color);
  320.   transition: left 0.3s ease;
  321. }
  323. .nav-menu ul li a:hover::after {
  324.   left: 0;
  325. }
  327. /* Burger Icon Animation on Checkbox Checked */
  328. #burger-toggle:checked ~ .burger-container .burger-line:nth-child(1) {
  329.   transform: rotate(45deg) translate(5px, 5px);
  330. }
  332. #burger-toggle:checked ~ .burger-container .burger-line:nth-child(2) {
  333.   opacity: 0;
  334. }
  336. #burger-toggle:checked ~ .burger-container .burger-line:nth-child(3) {
  337.   transform: rotate(-45deg) translate(5px, -5px);
  338. }
  340. /* Navigation Slide In */
  341. #burger-toggle:checked ~ .nav-menu {
  342.   right: 0;
  343. }
  346. .dropdown-item:focus, .dropdown-item:hover{
  347.         background-color: #dfb150 !important;
  348. }
  350. </style>
  351.   <div style=" box-shadow:0 0 12px 6px rgba(0, 0, 0, 0.06); height:fit-content;">
  352.                           <div class="text-center p-2 text-white" style="
  353.                                           background-color:rgba(255, 216, 110, 1);
  354.                                           background-image:linear-gradient(to left,rgba(175, 119, 34, 1),rgba(255, 216, 110, 0.6), rgba(255, 216, 110, 0.6));">
  355.                                             <!--<div class="fw-light" style="font-family: 'Archivo', sans-serif; font-size:14px;">
  356.                                                 OFFRE DE LANCEMENT : Profitez de 30% de réduction sur toutes les réservations du 15 octobre 2023 au 15 janvier 2024.
  357.                                             </div>-->
  358.                                              
  359.       <div class="horizontal-scrolling-items">
  360.          {% for offre in doctrine.repository('App\\Flexy\\FrontBundle\\Entity\\Newshome').findActiveOffers(date('now')) %}
  361.                      
  362.                   
  364.       <div class="horizontal-scrolling-items__item">
  365.         {{offre.description}}  &nbsp;
  366.              </div>
  367.        {% endfor %}
  368.        
  370.       </div>
  371.   
  372.  
  373.                             </div> 
  374.                           <div class="wrapper">
  375.                                 <div class="head-wrapper">
  376.                                             <ul class="my-auto info col-md-4 col-sm-4 list-unstyled align-items-center text-dark" style="font-size: 15px; font-weight:300; font-family:'Archivo', sans-serif;">
  377.                                         <li style="display: inline-flex;">
  378.                                                 {#<a href="{{ path('offres')}}" title="Rérefence" style="margin-right: 4px;background: #dfb150;border-radius: 50%;height: 30px;width: 30px;display: flex;justify-content: center;align-items: center;color:white"><i class="fa-solid fa-gift" aria-hidden="true"></i></a>#}
  379.                                                 {#<a href="{{ path('news')}}" title="Actualité" style="margin-right: 4px;background: #dfb150;border-radius: 50%;height: 30px;width: 30px;display: flex;justify-content: center;align-items: center;color:white"><i class="fa fa-newspaper" aria-hidden="true"></i></a>#}
  380.                                           
  381.                                               <a href="https://www.facebook.com/profile.php?id=61551253435716&mibextid=LQQJ4d" target="_blank" style="margin-right: 4px;background: #dfb150;border-radius: 50%;height: 30px;width: 30px;display: flex;justify-content: center;align-items: center;color:white"> <i class="fa-brands fa-facebook"></i></a> 
  382.                                             <a href="https://instagram.com/coworkandlive?igshid=MzRlODBiNWFlZA" target="_blank" style="margin-right: 4px;background: #dfb150;border-radius: 50%;height: 30px;width: 30px;display: flex;justify-content: center;align-items: center;color:white"> <i class="fa-brands fa-instagram"></i></a>
  383.                                             <a href="https://www.linkedin.com/company/cowork-live" target="_blank" style="margin-right: 4px;background: #dfb150;border-radius: 50%;height: 30px;width: 30px;display: flex;justify-content: center;align-items: center;color:white"> <i class="fa-brands fa-linkedin"></i></a>
  384.                                             {#<a href="{{ path('front_home')}}" title="Accueil" style="margin-right: 4px;background: #dfb150;border-radius: 50%;height: 30px;width: 30px;display: flex;justify-content: center;align-items: center;color:white"> <i class="fa-solid fa-house"></i></a>#}
  385.                                       
  386.                                         </li>
  387.                                         
  388.                                          <ul
  389.       class="my-auto info col-md-4 col-sm-4 list-unstyled align-items-center text-dark"
  390.       style="font-size: 15px; font-weight: 300; font-family: 'Archivo', sans-serif;"
  391.     >
  392.       <li style="display: inline-flex; position: relative;">
  393.         <a
  394.           href="{{ path('front_home') }}"
  395.           class="home-link"
  396.           style="margin-right: 4px; width: 30px; display: flex; justify-content: center; align-items: center;color: #dfb150;
  397.     font-weight: 600;"
  398.         >
  399.          Menu
  400.         </a>
  401.         <!-- Dropdown for Desktop -->
  402.         <ul class="dropdown-menu">
  403.           <li><a href="{{path('login_register')}}" class="dropdown-item">Connexion</a></li>
  404.           <li><a href="{{ path('front_home')}}#a-propos" class="dropdown-item">À propos de nous  </a></li>
  405.           <li><a href="{{path('reservationbureaux')}}" class="dropdown-item">Bureau</a></li>
  406.           <li><a href="{{path('reservationsallereuninon')}}" class="dropdown-item">Salles de réunion</a></li>
  407.           <li><a href="{{path('reservationfreework')}}" class="dropdown-item">Freework</a></li> 
  408.           
  409.           <li><a href="{{ path('front_home')}}#nos-atouts" class="dropdown-item">Nos atouts </a></li>
  410.           <li><a href="{{ path('news')}}" class="dropdown-item">Nos actualités</a></li>
  411.           <li><a href="{{ path('offres')}}" class="dropdown-item">Nos offres</a></li>
  412.           <li><a href="{{ path('front_home')}}#melliber-Appart" class="dropdown-item">Melliber Appart & Hotel</a></li>
  413.           <li><a href="{{ path('front_home')}}#contactezNous" class="dropdown-item">Contact</a></li>
  414.     
  415.         </ul>
  416.       </li>
  417.     </ul>
  418.                                            
  419.                                     </ul>
  420.                                     
  421.                                      <div class=" logo col-sm-4  col-10 mb-2 justify-content-center mb-md-0">
  422.                                         <a  href="#myModalAccueil" data-toggle="modal">
  423.                                                <img class="img-fluid logoForMobile" src="{{asset("themes/coworking/images/logo-black.png")}}" style="width:70%;"  >
  424.                                         </a>
  425.                                             
  426.                                     </div>
  427.                                     
  428.                                     
  429.                                      <div class="logo col-sm-4 col-2 mb-2 justify-content-center mb-md-0 d-sm-none">
  430.                                         <!-- Mobile Burger Menu -->
  431.                                         {#<div class="burger-menu d-sm-none">#}
  432.                                         {#  <button class="burger-btn"><i class="fa-solid fa-bars"></i></button>#}
  433.                                         {#  <ul class="burger-dropdown">#}
  434.                                         {#    <li><a href="#" class="dropdown-item">Home</a></li>#}
  435.                                         {#    <li><a href="#" class="dropdown-item">Connexion</a></li>#}
  436.                                         {#    <li><a href="#" class="dropdown-item">Register</a></li>#}
  437.                                         {#  </ul>#}
  438.                                         {#</div>#}
  439.                                         
  440.                                         
  441.                                         
  442.                                      <!--First button-->
  443.                                          <!-- Hidden Checkbox to Control Menu -->
  444.                                               <input type="checkbox" id="burger-toggle">
  445.                                               <!-- Burger Icon -->
  446.                                               <label for="burger-toggle" class="burger-container">
  447.                                                 <div class="burger-line"></div>
  448.                                                 <div class="burger-line"></div>
  449.                                                 <div class="burger-line"></div>
  450.                                               </label>
  451.                                               <!-- Navigation Menu -->
  452.                                               <nav class="nav-menu">
  453.                                                 <ul>
  454.                                                   <li><a href="{{path('login_register')}}">Connexion</a></li>
  455.                                                   <li><a href="{{ path('front_home')}}#a-propos" class="dropdown-item">À propos de nous  </a></li>
  456.                                                   <li><a href="{{path('reservationbureaux')}}" class="dropdown-item">Bureau</a></li>
  457.                                                  <li><a href="{{path('reservationsallereuninon')}}" class="dropdown-item">Salles de réunion</a></li>
  458.                                                  <li><a href="{{path('reservationfreework')}}" class="dropdown-item">Freework</a></li>
  459.                                                  <li><a href="{{ path('front_home')}}#nos-atouts" class="dropdown-item">Nos atouts </a></li>
  460.                                                  <li><a href="{{ path('news')}}" class="dropdown-item">Nos actualités</a></li>
  461.                                                  <li><a href="{{ path('offres')}}" class="dropdown-item">Nos offres</a></li>
  462.                                                  <li><a href="{{ path('front_home')}}#melliber" class="dropdown-item">Melliber Appart & Hotel</a></li>
  463.                                                 <li><a href="{{ path('front_home')}}#contactezNous" class="dropdown-item">Contact</a></li>
  464.                                                    
  465.                                                                                               
  466.                                                   
  467.         
  468.                                                 </ul>
  469.                                               </nav>
  470.                                     
  471.                                      </div>
  472.                                     
  473.                                     
  474.                                     <div class="col-md-4 col-sm-4 hidden-col" id="logoForMobile">
  475.                                     </div>
  476.                                    
  477.                                              <!-- Modèle de boîte de dialogue de confirmation -->
  478.                                     <div id="myModalAccueil" class="modal fade" >
  479.                       <div class="modal-dialog modal-confirm">
  480.                         <div class="modal-content">
  481.                           <div class="modal-header flex-column">
  482.                             <div class="icon-box">
  483.                               <i class="material-icons">&#xE5CD;</i>
  484.                             </div>                        
  485.                             <h4 class="modal-title w-100">Confirmation </h4>    
  486.                                     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  487.                           </div>
  488.                           <div class="modal-body">
  489.                             <p>Souhaitez-vous quitter cette page ? </p>
  490.                               <p>Si vous quittez, vous abandonnez votre panier.</p>
  491.                           </div>
  492.                           <div class="modal-footer justify-content-center">
  493.                             <a href="{{path("front_home")}}" > <button type="button" class="btn btn-danger" >
  494.                                 Quitter
  495.                             
  496.                             </button></a>
  497.                             <button type="button" class="btn btn-green" data-dismiss="modal"> Continuer </button>
  498.                             
  499.                           </div>
  500.                         </div>
  501.                       </div>
  502.                     </div> 
  503.                                     <div class="nav-link col-md-4 col-sm-4 align-self-start">        
  504.                                             {% if not app.user or 'ROLE_CUSTOMER' not in app.user.roles %}
  505.                                                 {#<a href="#" class=" mt-3 btn btn-outline-warning d-flex align-items-center justify-content-center" id="btniconDesktop" style="border-radius: 28px; height: 42px; color: black; text-decoration: none; width: fit-content; padding: 0 20px;float:right;"> #}
  506.                                                   {# Connexion #}
  507.                                                  <a class=" mt-3 d-none d-md-block " style="font-size:20px ;border-radius: 28px; height: 42px; color: black; text-decoration: none; width: fit-content; padding: 0 20px;float:right;" href="{{ path('login_register') }}"> <i class="fa-solid fa-user" style="margin-left: 10px;"></i>
  508.                                                 </a>
  509.                                             {% endif %}
  511.                                                 {% if app.user %}
  512.                                               
  513.                                                     {% if 'ROLE_CUSTOMER' in app.user.roles %}
  514.                                                         <button type="button" class="btn btn-outline-warning"id="btniconDisktop" style="border-radius: 28px;height: 42px;width: 51%;"><div style="text-decoration: none;color:black;">{{menu|raw}} <i class="fa-solid fa-user" style="margin-left: 5%;"></i></div></button>
  515.                                                     {% endif %}
  516.                                                 {% endif %}
  517.                                                
  518.                                                 
  519.                                     </div>
  520.                                 </div>
  521.                             </div>
  522.                           
  523.                       
  524.                         </div>
  525.                     
  526.              
  527.            <!--   <nav class="panel-menu" id="mobile-menu">
  528.       <ul></ul>
  529.       <div class="mm-navbtn-names">
  530.         <div class="mm-closebtn">Close</div>
  531.         <div class="mm-backbtn">Back</div>
  532.       </div>
  533.     </nav>
  534.     <header id="tt-header">
  535.     
  536.       <div class="holder-top-desktop d-none ">
  537.         <div class="row">
  538.           <div class="col-auto">
  539.             <div class="h-info01">
  540.               <div class="tt-item">
  541.                 <address>8494 Signal Hill Road Manassas, VA, 20110</address>
  542.               </div>
  543.               <div class="tt-item">Mon-Fri 08:00 AM - 05:00 PM</div>
  544.               <div class="tt-item">
  545.                 <a href="mailto:info@santizex-site.com">info@yourcompany.com</a>
  546.               </div>
  547.             </div>
  548.           </div>
  549.           <div class="col-auto ml-auto">
  550.             <div class="tt-obj">
  551.               <div class="h-info02">
  552.                 <div class="tt-item">
  553.                   <address>
  554.                     <a href="tel:1(800)765-43-21">
  555.                       <span class="icons-483947"></span>
  556.                       +212 668 100 900
  557.                     </a>
  558.                   </address>
  559.                 </div>
  560.               </div>
  561.             </div>
  562.             <div class="tt-obj">
  563.               <ul class="h-social">
  564.                 <li>
  565.                   <a
  566.                     href="https://twitter.com"
  567.                     target="_blank"
  568.                     class="icons-733635"
  569.                   ></a>
  570.                 </li>
  571.                 <li>
  572.                   <a
  573.                     href="https://www.facebook.com/index.html"
  574.                     target="_blank"
  575.                     class="icons-59439"
  576.                   ></a>
  577.                 </li>
  578.                 <li>
  579.                   <a
  580.                     href="https://www.facebook.com/index.html"
  581.                     target="_blank"
  582.                     class="icons-2111532"
  583.                   ></a>
  584.                 </li>
  585.                 <li>
  586.                   <a
  587.                     href="https://www.instagram.com/index.html"
  588.                     target="_blank"
  589.                     class="icons-733614"
  590.                   ></a>
  591.                 </li>
  592.               </ul>
  593.             </div>
  594.           </div>
  595.         </div>
  596.       </div>
  597.       <!-- /holder-top (desktop) -->
  598.       <!-- holder- -->
  599.      <!-- <div>
  600.         <div class="tt-holder-wrapper">
  601.           <div class="tt-holder">
  602.             <div class="tt-col-left" data-turbo-permanent>
  603.               <!-- logo -->
  604.              <!-- <a href="{{path("front_home")}}" class="tt-logo tt-logo-alignment p-1">
  605.                 
  606.                 <img width="100" src="{{asset("themes/coworking/images/logo-black.png")}}" >
  607.               </a>
  608.               <!-- /logo -->
  609.            <!-- </div>
  610.             <div class="tt-col-center tt-col-wide tt-col-objects text-center">
  611.               <div class="tt-col__item">
  612.                 <!-- desktop-nav -->
  613.                <!-- <nav id="tt-nav">
  616.                   {{menu|raw}}
  618.                  
  619.                 </nav>
  620.                 <!-- /desktop-nav -->
  621.             <!--  </div>
  622.             </div>
  623.             <div class="tt-col-right tt-col-objects">
  624.               <div class="tt-col__item d-block d-lg-none">
  625.                 <div class="h-info02">
  626.                   <div class="tt-item">
  627.                     <address>
  628.                       <a href="tel:1(800)7654321">
  629.                         <span class="icons-483947"></span>
  630.                         +212 668 100 900
  631.                       </a>
  632.                     </address>
  633.                   </div>
  634.                 </div>
  635.               </div>
  636.               <div class="tt-col__item">
  637.               
  638.                  <li class="hm-minicart">
  639.                                               
  640.                                             <div class="hm-minicart-trigger">
  641.                                                 <span class="item-icon"></span>
  642.                                                 <span class="item-text">
  643.                                                 <span>MAD 0,00</span>
  644.                                                     <span class="cart-item-count">0</span>
  645.                                                 </span>
  646.                                             </div>
  647.                                             <span></span>
  648.                                             <div class="minicart">
  649.                                                 <ul class="minicart-product-list">
  650.                                        
  651.                                                 </ul>
  652.                                                 <p class="minicart-total">Total: <span>MAD 0,00</span></p>
  653.                                                 <div class="minicart-button menu-item">
  654.                                                     <a data-turbo="false" href="{{path('cart')}}" class="li-button li-button-fullwidth li-button-dark">
  655.                                                         <span><i class="fa fa-credit-card-alt " ></i>  Commander</span>
  656.                                                     </a>
  657.                                                     <a data-turbo="false" href="{{path('cart')}}" class="li-button li-button-fullwidth destroy-cart">
  658.                                                         <span> <i class="fa fa-calendar " ></i> Je n'ai pas le temps</span>
  659.                                                     </a>
  660.                                                    
  662.                                                     
  663.                                                 </div>
  664.                                             </div>
  665.                                         </li>
  669.               </div>
  670.               
  671.               <div class="tt-col__item toggle-wrapper">
  672.                 <a href="#" id="tt-menu-toggle" class="icons-1828859"></a>
  673.               </div>
  674.             </div>
  675.           </div>
  676.         </div>
  677.       </div>-->
  678.     </header>