14 lines
1.1 KiB
HTML
14 lines
1.1 KiB
HTML
<article class="group flex rounded-radius max-w-sm flex-col overflow-hidden border border-outline bg-surface-alt text-on-surface dark:border-outline-dark dark:bg-surface-dark-alt dark:text-on-surface-dark">
|
|
<div class="h-44 md:h-64 overflow-hidden">
|
|
<img src="https://penguinui.s3.amazonaws.com/component-assets/card-img-1.webp" class="object-cover transition duration-700 ease-out group-hover:scale-105" alt="a penguin robot talking with a human" />
|
|
</div>
|
|
<div class="flex flex-col gap-4 p-6">
|
|
<span class="text-sm font-medium">Features</span>
|
|
<h3 class="text-balance text-xl lg:text-2xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong" aria-describedby="featureDescription">Penguai can teach you Javascript</h3>
|
|
<p id="featureDescription" class="text-pretty text-sm">
|
|
Learning JavaScript doesn't need to be difficult. Our penguin AI
|
|
robot can learn how much you know and will go at your speed.
|
|
Although Penguai is small, he's got a mighty big CPU.
|
|
</p>
|
|
</div>
|
|
</article> |