Settings
Billing
Logout
Dark Mode
Start
Components
Pricing
Docs
Blog
Sign in
Home
Docs
Components
Pricing
Resources
Blog
GitHub
Dribbble
Twitter
Discord
Sign in
->
Cards
/
Basic Cards
With wide image and text
<div class="card"> <!-- Image --> <div class="p-2"> <img alt="..." src="https://images.unsplash.com/photo-1553356084-58ef4a67b2a7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&h=300&q=80" class="card-img"> </div> <!-- Card Body --> <div class="card-body"> <!-- Title --> <h3 class="h4">Some blog title here</h3> <p class="mt-4 mb-6"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ornare pretium placerat ut platea... </p> <a href="#" class="btn btn-sm btn-primary"> Learn more </a> </div> </div>