Upgrade your subscription with confidence using our comparison cards featuring Nordic Slate styling and interactive glow elements that highlight value and trust.
1
2<section class="gs-stage">
3 <div class="gs-orb gs-orb-1" aria-hidden="true"></div>
4 <div class="gs-orb gs-orb-2" aria-hidden="true"></div>
5 <div class="gs-grid-overlay" aria-hidden="true"></div>
6 <div class="gs-card">
7 <div class="gs-card-inner">
8 <h2 class="text-center mb-4">Choose Your Plan</h2>
9 <div class="row row-cols-1 row-cols-md-3 gx-4 gy-4">
10 <div class="col">
11 <div class="plan-card">
12 <svg class="icon">
13 <circle></circle>
14 <line></line>
15 <line></line>
16 </svg>
17 <h3>Basic</h3>
18 <p>$19/month</p>
19 <ul class="list-unstyled">
20 <li>10 Projects</li>
21 <li>Email Support</li>
22 <li>Basic Analytics</li>
23 </ul>
24 <button class="btn btn-primary">Select</button>
25 </div>
26 </div>
27 <div class="col">
28 <div class="plan-card">
29 <svg class="icon">
30 <rect></rect>
31 <circle></circle>
32 </svg>
33 <h3>Pro</h3>
34 <p>$49/month</p>
35 <ul class="list-unstyled">
36 <li>Unlimited Projects</li>
37 <li>24/7 Support</li>
38 <li>Advanced Analytics</li>
39 </ul>
40 <button class="btn btn-primary">Select</button>
41 </div>
42 </div>
43 <div class="col">
44 <div class="plan-card">
45 <svg class="icon">
46 <polygon></polygon>
47 <path d="M12 8 L16 18 L8 18 Z" stroke="var(--accent)" stroke-width="2" fill="none"></path>
48 </svg>
49 <h3>Enterprise</h3>
50 <p>$99/month</p>
51 <ul class="list-unstyled">
52 <li>Priority Support</li>
53 <li>Custom Analytics</li>
54 <li>Dedicated Manager</li>
55 </ul>
56 <button class="btn btn-primary">Select</button>
57 </div>
58 </div>
59 </div>
60 </div>
61 </div>
62</section>
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.
27
Components
151
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.