Cards | Creatlydev friendly fish 0

Cardsfriendly fish1 个文件更新于 2026-04-06
html公开前 25 行,完整代码需登录
<div class="card">
  <div class="card__body">
    <div class="card__icon">
      <svg
        height="32"
        width="32"
        stroke="currentColor"
        stroke-width="1.5"
        viewBox="0 0 24 24"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25"
          stroke-linejoin="round"
          stroke-linecap="round"
        ></path>
      </svg>
    </div>

    <p class="card__title">Abstract Design</p>
    <p class="card__paragraph">
      Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ducimus
      perferendis eaque dolore repellat numquam. Dolores.
    </p>

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