Cards
The traditional content block for showing article excerpts, like those from a blog.
Rounded with Shadow
April 7, 2020
Lorem ipsum dolor sit amet, consecteturAnim ullamco anim ipsum Lorem id voluptate consequat excepteur proident cillum mollit. Learn more → |
<table class="sm:w-full font-sans shadow-xl rounded">
<tr>
<td>
<img
class="rounded-t"
src="https://images.unsplash.com/photo-1524758631624-e2822e304c36?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=600&h=300&q=80"
>
</td>
</tr>
<tr>
<td class="p-6 bg-white rounded-b">
<span class="text-xs text-slate-500">April 7, 2020</span>
<h2 class="mt-2 mb-3 text-2xl leading-full">
<a href="https://example.com" class="text-black hover:text-slate-700 [text-decoration:none]">
Lorem ipsum dolor sit amet, consectetur
</a>
</h2>
<p class="m-0 mb-16 text-base text-slate-500">
Anim ullamco anim ipsum Lorem id voluptate consequat excepteur proident cillum mollit.
</p>
<a href="https://example.com" class="text-blue-500 [text-decoration:none] hover:[text-decoration:underline]">
Learn more →
</a>
</td>
</tr>
</table>