templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>{% block title %}Previoo - Admin{% endblock %}</title>
  9.     {% block stylesheets %}
  10.     {{ encore_entry_link_tags('app') }}
  11.     {% endblock %}
  13.     {% block javascripts %}
  14.     {{ encore_entry_script_tags('app') }}
  15.     {% endblock %}
  16.     <script src="https://code.jquery.com/jquery-3.6.0.min.js"
  17.         integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  19.         <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
  21. </head>
  23. <body class="bg-gray-100 flex flex-col">
  24.     <nav class="bg-white shadow-lg">
  25.         <div class="max-w-6xl mx-auto px-4">
  27.             <div id="header" class="flex justify-between">
  29.                 <div class="flex justify-between w-full">
  30.                     <div>
  31.                         <a href="#" class="flex items-center p-2">
  32.                             <img src="{{ asset('build/yeati-full.png') }}" alt="Logo" class="w-36">
  33.                         </a>
  34.                     </div>
  35.                     <div class="hidden md:flex items-center space-x-1">
  36.                         <a href="/factures"
  38.                             class="text-lg font-light p-4 hover:text-primary transition duration-300 text-gray-800">Factures</a>
  39.                         <a href="/clients"
  40.                             class="text-lg font-light p-4 hover:text-primary transition duration-300 text-gray-800">Clients</a>
  41.                         <a href="/resultats"
  42.                             class="text-lg font-light p-4 hover:text-primary transition duration-300 text-gray-800">Résultats</a>
  43.                         <a href="/statistiques"
  44.                             class="text-lg font-light p-4 hover:text-primary transition duration-300 text-gray-800">Statistiques</a>
  45.                     </div>
  46.                 </div>
  47.                 <!-- Mobile menu button -->
  48.                 <div class="md:hidden flex items-center">
  49.                     <button class="outline-none mobile-menu-button">
  50.                         <svg class="w-10 h-10 text-gray-500" x-show="!showMenu" fill="none" stroke-linecap="round"
  51.                             stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor">
  52.                             <path d="M4 6h16M4 12h16M4 18h16"></path>
  53.                         </svg>
  54.                     </button>
  55.                 </div>
  56.             </div>
  57.         </div>
  58.         <!-- mobile menu -->
  59.         <div class="hidden mobile-menu">
  60.             <ul class="">
  61.                 <li><a href="/factures" class="block text-center px-2 py-4">Factures</a></li>
  62.                 <li><a href="/clients" class="block text-center px-2 py-4">Compte client</a></li>
  63.                 <li><a href="/resultats" class="block text-center px-2 py-4">Résultats</a></li>
  64.                 <li><a href="/statistiques" class="block text-center px-2 py-4">Statistiques</a></li>
  65.             </ul>
  66.         </div>
  67.     </nav>
  68.     <div id="app" class="w-11/12 mx-auto mt-8">
  69.         {% block body %}{% endblock %}
  70.     </div>
  71. </body>
  73. </html>