Free Bootstrap 5 utility snippet — Beautiful gradient Pricing Table UI Design. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
1<div class="container">
2 <div class="pricing__table">
3 <div class="icon type-01">
4 <span class="fa fa-paper-plane" aria-hidden="true">
5 </span>
6 </div>
7 <h3 class="heading">standard</h3>
8 <h1 class="service__price">
9 25
10 <sup class="dollar__sign">$</sup>
11 </h1>
12 <ul class="features__list">
13 <li>
14 <i class="fa fa-check" aria-hidden="true">
15 </i>
16 10 GB space
17 </li>
18 <li>
19 <i class="fa fa-check" aria-hidden="true">
20 </i>
21 3 domains names
22 </li>
23 <li>
24 <i class="fa fa-check" aria-hidden="true">
25 </i>
26 20 emails address
27 </li>
28 <li>
29 <i class="fa fa-times" aria-hidden="true"></i>
30 live support
31 </li>
32 </ul>
33 <button class="order__button">
34 order now
35 </button>
36 </div>
37
38
39 <div class="pricing__table">
40 <div class="icon type-02">
41 <span class="fa fa-plane" aria-hidden="true">
42 </span>
43 </div>
44 <h3 class="heading">premium</h3>
45 <h1 class="service__price">
46 50
47 <sup class="dollar__sign">$</sup>
48 </h1>
49 <ul class="features__list">
50 <li>
51 <i class="fa fa-check" aria-hidden="true">
52 </i>
53 50 GB space
54 </li>
55 <li>
56 <i class="fa fa-check" aria-hidden="true">
57 </i>
58 5 domains names
59 </li>
60 <li>
61 <i class="fa fa-check" aria-hidden="true">
62 </i>
63 50 emails address
64 </li>
65 <li>
66 <i class="fa fa-check" aria-hidden="true"></i>
67 live support
68 </li>
69 </ul>
70 <button class="order__button">
71 order now
72 </button>
73 </div>
74
75 <div class="pricing__table">
76 <div class="icon type-03">
77 <span class="fa fa-rocket" aria-hidden="true">
78 </span>
79 </div>
80 <h3 class="heading">ultimate</h3>
81 <h1 class="service__price">
82 100
83 <sup class="dollar__sign">$</sup>
84 </h1>
85 <ul class="features__list">
86 <li>
87 <i class="fa fa-check" aria-hidden="true">
88 </i>
89 Unlimited space
90 </li>
91 <li>
92 <i class="fa fa-check" aria-hidden="true">
93 </i>
94 10 domains names
95 </li>
96 <li>
97 <i class="fa fa-check" aria-hidden="true">
98 </i>
99 Unlimited emails address
100 </li>
101 <li>
102 <i class="fa fa-check" aria-hidden="true"></i>
103 live support
104 </li>
105 </ul>
106 <button class="order__button">
107 order now
108 </button>
109 </div>
110
111</div>
Auto move mouse cursor snippet
Auto move mouse cursor snippet: a hand-crafted, open-source Bootstrap 5 utility. HTML, CSS & JS included, ready to copy.
Bootstrap 5 Ecommerce Product Detail Page Design snippet
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce Product Detail Page Design snippet. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
Bootstrap 5 Ecommerce single product page design template
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce single product page design template. Preview, copy HTML & CSS, drop it into any 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.