Pricing table Bootstrap snippets

Loading…

Pricing table Bootstrap snippets | GoSnippets

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                    <h3 class="title"><span>Standard</span></h3>
7                    <ul class="pricing-content">
8                        <li><i class="fa fa-check"></i> 50 GB Disk Space</li>
9                        <li><i class="fa fa-check"></i> 50 Email Accounts</li>
10                        <li><i class="fa fa-check"></i> 50 GB Monthly Bandwidth</li>
11                        <li><i class="fa fa-check"></i> 10 Subdomains</li>
12                        <li><i class="fa fa-check"></i> 15 Domains</li>
13                    </ul>
14                    <div class="price-value">
15                        <a href="#" class="pricingTable-signup">Sign Up</a>
16                        <span class="amount">
17                            $10<span>/mo</span>
18                        </span>
19                    </div>
20                </div>
21            </div>
22            <div class="col-md-4 col-sm-6">
23                <div class="pricingTable green">
24                    <h3 class="title"><span>Business</span></h3>
25                    <ul class="pricing-content">
26                        <li><i class="fa fa-check"></i> 60 GB Disk Space</li>
27                        <li><i class="fa fa-check"></i> 60 Email Accounts</li>
28                        <li><i class="fa fa-check"></i> 60 GB Monthly Bandwidth</li>
29                        <li><i class="fa fa-check"></i> 15 Subdomains</li>
30                        <li><i class="fa fa-check"></i> 20 Domains</li>
31                    </ul>
32                    <div class="price-value">
33                        <a href="#" class="pricingTable-signup">Sign Up</a>
34                        <span class="amount">
35                            $20<span>/mo</span>
36                        </span>
37                    </div>
38                </div>
39            </div>
40            <div class="col-md-4 col-sm-6">
41                <div class="pricingTable purple">
42                    <h3 class="title"><span>Premium</span></h3>
43                    <ul class="pricing-content">
44                        <li><i class="fa fa-check"></i> 70 GB Disk Space</li>
45                        <li><i class="fa fa-check"></i> 70 Email Accounts</li>
46                        <li><i class="fa fa-check"></i> 70 GB Monthly Bandwidth</li>
47                        <li><i class="fa fa-check"></i> 20 Subdomains</li>
48                        <li><i class="fa fa-check"></i> 25 Domains</li>
49                    </ul>
50                    <div class="price-value">
51                        <a href="#" class="pricingTable-signup">Sign Up</a>
52                        <span class="amount">
53                            $30<span>/mo</span>
54                        </span>
55                    </div>
56                </div>
57            </div>
58        </div>
59    </div>
60</div>

Pricing table Bootstrap snippets

Source Code

More Utilities snippets

Comments(0)