...

Some quick example text to build on the card title and make up the bulk of the card's content.

Button
<div class="card cards">
<div class="card-body">
<img src="assets/images/cards1.png" class="card-img-top" alt="...">
<div class="card-body d-flex flex-column p-4">
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary ">
Button</a>
</div>
</div>
</div>
...
Profile

Some quick example text to build on the card title and make up the bulk of the card's content.

Galen Lewis

4 hours ago

<div class="card cards">
<div class="card-body">
<img src="assets/images/cards2.png" class="card-img-top" alt="...">
<div class="card-body bg-white d-flex flex-column p-4">
<h5 class="card-title">Profile</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<div class="d-flex gap-2">
<div>
<img src="assets/images/cards-image.png" alt="">
</div>
<div>
<h5 class="m-0">Galen Lewis</h5>
<p class="m-0">4 hours ago</p>
</div>
</div>
</div>
</div>
</div>

...
Puzzles Coffee Shop

Some quick example text to build on the card title and make up the bulk of the card's content.

<div class="card cards">
<div class="card-body">
<img src="assets/images/cards1.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Puzzles Coffee Shop</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
...
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

See More
<div class="card cards">
<div class="card-body">
<img src="assets/images/cards1.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="d-flex justify-content-between ">
<span>See More</span>
<img src="assets/icons/angle-right-blue.svg" alt=""> </a>
</div>
</div>
</div>
...
Puzzles Coffee Shop

Some quick example text to build on the card title and make up the bulk of the card's content.

Button
<div class="card p-0">
<div class="card-body p-0 d-flex align-items-center">
<div class="row g-0 w-100">
<div class="col-6">
<img src="assets/images/cards3.png" class="img-fluid rounded-start " alt="...">
</div>
<div class="col-6 ">
<div class="card-body d-flex flex-column gap-xl-2 gap-xxl-4">
<div>
<img src="assets/images/Vector.png" alt="">
</div>
<div>
<h5 class="card-title m-0">Puzzles Coffee Shop</h5>
<p class="card-text m-0">
Some quick example text to build on the card title and make up the bulk of the card's content. </p>
</div>
<a href="#" class="btn btn-primary">Button</a>
</div>
</div>
</div>
</div>
</div>
...
Submit
<div class="card p-0">
<div class="card-body p-0">
<div class="row g-0 w-100">
<div class="col-6 ">
<img src="assets/images/cards3.png" class="img-fluid rounded-start" alt="...">
</div>
<div class="col-6 ">
<div class="card-body d-flex flex-column gap-xl-3 gap-xxl-4">
<div>
<label for="" class="text2">Fullname</label>
<div class="custom-background rounded-2 d-flex align-items-center p-2 gap-2">
<img src="assets/icons/user.svg" alt="">
<input type="text" class="outline-email w-100" placeholder="Your Full Name">
</div>
</div>
<div>
<label for="" class="text2">Email</label>
<div class="custom-background rounded-2 d-flex align-items-center p-2 gap-2">
<img src="assets/icons/envelope.svg" alt="">
<input type="text" class="outline-email w-100" placeholder="Enter Your Email">
</div>
</div>
<a href="#" class="btn btn-primary">Submit</a>
</div>
</div>
</div>
</div>
</div>
...
Puzzles Coffee Shop

Some quick example text to build on the card title and make up the bulk of the card's content.

