Responsive Bootstrap 5 pricing table snippet: a hand-crafted, open-source Bootstrap 5 utility. HTML & CSS included, ready to copy.
1<div class="demo">
2 <div class="container">
3 <div class="row">
4 <div class="col-md-4 col-sm-6">
5 <div class="pricingTable">
6 <div class="pricingTable-header">
7 <h3 class="title">Standard</h3>
8 <span class="sub-title">Lorem ipsum</span>
9 <span class="year">Pay only <br>$110/year</span>
10 </div>
11 <div class="price-value">
12 <div class="value">
13 <span class="currency">$</span>
14 <span class="amount">10.<span>99</span></span>
15 <span class="month">/month</span>
16 </div>
17 </div>
18 <ul class="pricing-content">
19 <li>50GB Disk Space</li>
20 <li>50 Email Accounts</li>
21 <li>50GB Monthly Bandwidth</li>
22 <li class="disable">10 Subdomains</li>
23 <li class="disable">15 Domains</li>
24 </ul>
25 <a href="#" class="pricingTable-signup">Sign up</a>
26 </div>
27 </div>
28 <div class="col-md-4 col-sm-6">
29 <div class="pricingTable purple">
30 <div class="pricingTable-header">
31 <h3 class="title">Business</h3>
32 <span class="sub-title">Lorem ipsum</span>
33 <span class="year">Pay only <br>$220/year</span>
34 </div>
35 <div class="price-value">
36 <div class="value">
37 <span class="currency">$</span>
38 <span class="amount">20.<span>99</span></span>
39 <span class="month">/month</span>
40 </div>
41 </div>
42 <ul class="pricing-content">
43 <li>60GB Disk Space</li>
44 <li>60 Email Accounts</li>
45 <li>60GB Monthly Bandwidth</li>
46 <li>15 Subdomains</li>
47 <li class="disable">20 Domains</li>
48 </ul>
49 <a href="#" class="pricingTable-signup">Sign up</a>
50 </div>
51 </div>
52 <div class="col-md-4 col-sm-6">
53 <div class="pricingTable blue">
54 <div class="pricingTable-header">
55 <h3 class="title">Premium</h3>
56 <span class="sub-title">Lorem ipsum</span>
57 <span class="year">Pay only <br>$330/year</span>
58 </div>
59 <div class="price-value">
60 <div class="value">
61 <span class="currency">$</span>
62 <span class="amount">30.<span>99</span></span>
63 <span class="month">/month</span>
64 </div>
65 </div>
66 <ul class="pricing-content">
67 <li>70GB Disk Space</li>
68 <li>70 Email Accounts</li>
69 <li>70GB Monthly Bandwidth</li>
70 <li>20 Subdomains</li>
71 <li>25 Domains</li>
72 </ul>
73 <a href="#" class="pricingTable-signup">Sign up</a>
74 </div>
75 </div>
76 </div>
77 </div>
78</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.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.