#e8e8e8
HTML +TailwindCSS
1<div class="flex flex-col bg-white rounded-3xl"> 2 <div class="px-6 py-8 sm:p-10 sm:pb-6"> 3 <div class="grid items-center justify-center w-full grid-cols-1 text-left"> 4 <div> 5 <h2 6 class="text-lg font-medium tracking-tighter text-gray-600 lg:text-3xl" 7 > 8 Starter 9 </h2> 10 <p class="mt-2 text-sm text-gray-500">Suitable to grow steadily.</p> 11 </div> 12 <div class="mt-6"> 13 <p> 14 <span class="text-5xl font-light tracking-tight text-black"> 15 $25 16 </span> 17 <span class="text-base font-medium text-gray-500"> /mo </span> 18 </p> 19 </div> 20 </div> 21 </div> 22 <div class="flex px-6 pb-8 sm:px-8"> 23 <a 24 aria-describedby="tier-company" 25 class="flex items-center justify-center w-full px-6 py-2.5 text-center text-white duration-200 bg-black border-2 border-black rounded-full nline-flex hover:bg-transparent hover:border-black hover:text-black focus:outline-none focus-visible:outline-black text-sm focus-visible:ring-black" 26 href="#" 27 > 28 Get started 29 </a> 30 </div> 31</div> 32
1.5K views
1.5K views
Comments
Variations
1 MIT License