Cards | EcheverriaJesus curly squid 96

Cardscurly squid1 个文件更新于 2026-04-06
html公开前 25 行,完整代码需登录
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<div
  class="flex flex-col items-center bg-white w-72 h-auto pt-5 pb-7 border border-gray-200 rounded-lg space-y-8"
>
  <section class="flex flex-col text-center space-y-1">
    <h2 class="text-2xl font-bold tracking-tight text-gray-900">
      Title of your Card
    </h2>
    <p class="text-slate-500 text-sm">Subtitle on your Card</p>
  </section>
  <section class="space-y-2">
    <div class="flex gap-2">
      <svg
        fill="currentColor"
        viewBox="0 0 20 20"
        class="w-5 h-5 text-blue-500"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          clip-rule="evenodd"
          d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
          fill-rule="evenodd"
        ></path>
      </svg>
      <span class="text-slate-500 text-sm">Name Product</span>

登录后可以查看完整源码、在线编辑并实时预览运行效果。