Utilities Bootstrap 5Free+ CSS
Responsive Bootstrap 5 pricing table snippet — a free Bootstrap 5 utility snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.
10.2k views341 downloads
gosnippets.com/preview/responsive-bootstrap-5-pricing-table-snippet
Source Code
1<div class="demo">
2 <div class="container">
3 <div class="row">
4 <div class="col-md-3 col-sm-6">
5 <div class="pricingTable">
6 <div class="pricingTable-header">
7 <i class="fa fa-adjust"></i>
8 <div class="price-value"> $10.00 <span class="month">per month</span> </div>
9 </div>
10 <h3 class="heading">Standard</h3>
11 <div class="pricing-content">
12 <ul>
13 <li><b>50GB</b> Disk Space</li>
14 <li><b>50</b> Email Accounts</li>
15 <li><b>50GB</b> Monthly Bandwidth</li>
16 <li><b>10</b> subdomains</li>
17 <li><b>15</b> Domains</li>
18 </ul>
19 </div>
20 <div class="pricingTable-signup">
21 <a href="#">sign up</a>
22 </div>
23 </div>
24 </div>
25
26 <div class="col-md-3 col-sm-6">
27 <div class="pricingTable green">
28 <div class="pricingTable-header">
29 <i class="fa fa-briefcase"></i>
30 <div class="price-value"> $20.00 <span class="month">per month</span> </div>
31 </div>
32 <h3 class="heading">Business</h3>
33 <div class="pricing-content">
34 <ul>
35 <li><b>60GB</b> Disk Space</li>
36 <li><b>60</b> Email Accounts</li>
37 <li><b>60GB</b> Monthly Bandwidth</li>
38 <li><b>15</b> subdomains</li>
39 <li><b>20</b> Domains</li>
40 </ul>
41 </div>
42 <div class="pricingTable-signup">
43 <a href="#">sign up</a>
44 </div>
45 </div>
46 </div>
47 <div class="col-md-3 col-sm-6">
48 <div class="pricingTable blue">
49 <div class="pricingTable-header">
50 <i class="fa fa-diamond"></i>
51 <div class="price-value"> $30.00 <span class="month">per month</span> </div>
52 </div>
53 <h3 class="heading">Premium</h3>
54 <div class="pricing-content">
55 <ul>
56 <li><b>70GB</b> Disk Space</li>
57 <li><b>70</b> Email Accounts</li>
58 <li><b>70GB</b> Monthly Bandwidth</li>
59 <li><b>20</b> subdomains</li>
60 <li><b>25</b> Domains</li>
61 </ul>
62 </div>
63 <div class="pricingTable-signup">
64 <a href="#">sign up</a>
65 </div>
66 </div>
67 </div>
68 <div class="col-md-3 col-sm-6">
69 <div class="pricingTable red">
70 <div class="pricingTable-header">
71 <i class="fa fa-cube"></i>
72 <div class="price-value"> $40.00 <span class="month">per month</span> </div>
73 </div>
74 <h3 class="heading">Extra</h3>
75 <div class="pricing-content">
76 <ul>
77 <li><b>80GB</b> Disk Space</li>
78 <li><b>80</b> Email Accounts</li>
79 <li><b>80GB</b> Monthly Bandwidth</li>
80 <li><b>25</b> subdomains</li>
81 <li><b>30</b> Domains</li>
82 </ul>
83 </div>
84 <div class="pricingTable-signup">
85 <a href="#">sign up</a>
86 </div>
87 </div>
88 </div>
89 </div>
90 </div>
91</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.