Button
<div class="card p-0">
<div class="card-body p-0 d-flex align-items-center">
<div class="row g-0 w-100">
<div class="col-6">
<img src="assets/images/cards3.png" class="img-fluid rounded-start " alt="...">
</div>
<div class="col-6 ">
<div class="card-body d-flex flex-column gap-xl-2 gap-xxl-4">
<div>
<img src="assets/images/Vector.png" alt="">
</div>
<div>
<h5 class="card-title m-0">Puzzles Coffee Shop</h5>
<p class="card-text m-0">
Some quick example text to build on the card title and make up the bulk of the card's content. </p>
</div>
<a href="#" class="btn btn-primary">Button</a>
</div>
</div>
</div>
</div>
</div>
...
Submit
<div class="card p-0">
<div class="card-body p-0">
<div class="row g-0 w-100">
<div class="col-6 ">
<img src="assets/images/cards3.png" class="img-fluid rounded-start" alt="...">
</div>
<div class="col-6 ">
<div class="card-body d-flex flex-column gap-xl-3 gap-xxl-4">
<div>
<label for="" class="text2">Fullname</label>
<div class="custom-background rounded-2 d-flex align-items-center p-2 gap-2">
<img src="assets/icons/user.svg" alt="">
<input type="text" class="outline-email w-100" placeholder="Your Full Name">
</div>
</div>
<div>
<label for="" class="text2">Email</label>
<div class="custom-background rounded-2 d-flex align-items-center p-2 gap-2">
<img src="assets/icons/envelope.svg" alt="">
<input type="text" class="outline-email w-100" placeholder="Enter Your Email">
</div>
</div>
<a href="#" class="btn btn-primary">Submit</a>
</div>
</div>
</div>
</div>
</div>

Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title and make up...

See More
<div class="card">
<div class="card-body">
<div class="card-body d-flex flex-column p-4">
<p class="card-text">
Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title and make up...</p>
<a href="#" class="d-flex justify-content-between ">
<span>See More</span>
<img src="assets/icons/angle-right-blue.svg" alt="">
</a>
</div>
</div>
</div>
Puzzles Coffee Shop

Some quick example text to build on the card title and make up the bulk of the card's content.

See More
...
<div class="card cards">
<div class="card-body">
<h5 class="card-title">Puzzles Coffee Shop</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="d-flex justify-content-between ">
<span>See More</span>
<img src="assets/icons/angle-right-blue.svg" alt="">
</a>
</div>
<img src="assets/images/cards2.png" class="card-img-bottom" alt="...">
</div>
...
Puzzles Coffee Shop
<div class="card cards">
<div class="card-body">
<img src="assets/images/cards1.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Puzzles Coffee Shop</h5>
</div>
</div>
</div>
...
Branding & Product Design

Some quick example text to build on the card title and make up the bulk of the card's content.

Details
<div class="card ">
<div class="card-body">
<div class="d-flex justify-content-center">
<img src="assets/images/Vector.png" class="" alt="...">
</div>
<div class="">
<h5 class="card-title">Branding & Product Design</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn button-cards d-flex gap-2">
<span>Details</span>
<img src="assets/icons/angle-right-blue.svg" alt="">
</a>
</div>
</div>
</div>
Error

Some quick example text to build on the card title and make up the bulk of the card's content.

<div class="card border-danger mb-3 p-3">
<div class="card-body">
<div class="d-flex justify-content-center">
<div class="rounded-circle p-2 warning-cards">
<img src="assets/icons/triangle-exclamation-red.svg" alt="" class="">
</div>
</div>
<div class="card-body text-danger d-flex flex-column align-items-center w-100">
<h5 class="card-title">Error</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
Warning

Some quick example text to build on the card title and make up the bulk of the card's content.

<div class="card cards border-warning ">
<div class="card-body">
<div class="d-flex justify-content-center">
<div class="rounded-circle p-2 warning-cards2">
<img src="assets/icons/exclamation-circle-yellow.svg" alt="" class="">
</div>
</div>
<div class="card-body text-warning d-flex flex-column align-items-center w-100">
<h5 class="card-title">Warning</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
success

Some quick example text to build on the card title and make up the bulk of the card's content.

<div class="card border-success mb-3 ">
<div class="card-body p-3">
<div class="d-flex justify-content-center">
<div class="rounded-circle p-2 warning-cards3">
<img src="assets/icons/check-green.svg" alt="" class="">
</div>
</div>
<div class="card-body text-success d-flex flex-column align-items-center w-100">
<h5 class="card-title">success</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
dialog

Some quick example text to build on the card title and make up the bulk of the card's content.

<div class="card border-primary">
<div class="card-body p-3">
<div class="d-flex justify-content-center">
<div class="rounded-circle p-2 warning-cards4">
<img src="assets/icons/rocket-launch-blue.svg" alt="" class="">
</div>
</div>
<div class="card-body text-primary d-flex flex-column align-items-center w-100">
<h5 class="card-title">dialog</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>