Utilities Bootstrap 5Free+ CSS
Free Bootstrap 5 utility snippet — Creative Bootstrap 5 pricing table example. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
1.9k views59 downloads
gosnippets.com/preview/creative-bootstrap-5-pricing-table-example
Source Code
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 <div class="price-value">$10.99 per month</div>
9 </div>
10 <ul class="pricing-content">
11 <li><i class="fa fa-check"></i> 50GB Disk Space</li>
12 <li><i class="fa fa-times"></i> 50 Email Accounts</li>
13 <li><i class="fa fa-check"></i> 50GB Bandwidth</li>
14 <li><i class="fa fa-times"></i> 10 Subdomains</li>
15 <li><i class="fa fa-check"></i> 15 Domains</li>
16 </ul>
17 <a href="#" class="pricingTable-signup">Subscribe Now</a>
18 </div>
19 </div>
20 <div class="col-md-4 col-sm-6">
21 <div class="pricingTable blue">
22 <div class="pricingTable-header">
23 <h3 class="title">Business</h3>
24 <div class="price-value">$20.99 per month</div>
25 </div>
26 <ul class="pricing-content">
27 <li><i class="fa fa-check"></i> 60GB Disk Space</li>
28 <li><i class="fa fa-check"></i> 60 Email Accounts</li>
29 <li><i class="fa fa-check"></i> 60GB Bandwidth</li>
30 <li><i class="fa fa-times"></i> 15 Subdomains</li>
31 <li><i class="fa fa-check"></i> 20 Domains</li>
32 </ul>
33 <a href="#" class="pricingTable-signup">Subscribe Now</a>
34 </div>
35 </div>
36 <div class="col-md-4 col-sm-6">
37 <div class="pricingTable pink">
38 <div class="pricingTable-header">
39 <h3 class="title">Premium</h3>
40 <div class="price-value">$30.99 per month</div>
41 </div>
42 <ul class="pricing-content">
43 <li><i class="fa fa-check"></i> 70GB Disk Space</li>
44 <li><i class="fa fa-check"></i> 70 Email Accounts</li>
45 <li><i class="fa fa-check"></i> 70GB Bandwidth</li>
46 <li><i class="fa fa-check"></i> 20 Subdomains</li>
47 <li><i class="fa fa-check"></i> 25 Domains</li>
48 </ul>
49 <a href="#" class="pricingTable-signup">Subscribe Now</a>
50 </div>
51 </div>
52 </div>
53 </div>
54 </div>Tags
More Utilities snippets
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.
UtilitiesView →
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.
UtilitiesView →
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.
UtilitiesView →
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.