Feature Post Tailwind by Nitin Kumar Output View Horizontal Vertical HTML CSS JS Tidy <div class="relative flex min-h-screen flex-col justify-center overflow-hidden bg-gray-50 py-6 sm:py-12"> <div class="w-full items-center bg-gray-800 mx-auto max-w-screen-lg"> <div class="group grid w-full grid-cols-2"> <div class="pl-16 relative flex items-end flex-col before:block before:absolute before:w-4 before:bg-gray-500 before:left-0 before:rounded-lg before:transition-all group-hover:before:bg-gray-300 overflow-hidden"> <a class="font-bold text-sm flex mt-2 mb-8 text-white items-center gap-2" href=""> <span>Read More</span> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" /> </svg> </a> <div class="rounded-xl overflow-hidden"> <img src="https://fastly.picsum.photos/id/20/3670/2462.jpg?hmac=CmQ0ln-k5ZqkdtLvVO23LjVAEabZQx2wOaT4pyeG10I" alt=""> </div> </div> <div> <div class="pl-12 p-16"> <p class="peer mb-6 text-white"> Video is a powerful marketing tool. It can help engage your audience and take your products or services to the next level. One of the best ways to do this is through video SEO for eCommerce websites. It is a way to rank your video higher on the YouTube search engine. </p> <p class="mb-6 text-white"> With more visitors to your site, you have more chances of converting people into customers, completing the purchase cycle, and generating leads. This means conversions are higher, and therefore the potential for an increase in sales is there too. </p> <h3 class="mb-4 font-semibold text-xl text-white">Increase sales through video marketing</h3> <ul role="list" class="marker:text-white list-disc pl-5 space-y-3 text-white"> <li>Better user experience</li> <li>Google loves videos</li> <li>Increase customer loyalty</li> </ul> </div> </div> </div> </div> </div> HTML CSS JS Tidy HTML CSS JS Tidy >_Console Clear Console >_Console File Setting HTML Code Playground Setting Title Description Feature Post in Tailwind CSS. Showcase your feature post on the home page. Catagory Tailwind Tags Article Card Hero Section Resource Add External Stylesheets and Script <script src="https://cdn.tailwindcss.com"></script>
