Card by emmanuelh-dev
#e8e8e8
HTML +TailwindCSS
1<div class="flex flex-col bg-black 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 class="text-lg font-medium tracking-tighter text-white lg:text-3xl"> 6 Corporate 7 </h2> 8 <p class="mt-2 text-sm text-gray-100">Grow steadily and pizza.</p> 9 </div> 10 <div class="mt-6"> 11 <p> 12 <span class="text-5xl font-light tracking-tight text-white"> 13 $35 14 </span> 15 <span class="text-base font-medium text-white"> /mo </span> 16 </p> 17 </div> 18 </div> 19 </div> 20 <div class="flex px-6 pb-8 sm:px-8"> 21 <a aria-describedby="tier-starter" class="items-center justify-center w-full px-6 py-2.5 text-center text-black duration-200 bg-white border-2 border-white rounded-full nline-flex hover:bg-transparent hover:border-white hover:text-white focus:outline-none focus-visible:outline-white text-sm focus-visible:ring-white" href="#"> 22 Get started 23 </a> 24 </div> 25</div>
744 views
Variation of acard
MIT License