Tailwind

<link href="https://unpkg.com/tailwindcss@^2.0/dist/tailwind.min.css" rel="stylesheet">

Tailwind

<figure class="bg-slate-100 rounded-xl p-8 dark:bg-slate-800">
  <img class="w-24 h-24 rounded-full mx-auto" src="/sarah-dayan.jpg" alt="" width="384" height="512">
  <div class="pt-6 space-y-4">
    <blockquote>
      <p class="text-lg font-medium">
        “Tailwind CSS is the only framework that I've seen scale
        on large teams. It’s easy to customize, adapts to any design,
        and the build size is tiny.”
      </p>
    </blockquote>
    <figcaption class="font-medium">
      <div class="text-sky-500 dark:text-sky-400">
        Sarah Dayan
      </div>
      <div class="te>
        Staff Engineer, Algolia
      </div>
    </figcaption>
  </div>
</figure>

Source: tailwindcss.com

Tailwind

trertretrt

-1

Similar codes

2 votes160 views1 answer
Default html structure
Html
0 vote144 views2 answers
Javascript animated alert message box
Html
-1 vote157 views2 answers
Bootstrap 5 left div
Html
0 vote137 views1 answer
Pills vertically with content on right
Html
8 votes141 views2 answers
Html rupee symbol
Html
0 vote143 views1 answer
Html script element
Html
0 vote139 views2 answers
Html js make dropdown list checkbox
Html
0 vote142 views1 answer
Site:www.javascriptcn.com como criar uma cal com letras e numeros
Html
1 vote147 views1 answer
Html pound symbol
Html
0 vote156 views1 answer
Tailwind CSS List group
Html