Tailwind Newsletter Signup form by Editorial Staff Output View Horizontal Vertical HTML CSS JS Tidy <div class="m-10 mx-auto max-w-screen-lg rounded-2xl bg-pink-600 p-5 text-white shadow-xl md:p-8"> <div class="mb-1 flex items-center gap-3 font-serif text-4xl font-bold">Sign up Form</div> <div class="mb-5 text-lg text-gray-200">Newslatter SignUp Form, Enter your email to get <b>Free Tip of the Day</b> free every Week.</div> <div class="flex flex-col gap-3 sm:flex-row"> <input aria-label="Your email address" class="w-full flex-1 rounded-md bg-gray-100 p-3 focus:outline-none focus:ring focus:ring-blue-200" placeholder="Your email address..." type="email" /> <button class="rounded-md bg-orange-500 px-6 font-bold outline-none focus:ring focus:ring-orange-200 hover:bg-orange-400" type="submit">Subscribe</button> </div> </div> HTML CSS JS Tidy HTML CSS JS Tidy >_Console Clear Console >_Console File Setting HTML Code Playground Setting Title Description Newsletter Signup forms component created in tailwind css. Use in your landing page to collect email. Catagory Tailwind Tags CSS Card Resource Add External Stylesheets and Script <link href="https://unpkg.com/tailwindcss@1.4.6/dist/tailwind.min.css" rel="stylesheet">
