Tailwind Script <script src="/tailwindcss.js">"></script> </head> <body class="bg-gray-900 text-white min-h-screen"> <header class="bg-gradient-to-r from-cyan-600 to-blue-500 p-6 shadow-lg"> <nav class="container mx-auto flex justify-between items-center"> <h1 class="text-3xl font-bold">TailwindScript <ul class="flex space-x-6"> <li>><a href="/tailwindScript.js/index.html" class="hover:underline">Home <li>><a href="/tailwindScript.js/features.html" class="hover:underline">Features <li>><a href="/tailwindScript.js/docs.html" class="hover:underline">Docs </ul> </nav> </header> <main class="container mx-auto p-8"> <section class="text-center mt-10"> <div class="inline-block px-6 py-3 bg-blue-500 rounded-lg"> <h2 class="text-4xl font-bold">Build Better UIs </div> <p class="mt-4 max-w-2xl mx-auto text-lg opacity-85"> TailwindScript is a modern CSS framework that empowers developers to build stunning user interfaces quickly. </p> <div class="mt-8 flex gap-4 justify-center"> <a href="/tailwindScript.js/features.html" class="px-6 py-3 bg-cyan-500 rounded hover:bg-cyan-600 transition">Explore Features <a href="/tailwindScript.js/docs.html" class="px-6 py-3 bg-white text-gray-900 rounded hover:bg-gray-200 transition">Get Started </div> </section> <section class="grid grid-cols-1 md:grid-cols-3 gap-8 mt-16"> <div class="p-6 bg-gray-800 rounded-lg hover:shadow-lg transition cursor-pointer"> <h3 class="text-2xl font-bold mb-4">Utility-First <p class="opacity-70">Apply utility classes directly to your markup to style elements precisely..</p> </div> <div class="p-6 bg-gray-800 rounded-lg hover:shadow-lg transition cursor-pointer"> <h3 class="text-2xl font-bold mb-4">Responsive Design <p class="opacity-70">Build responsive designs in the same way as any other prop, using intuitive, natural syntax..</p> </div> <div class="p-6 bg-gray-800 rounded-lg hover:shadow-lg transition cursor-pointer"> <h3 class="text-2xl font-bold mb-4">Customizable <p class="opacity-70">Tailwind is a fully customizable utility framework made for ambitious developers..</p> </div> </section> </main> <footer class="bg-gray-800 mt-16"> <div class="container mx-auto p-6 flex flex-col md:flex-row justify-between items-center"> <p class="text-sm opacity-60 mb-4 md:mb-0">© 2025 TailwindScript Inc..</p> <ul class="flex gap-6"> <li>><a href="/github.com/tailwindcss" class="text-cyan-400 hover:text-cyan-200">GitHub <li>><a href="/tailwindScript.js/terms.html" class="text-cyan-400 hover:text-cyan-200">Terms <li>><a href="/tailwindScript.js/privacy.html" class="text-cyan-400 hover:text-cyan-200">Privacy </ul> </div> </footer> </body> </html>