templates/layout/menu-page.html.twig line 1

Open in your IDE?
  1. <header x-data="{ open: false }" @keydown.window.escape="open = false" class="bg-white">
  2.     <nav class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" aria-label="Global">
  3.         <div class="flex lg:flex-1">
  4.             <a href="/" class="-m-1.5 p-1.5">
  5.                 <span class="sr-only">DALTEN media s.r.o.</span>
  6.                 <img class="h-12 w-auto" src="/dist/dalten_logo_black.svg" alt="">
  7.             </a>
  8.         </div>
  9. {#        <div class="flex lg:hidden">#}
  10. {#            <button type="button" class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700" @click="open = true">#}
  11. {#                <span class="sr-only">Otevřít menu</span>#}
  12. {#                <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">#}
  13. {#                    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path>#}
  14. {#                </svg>#}
  15. {#            </button>#}
  16. {#        </div>#}
  17. {#        <div class="hidden lg:flex lg:gap-x-12">#}
  18. {#            <a href="#" class="text-sm font-semibold leading-6 text-gray-900">Product</a>#}
  19. {#            <a href="#" class="text-sm font-semibold leading-6 text-gray-900">Features</a>#}
  20. {#            <a href="#" class="text-sm font-semibold leading-6 text-gray-900">Marketplace</a>#}
  21. {#            <a href="#" class="text-sm font-semibold leading-6 text-gray-900">Company</a>#}
  22. {#        </div>#}
  23.         <div class="hidden lg:flex lg:flex-1 lg:justify-end">
  24. {#            <a href="#" class="text-sm font-semibold leading-6 text-gray-900">Log in <span aria-hidden="true">&rarr;</span></a>#}
  25.         </div>
  26.     </nav>
  27. {#    <div x-description="Mobile menu, show/hide based on menu open state." class="lg:hidden" x-ref="dialog" x-show="open" aria-modal="true">#}
  28. {#        <div x-description="Background backdrop, show/hide based on slide-over state." class="fixed inset-0 z-10"></div>#}
  29. {#        <div class="fixed inset-y-0 right-0 z-10 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10" @click.away="open = false">#}
  30. {#            <div class="flex items-center justify-between">#}
  31. {#                <a href="#" class="-m-1.5 p-1.5">#}
  32. {#                    <span class="sr-only">DALTEN media s.r.o.</span>#}
  33. {#                    <img class="h-8 w-auto" src="/dist/dalten_logo_black.svg" alt="">#}
  34. {#                </a>#}
  35. {#                <button type="button" class="-m-2.5 rounded-md p-2.5 text-gray-700" @click="open = false">#}
  36. {#                    <span class="sr-only">Close menu</span>#}
  37. {#                    <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">#}
  38. {#                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>#}
  39. {#                    </svg>#}
  40. {#                </button>#}
  41. {#            </div>#}
  42. {#            <div class="mt-6 flow-root">#}
  43. {#                <div class="-my-6 divide-y divide-gray-500/10">#}
  44. {#                    <div class="space-y-2 py-6">#}
  45. {#                        <a href="#" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Product</a>#}
  46. {#                        <a href="#" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Features</a>#}
  47. {#                        <a href="#" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Marketplace</a>#}
  48. {#                        <a href="#" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Company</a>#}
  50. {#                    </div>#}
  51. {#                    <div class="py-6">#}
  52. {#                        <a href="#" class="-mx-3 block rounded-lg px-3 py-2.5 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50">Log in</a>#}
  53. {#                    </div>#}
  54. {#                </div>#}
  55. {#            </div>#}
  56. {#        </div>#}
  57. {#    </div>#}
  58. </header>