a month ago
I need to create this liek the picture, the code i have so far is... <div class="w-full"> <div class="py-24"> <div class="mx-auto w-11/12 w-10/12 max-w-screen-xlg"> <div class="text-center mx-auto max-w-[816px]"> <h3 class="font-light text-[22px]">Welcome to</h3> <h2 class="text-3xl font-light text-4xl">ONDECOR's Wallpaper Trade Program</h2> <p class="mt-8 px-16"> It is a pleasure to inform you that you have been selected for your incredible work and style to be part of our trade program, where you can get the best discounts and benefits in all our wallpapers. </p> </div> <div class="mt-12 mt-32"> <div class="flex flex-col flex-row"> <div class="w-1/2"> <img src="//ondecor.com/cdn/shop/files/componente-5.jpg?v=1686346865&width=600" alt="60% off, componente" srcset="//ondecor.com/cdn/shop/files/componente-5.jpg?v=1686346865&width=352 352w, //ondecor.com/cdn/shop/files/componente-5.jpg?v=1686346865&width=600 600w" width="600" height="314" loading="lazy" class="w-full h-full object-cover object-center"> </div> <div class="w-1/2"> <div class="bg-gray-100 py-8 py-16"> <div class="mx-auto w-10/12 w-9/12"> <ul class="space-y-4 text-base"> <li class="flex items-center gap-x-9"> <svg class="mr-2-v1 flex-shrink-0" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> </svg> <p>Fixed pricing structure</p> </li> <li class="flex items-center gap-x-9"> <svg class="mr-2-v1 flex-shrink-0" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> </svg> <p>Free Shipping</p> </li> <li class="flex items-center gap-x-9"> <svg class="mr-2-v1 flex-shrink-0" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> </svg> <p>Free custom order service</p> </li> <li class="flex items-center gap-x-9"> <svg class="mr-2-v1 flex-shrink-0" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> </svg> <p>Rush order</p> </li> <li class="flex items-center gap-x-9"> <svg class="mr-2-v1 flex-shrink-0" width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path> </svg> <p>Free color customization</p> </li> </ul> </div> </div> </div> </div> <div class="mt-12 mt-16 text-center"> <a class="inline-block border border-black py-4 px-8 text-xs-v1" href="https://ondecor.com/apps/wpdapp"> Apply Here </a> </div> </div> </div> </div> </div>
Windframe is a drag and drop builder for rapidly building tailwind css websites and UIs
Start building stunning tailwind UIs!
