templates/pages/just_menu.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  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">
  8.         {# new version fonts: Freight, Suisse, Lora #}
  9.         <link rel="stylesheet" href="https://use.typekit.net/yti6omf.css">
  10.     <style>
  11.       @font-face {
  12.         font-family: 'Suisse Intl';
  13.         src: url('{{asset("frontend2024/dist/fonts/SuisseBPIntl-Regular.woff2")}}') format('woff2'),
  14.           url('{{asset("frontend2024/dist/fonts/SuisseBPIntl-Regular.woff")}}') format('woff');
  15.         font-weight: normal;
  16.         font-style: normal;
  17.         font-display: swap;
  18.       }
  19.     </style>
  20.     <link rel="preconnect" href="https://fonts.googleapis.com">
  21.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  22.     <link href="https://fonts.googleapis.com/css2?family=Lora&display=swap" rel="stylesheet">
  23.         
  24.         {# new version CSS #}
  25.         <link rel="stylesheet" type="text/css" href="{{asset('frontend2024/dist/css/style.css?v=1')}}">
  26.   </head>
  27.   <body>
  28.     <div class="header hidden">
  29.       <div class="header-burger hidden"></div>
  30.     </div>
  31.     {% include 'elements2024/menu.html.twig' %}
  33.     <script>
  34.       const header = document.querySelector('.header');
  35.       const html = document.querySelector('html');
  36.       const menu = document.querySelector('.menu');
  38.       function handleToggleMenu(e) {
  39.         const isOpened = e.detail?.isOpened || false
  40.         html?.classList.toggle('menu-open', isOpened);
  41.         menu?.classList.toggle('menu-hidden', isOpened);
  42.       }
  43.       document.addEventListener('toggleMenu', handleToggleMenu, false)
  44.     </script>
  46.         <script src="{{asset('frontend2024/dist/js/main.min.js?v=1')}}"></script>
  47.   </body>
  48. </html>