Card

<div class="max-w-sm p-6 b-1 bc-silver-4 rad-0">
  <h3 class="ff-s fs-lg fw-600 tc-slate mb-2">Create a project</h3>
  <p class="fs-sm tc-slate-6 m-0">Deploy your new project in one-click.</p>
</div>

<div class="max-w-sm p-6 b-1 bc-silver-4 rad-0">
  <div class="d-f ai-c jc-c d-10 rad-9 bg-silver-1 tc-slate mb-4">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      class="w-6 h-6"
      viewBox="0 0 256 256"
      aria-hidden="true"
    >
      <rect width="256" height="256" fill="none" />
      <circle
        cx="200"
        cy="56"
        r="16"
        fill="none"
        stroke="currentColor"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-width="16"
      />
      <line
        x1="200"
        y1="40"
        x2="200"
        y2="28"
        fill="none"
        stroke="currentColor"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-width="16"
      />
      <line
        x1="186.14"
        y1="48"
        x2="175.75"
        y2="42"
        fill="none"
        stroke="currentColor"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-width="16"
      />
      <line
        x1="186.14"
        y1="64"
        x2="175.75"
        y2="70"
        fill="none"
        stroke="currentColor"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-width="16"
      />
      <line
        x1="200"
        y1="72"
        x2="200"
        y2="84"
        fill="none"
        stroke="currentColor"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-width="16"
      />
      <line
        x1="213.86"
        y1="64"
        x2="224.25"
        y2="70"
        fill="none"
        stroke="currentColor"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-width="16"
      />
      <line
        x1="213.86"
        y1="48"
        x2="224.25"
        y2="42"
        fill="none"
        stroke="currentColor"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-width="16"
      />
      <circle
        cx="128"
        cy="120"
        r="40"
        fill="none"
        stroke="currentColor"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-width="16"
      />
      <path
        d="M63.8,199.37a72,72,0,0,1,128.4,0"
        fill="none"
        stroke="currentColor"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-width="16"
      />
      <path
        d="M222.67,112A95.92,95.92,0,1,1,144,33.33"
        fill="none"
        stroke="currentColor"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-width="16"
      />
    </svg>
  </div>
  <h3 class="ff-s fs-lg fw-600 tc-slate mb-2">Account Settings</h3>
  <p class="fs-sm tc-slate-6 m-0">Manage your account settings and preferences.</p>
</div>