Skip to main content

Cards

Read about how you can use a the card component.

Example Card:


Hypestyle

HypeStyle CSS is a collection of CSS utilities for web development.


<div class="row text-center gap-2">
<div class="col-12-xs col-6-md col-3-lg">
<div class="card bs-lg p-0 ">
<br />
<h3 class="card-title">Hypestyle</h3>
<img src="/img/icon.png" width="30%" class="card-icon" alt="" />
<p class="card-body ml-4 font-sm">
HypeStyle CSS is a collection of CSS utilities for web
development.
</p>
<br />
</div>
</div>
</div>

All card properties.

ClassProperties
cardThe card its self
card-titleThe card title
card-bodyThe card body