Add a card to your UI with Awesome Card Hover Interactions snippet. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
1<main class="page-content">
2 <div class="card">
3 <div class="content">
4 <h2 class="title">Mountain View</h2>
5 <p class="copy">Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains</p>
6 <button class="btn">View Trips</button>
7 </div>
8 </div>
9 <div class="card">
10 <div class="content">
11 <h2 class="title">To The Beach</h2>
12 <p class="copy">Plan your next beach trip with these fabulous destinations</p>
13 <button class="btn">View Trips</button>
14 </div>
15 </div>
16 <div class="card">
17 <div class="content">
18 <h2 class="title">Desert Destinations</h2>
19 <p class="copy">It's the desert you've always dreamed of</p>
20 <button class="btn">Book Now</button>
21 </div>
22 </div>
23 <div class="card">
24 <div class="content">
25 <h2 class="title">Explore The Galaxy</h2>
26 <p class="copy">Seriously, straight up, just blast off into outer space today</p>
27 <button class="btn">Book Now</button>
28 </div>
29 </div>
30</main>
Bootstrap carousel with cards in 3 columns
Bootstrap carousel with cards in 3 columns: a hand-crafted, open-source Bootstrap 5 card. HTML included, ready to copy.
Bootstrap 5 ecommerce product cards details template
Add a card to your UI with Bootstrap 5 ecommerce product cards details template. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
Bootstrap snippet Panels with nav tabs using HTML & CSS
Bootstrap snippet Panels with nav tabs using HTML & CSS — a free Bootstrap 5 card snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.
Hand-crafted Tailwind CSS components — HTML or React, copy-paste ready, with live previews. Free forever, MIT licensed, no sign-up to use.
24
Components
57
Views
6
Likes
Trending now
More Bootstrap snippets developers are viewing this week.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.