Cards | Sourcesketch giant owl 78

Cardsgiant owl1 个文件更新于 2026-04-06

html公开前 25 行，完整代码需登录

<div class="card">
  <div class="title-1">Card 1</div>
  <div class="content">
    Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    Lorem Ipsum has been the industry's standard dummy text ever since the
    1500s.
  </div>
  <button class="btn">Learn more</button>
  <div class="bar">
    <div class="emptybar"></div>
    <div class="filledbar"></div>
  </div>
</div>

<div class="card">
  <div class="title-1">Card 2</div>
  <div class="content">
    Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    Lorem Ipsum has been the industry's standard dummy text ever since the
    1500s.
  </div>
  <button class="btn">Learn more</button>
  <div class="bar">
    <div class="emptybar"></div>
    <div class="filledbar"></div>

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