Sebastián Darío Ramírez
<body class="bg-gray-100 font-sans leading-normal tracking-normal"> <nav class="container mx-auto px-4 lg:px-0"> <div class="flex items-center justify-between py-4 lg:py-6 bg-white shadow-md rounded-lg"> <a href="/" class="flex items-center"> <img src="https://www.tailwindai.dev/placeholder.svg" width="200" height="35" alt="Logo" class="object-contain lg:ml-5" /> </a> <div class="hidden lg:flex space-x-8"> <a href="#" class="text-gray-700 hover:text-blue-500 transition duration-300">Home</a> <a href="#" class="text-gray-700 hover:text-blue-500 transition duration-300">About</a> <a href="#" class="text-gray-700 hover:text-blue-500 transition duration-300">Services</a> <a href="#" class="text-gray-700 hover:text-blue-500 transition duration-300">Contact</a> </div> <div class="hidden lg:flex"> <a href="#" class="bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-400 transition duration-300">Get Started</a> </div> <div class="lg:hidden"> <button class="text-gray-700 focus:outline-none"> <i class="fa-solid fa-bars"></i> </button> </div> </div> </nav> </body>