templates/base.html.twig line 1

  1. <!doctype html>
  2. <html lang="fr" data-bs-theme="auto">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <title>BuyAndSelam - 100% Made in Africa</title>
  7.     <meta name="description" content="La boutique spécialisée dans la fabrication Made In World">
  9.         <link href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css" rel="stylesheet">
  10.     <link
  11.             rel="stylesheet"
  12.             href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"
  13.     />
  16.     <link rel="stylesheet" href="{{ asset('assets/css/styles.css') }}">
  17.     <link rel='stylesheet' href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css'>
  19.     <link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet">
  21.     <!-- Custom styles for this template -->
  22.     <link href="{{ asset('assets/css/carousel.css') }}" rel="stylesheet">
  23.     <link href="{{ asset('assets/css/custom.css') }}" rel="stylesheet">
  25.     <!-- favicon pour avoir une photo perso dans le header du nav-->
  26.     <link rel="icon" href="https://img.kwcdn.com/product/fancy/6870913f-03b8-4053-80d4-997bdef72eff.jpg?imageView2/2/w/800/q/70" type="image/gif" sizes="16x16">
  28.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css">
  29.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css">
  30.     <script src="https://unpkg.com/feather-icons"></script>
  31.    
  32. </head>
  33. <body>
  37. <header data-bs-theme="dark">
  38.     <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
  39.         <div class="container-fluid">
  40.             <a class="navbar-brand" href="{{ path('app_home') }}">BuyAndSalam</a>
  41.             <nav class="dropdownmenu">
  42.   <ul>
  43.     <li><a href="{{ path('app_home') }}">Home</a></li>
  44.  
  45.     <li><a href="#">Produits 100% africains</a>
  46.       <ul id="submenu">
  47.         <li><a href="https://www.google.com/search?client=firefox-b-d&sca_esv=323b9f97f7d38a56&sxsrf=ADLYWIJlt7g4pkGqADcz9tVAQ-6kc3BqEw:1716017998058&q=mode+afrique+de+l%27ouest&uds=ADvngMipajioxIlpJYA27QdZAqwgG1miVjJvV2LnlXuvD42r3D4e1UNLSC859yCKR3SorR-aemjwdSsKv6boRaAtpRBZp-N0qPTP2R4fNlGjadBnFVmcacF067jufRvELnfUEbLIojFkfC9WXyDInNdso5dWgPI1jUJX3vXESBHEc0Whin_Ihd1taprdjsLqVIdE4Nsnttjwadq7UsMlfSRsdRT029plk3UhsmHF-shs4akGa9ERtfo-scBXweDDzJh9qWGTJmGXuZv9loeR5sOooHLjwH9FX7HjVwYuBkOk9ODAD7NrpaA&udm=2&prmd=ivnbz&sa=X&ved=2ahUKEwj_886Z2ZaGAxUWcKQEHVaAAdoQtKgLegQIDRAB&biw=1920&bih=955&dpr=1">Afrique de l'Ouest</a></li>
  48.         <li><a href="">Afrique du Sud</a></li>
  49.         <li><a href="">Afrique de l'Est</a></li>
  50.       </ul>
  51.     </li>
  52.     <li><a href="">Tous les Produits</a>
  53.         <ul id="submenu">
  54.             <li>
  55.                 <ol class="list-unstyled">
  56.                     {% for category in allCategories %}
  57.                         <li>
  58.                             <a class="nav-link" href="{{ path('app_category', { slug : category.slug } ) }}">{{ category.name }}</a>
  59.                         </li>
  60.                     {% endfor %}
  61.                 </ol>
  62.             </li>
  64.         </ul>
  66.     
  67.     </li>
  68.     <li><a href="">News</a>
  69.       
  70.     </li>
  71.   
  73.   </ul>
  74. </nav>
  76.             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  77.                 <span class="navbar-toggler-icon"></span>
  78.             </button>
  79.             <div class="collapse navbar-collapse" id="navbarCollapse">
  80.                 <ul class="navbar-nav me-auto">
  81.                     
  82.                     
  83.                 </ul>
  84.                 
  85.             
  86.                 <div class="speed-menu">
  87.                     {% if app.user %}
  88.                         <a href="{{ path('app_account') }}"><i data-feather="user"></i> {{ app.user.firstname }}</a>
  90.                         <a href="{{ path('app_account_wishlist') }}">
  91.                             <i data-feather="heart"></i>
  92.                         </a>
  93.                     {% else %}
  94.                         <a href="{{ path('app_login') }}"><i class="bg-light" data-feather="user"></i></a>
  95.                     {% endif %}
  97.                     <a href="{{ path('app_cart') }}">
  98.                         <i data-feather="shopping-cart"></i>
  99.                         <span class="badge text-bg-light">{{ fullCartQuantity }}</span>
  100.                     </a>
  101.                 </div>
  102.             </div>
  103.         </div>
  104.     </nav>
  105. </header>
  107.     <div class="container">
  108.         {% for label, messages in app.flashes %}
  109.             {% for message in messages %}
  110.                 <div class="alert mt-4 alert-{{ label }}">
  111.                     {{ message }}
  112.                 </div>
  113.             {% endfor %}
  114.         {% endfor %}
  115.     </div>
  117.     
  119.     {% block body %}{% endblock %}
  122.     
  125.     <!-- menu bottom -->
  130.     <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
  132.         <script src="https://unpkg.com/feather-icons"></script>
  133.         
  134.         
  135.         <script src="{{ asset('assets/js/bootstrap.bundle.min.js') }}"></script>
  136.         <script src="{{ asset('assets/js/global.js') }}"></script>
  137.     </body>
  138. </html>
  140.