templates/front/common/navbar.html.twig line 1

Open in your IDE?
  1. <header>
  2.     <nav class="navbar navbar-expand-lg navbar-light navbar-custom">
  3.         <div class="container-fluid">
  4.             <!-- Logo à gauche -->
  5.             <a class="navbar-brand" href="/">
  6.                 {# <img src="{{ asset('build/images/infinix-logo.png') }}" alt="Logo" width="100"> #}
  7.                 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 664.7 144.6" enable-background="new 0 0 664.7 144.6" xml:space="preserve" width="109px" height="23.29px">
  8.                     <g><path d=" M433.4,41.9h-54.6c0,0-9.9,0-13.5,7.2v-7.2h-24.4v101.6h24.4V78.1c0-8,6.5-14.5,14.5-14.5H426 c8,0,14.5,6.5,14.5,14.5v65.4h23.9V70.8C464.5,70.8,462.7,41.9,433.4,41.9"></path> <rect x="5" y="12.6" width="24.4" height="130.9"></rect> <rect x="291.6" y="41.8" width="24.5" height="101.8"></rect> <rect x="489.2" y="41.9" width="24.4" height="101.6"></rect> <path d="M146.6,41.9H92c0,0-9.9,0-13.5,7.2v-7.2H54.1v101.6h24.4V78.1c0-8,6.5-14.5,14.5-14.5h46.3 c8,0,14.5,6.5,14.5,14.5v65.4h23.9V70.8C177.8,70.8,176,41.9,146.6,41.9"></path> <rect x="291.6" y="1.5" width="24.5" height="21.1"></rect> <rect x="489.2" y="1.5" width="24.4" height="21.1"></rect> <polygon points="660.5,41.9 630,41.9 594.9,77.4 559.8,41.9 529.4,41.9 579.6,92.8 529.4,143.5 560.2,143.5 594.9,108.3 629.7,143.5 660.5,143.5 610.2,92.8"></polygon> <path d="M237.3,25.1c1.5-1.6,3.5-2.5,5.9-2.5h27.3V1.5h-21.6c-0.3,0.1-3.5-0.1-7.8,0.1c-0.2,0-0.3,0-0.4,0 c-9,0-17.5,3.3-22.9,9c-4.6,4.8-6.9,11.5-6.9,16.8c0,10.4,0,14.5,0,14.5h-31.7c0,0,8.7,3.2,14.7,21.7h17v79.9H235V63.6h35.4V41.9 h-18.1H235V33c0-0.6,0-1.2,0.1-1.8c0-0.2-0.1-0.4-0.1-0.5c0-1.7,0.6-3.3,1.5-4.6C236.8,25.7,237,25.4,237.3,25.1"></path></g></svg>
  9.             </a>
  11.             <!-- Bouton pour le menu responsive -->
  12.             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
  13.                 aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  14.                 <span class="navbar-toggler-icon"></span>
  15.             </button>
  17.             <!-- Menu à droite -->
  18.             <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
  19.                 <ul class="navbar-nav">
  20.                     <li class="nav-item">
  21.                         <a class="nav-link nav-link-menu" href="#">Smart 9</a>
  22.                     </li>
  23.                     <li class="nav-item">
  24.                         <a class="nav-link nav-link-menu" href="#">Hot 50i</a>
  25.                     </li>
  26.                     <li class="nav-item nav-link-menu">
  27.                         <a class="nav-link nav-link-menu" href="#">Support</a>
  28.                         </li>
  29.                         <li class="nav-item">
  30.                             <a class="nav-link" href="{{ path("app_login", { from: 'front' })  }}">                            
  31.                                 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="23.696" viewBox="0 0 24.519 23.696">
  32.                                     <defs><clipPath id="clip-path"><rect id="矩形_523" data-name="矩形 523" width="24.519" height="23.696" transform="translate(0 0)"></rect></clipPath></defs> <g id="组_31" data-name="组 31" transform="translate(0 0)" clip-path="url(#clip-path)"><path id="路径_38735" data-name="路径 38735" d="M15.743,14.423a7.637,7.637,0,1,0-6.963,0A12.834,12.834,0,0,0,0,23.113L2,23.7a10.694,10.694,0,0,1,20.526-.007l2-.583a12.83,12.83,0,0,0-8.776-8.683M6.7,7.635a5.556,5.556,0,1,1,5.556,5.556A5.562,5.562,0,0,1,6.7,7.635"></path></g></svg>
  33.                             </a>
  34.                         </li>
  35.                         <li class="nav-item">
  36.                             {# <a class="nav-link" href="{{ path('app_front_produit_list') }}"> #}
  37.                             <a class="nav-link" href="{{ path('app_front_panier') }}">
  38.                             <svg width="18" height="22" viewBox="0 0 18 22" xmlns="http://www.w3.org/2000/svg"><path d="M17.9905 21.0891C17.9214 20.4826 17.8427 19.866 17.7653 19.2718L17.714 18.8701C17.5246 17.3941 17.3351 15.9181 17.1457 14.4433L16.7036 11C16.5166 9.54305 16.3295 8.08497 16.1401 6.628C16.0793 6.15801 15.7838 5.91854 15.2631 5.9163C14.7162 5.91406 14.1693 5.91406 13.6224 5.91518H12.8384C12.8384 5.86594 12.8384 5.81894 12.8384 5.77194C12.8372 5.52576 12.8384 5.27957 12.8384 5.03451C12.8408 4.48731 12.842 3.92108 12.817 3.36381C12.7502 1.88781 11.6696 0.599819 10.1289 0.158923C8.60263 -0.277496 6.93334 0.212637 5.97776 1.37866C5.41894 2.06126 5.14251 2.85129 5.158 3.72749C5.16754 4.27133 5.16515 4.80735 5.16277 5.37469C5.16277 5.55373 5.16158 5.73278 5.16039 5.91518H4.36089C3.8128 5.91518 3.26471 5.91406 2.71781 5.9163C2.21619 5.91854 1.91951 6.16025 1.85993 6.61569C1.71457 7.72016 1.57278 8.82352 1.43099 9.928L1.32614 10.7426C1.07831 12.6718 0.830474 14.6022 0.583833 16.5314L0.474215 17.3874C0.320511 18.587 0.162042 19.8269 0.0119127 21.0477C-0.0274068 21.3633 0.0297852 21.5961 0.18468 21.7594C0.338384 21.9206 0.574301 22 0.905538 22C3.54709 22 6.18746 22 8.82902 22C11.4706 22 14.3504 22 17.1111 22C17.4257 22 17.6628 21.9195 17.8141 21.7605C17.9643 21.6039 18.0238 21.3778 17.9917 21.0891H17.9905ZM6.70219 4.88904C6.67717 4.20531 6.65334 3.55852 6.84636 2.92739C7.04057 2.2929 7.55888 1.80277 8.26782 1.58232C8.99106 1.3574 9.76673 1.47042 10.3434 1.88334C10.9523 2.31976 11.2537 2.84234 11.2656 3.48354C11.2764 4.08893 11.274 4.6809 11.2716 5.30867C11.2716 5.50338 11.2704 5.69921 11.2692 5.89504H6.71291C6.72602 5.55597 6.71291 5.21803 6.70219 4.88904ZM1.64546 20.5274L3.32428 7.3811H5.15919C5.15919 7.49972 5.15919 8.61833 5.16158 8.73695V8.775C5.16515 8.90816 5.16754 9.04468 5.19256 9.18456C5.25213 9.52922 5.51307 9.74183 5.90984 9.76757C6.29946 9.79331 6.65095 9.51243 6.68074 9.15546C6.701 8.92159 6.69623 7.68547 6.69146 7.45719C6.69146 7.43258 6.69146 7.40796 6.69027 7.38334H11.3002C11.3002 7.40236 11.299 7.42139 11.2978 7.43929C11.2895 7.67205 11.2799 8.91263 11.3264 9.14987C11.3717 9.38598 11.6171 9.64895 11.8614 9.72281C12.1045 9.79666 12.4297 9.67805 12.612 9.52922C12.78 9.39158 12.8134 9.15435 12.8313 8.94397C12.8468 8.75933 12.8444 7.57357 12.8408 7.39341C12.8408 7.39117 12.8408 7.38781 12.8408 7.38558H14.6745L16.3533 20.5285H1.64546V20.5274Z"></path></svg>
  39.                         </a>
  40.                     </li>
  41.                     <li class="nav-item">
  42.                         <a class="nav-link" href="#">
  43.                             <span class="search__action"><svg width="22" height="22" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><path d="M21.7686 20.6539L14.9361 13.8211C16.19 12.3092 16.8774 10.407 16.8774 8.43913C16.8785 3.78604 13.0927 0 8.43869 0C3.78469 0 0 3.78604 0 8.43913C0 13.0922 3.78584 16.8783 8.43869 16.8783C10.4064 16.8783 12.3097 16.1897 13.8215 14.9357L20.654 21.7686C20.8025 21.9171 21.0006 22 21.2113 22C21.422 22 21.62 21.9182 21.7686 21.7686C21.9171 21.62 22 21.422 22 21.2112C22 21.0005 21.9182 20.8025 21.7686 20.6539ZM8.43869 15.371C4.61716 15.371 1.50835 12.262 1.50835 8.44028C1.50835 4.61855 4.61716 1.50843 8.43869 1.50843C12.2602 1.50843 15.369 4.6174 15.369 8.43913C15.369 12.2609 12.2602 15.3698 8.43869 15.3698V15.371Z"></path></svg></span>
  44.                         </a>
  45.                     </li>
  46.                 </ul>
  47.             </div>
  48.         </div>
  49.     </nav>
  50. </header>