Basic Card

Card Title

This is the card content. You can put any content here.

<div class="card">
    <div class="card-body">
        <h3 class="card-title">Card Title</h3>
        <p class="card-text">Content here...</p>
    </div>
</div>

Card with Header and Footer

Card Header

Card Title

This card has a header, body, and footer.

Card Footer

<div class="card">
    <div class="card-header">Header</div>
    <div class="card-body">...</div>
    <div class="card-footer">Footer</div>
</div>

Card with Image

🖼️

Image Card

Cards can contain images, text, and actions.

Multiple Cards in Grid

📚 Feature One

Description of your feature goes here.

🎯 Feature Two

Description of your feature goes here.

🚀 Feature Three

Description of your feature goes here.

<div class="cards-grid">
    <div class="card">...</div>
    <div class="card">...</div>
</div>