My Plan - Pricing Tables

8 Unique Styles

Pricing Table Style1

Basic
$49 per month
  • Free Setup
  • 1 GB Storage
  • 1 User
  • 10 GB Bandwidth
Personal
$69 per month
  • Free Setup
  • 4 GB Storage
  • 4 Users
  • 16 GB Bandwidth
Unlimited
$199 per month
  • Free Setup
  • Unlimited Storage
  • Unlimited Users
  • Unlimited Bandwidth

Get Your HTML Code

In this example we show you how to create easily pricing table style1. To get pricing like demo so,
please copy HTML code and paste it your required position. You can formating your HTML code from here - http://jsbeautifier.org

							<div class="row pricing-style1"> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Basic </div> <div class="price"> <span class="value"> $49 </span> <span class="duration"> per month </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> 1 GB Storage </li> <li> 1 User </li> <li> 10 GB Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Personal </div> <div class="price"> <span class="value"> $69 </span> <span class="duration"> per month </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> 4 GB Storage </li> <li> 4 Users </li> <li> 16 GB Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan featured"> <div class="pricing-head"> <div class="name"> Business </div> <div class="price"> <span class="value"> $99 </span> <span class="duration"> per month </span> </div> <div class="badge"> populer </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> 40 GB Storage </li> <li> Unlimited Users </li> <li> Unlimited Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Unlimited </div> <div class="price"> <span class="value"> $199 </span> <span class="duration"> per month </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> Unlimited Storage </li> <li> Unlimited Users </li> <li> Unlimited Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> </div>
						

Pricing Table Style2

$ 59 / mo
Basic
  • 15 Projects
  • 10GB Storage
  • No Time Tracking
  • Enhanced Security
  • Unlimited Users
  • And many other features
$ 69 / mo
Medium
  • 15 Projects
  • 10GB Storage
  • No Time Tracking
  • Enhanced Security
  • Unlimited Users
  • And many other features
$ 99 / mo
Premimum
  • 15 Projects
  • 10GB Storage
  • No Time Tracking
  • Enhanced Security
  • Unlimited Users
  • And many other features

Get Your HTML Code

In this example we show you how to create easily pricing table style2. To get pricing like demo so,
please copy HTML code and paste it your required position. You can formating your HTML code from here - http://jsbeautifier.org

							<div class="row pricing-style2"> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="price"> <sup> $ </sup> <span class="value">40</span> <span class="duration"> / mo</span> </div> <div class="name"> Basic </div> <div class="p-button"> <a class="dt-sc-button medium" href="#">Buy Now</a> </div> </div> <div class="pricing-body"> <ul> <li>15 Projects</li> <li>10GB Storage</li> <li>No Time Tracking</li> <li>Enhanced Security</li> <li>Unlimited Users</li> <li>And many other features</li> </ul> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="price"> <sup> $ </sup> <span class="value">69</span> <span class="duration"> / mo</span> </div> <div class="name"> Medium </div> <div class="p-button"> <a class="dt-sc-button medium" href="#">Buy Now</a> </div> </div> <div class="pricing-body"> <ul> <li>15 Projects</li> <li>10GB Storage</li> <li>No Time Tracking</li> <li>Enhanced Security</li> <li>Unlimited Users</li> <li>And many other features</li> </ul> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan featured"> <div class="pricing-head"> <div class="price"> <sup> $ </sup> <span class="value">40</span> <span class="duration"> / mo</span> </div> <div class="name"> Basic </div> <div class="p-button"> <a class="dt-sc-button medium" href="#">Buy Now</a> </div> </div> <div class="pricing-body"> <ul> <li>15 Projects</li> <li>10GB Storage</li> <li>No Time Tracking</li> <li>Enhanced Security</li> <li>Unlimited Users</li> <li>And many other features</li> </ul> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="price"> <sup> $ </sup> <span class="value">40</span> <span class="duration"> / mo</span> </div> <div class="name"> Basic </div> <div class="p-button"> <a class="dt-sc-button medium" href="#">Buy Now</a> </div> </div> <div class="pricing-body"> <ul> <li>15 Projects</li> <li>10GB Storage</li> <li>No Time Tracking</li> <li>Enhanced Security</li> <li>Unlimited Users</li> <li>And many other features</li> </ul> </div> </div> </div> </div>
						

Pricing Table Style3

Standard
  • 15 Projects
  • 10GB Storage
  • No Time Tracking
  • Enhanced Security
  • Unlimited Users
  • And many other features
Business
  • 15 Projects
  • 10GB Storage
  • No Time Tracking
  • Enhanced Security
  • Unlimited Users
  • And many other features
Ultimate
  • 15 Projects
  • 10GB Storage
  • No Time Tracking
  • Enhanced Security
  • Unlimited Users
  • And many other features

Get Your HTML Code

In this example we show you how to create easily pricing table style3. To get pricing like demo so,
please copy HTML code and paste it your required position. You can formating your HTML code from here - http://jsbeautifier.org

							<div class="row pricing-style3"> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Standard </div> </div> <div class="pricing-body"> <ul> <li>15 Projects</li> <li>10GB Storage</li> <li>No Time Tracking</li> <li>Enhanced Security</li> <li>Unlimited Users</li> <li>And many other features</li> </ul> </div> <div class="pricing-footer"> <div class="price"> <sup> $ </sup> <span class="value">35</span> <span class="duration"> / MO</span> </div> <div class="p-button"> <a class="dt-sc-button medium" href="#">Get Started Now</a> </div> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Business </div> </div> <div class="pricing-body"> <ul> <li>15 Projects</li> <li>10GB Storage</li> <li>No Time Tracking</li> <li>Enhanced Security</li> <li>Unlimited Users</li> <li>And many other features</li> </ul> </div> <div class="pricing-footer"> <div class="price"> <sup> $ </sup> <span class="value">53</span> <span class="duration"> / MO</span> </div> <div class="p-button"> <a class="dt-sc-button medium" href="#">Get Started Now</a> </div> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan featured"> <div class="pricing-head"> <div class="name"> Premimum </div> </div> <div class="pricing-body"> <ul> <li>15 Projects</li> <li>10GB Storage</li> <li>No Time Tracking</li> <li>Enhanced Security</li> <li>Unlimited Users</li> <li>And many other features</li> </ul> </div> <div class="pricing-footer"> <div class="price"> <sup> $ </sup> <span class="value">69</span> <span class="duration"> / YR</span> </div> <div class="p-button"> <a class="dt-sc-button medium" href="#">Get Started Now</a> </div> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Ultimate </div> </div> <div class="pricing-body"> <ul> <li>15 Projects</li> <li>10GB Storage</li> <li>No Time Tracking</li> <li>Enhanced Security</li> <li>Unlimited Users</li> <li>And many other features</li> </ul> </div> <div class="pricing-footer"> <div class="price"> <sup> $ </sup> <span class="value">99</span> <span class="duration"> / YR</span> </div> <div class="p-button"> <a class="dt-sc-button medium" href="#">Get Started Now</a> </div> </div> </div> </div> </div>
						

Pricing Table Style4

Basic
$49.99 / mo
  • Free Setup
  • 1 GB Storage
  • 1 User
  • 10 GB Bandwidth
Professional
$59.99 / mo
  • Free Setup
  • 4 GB Storage
  • 4 Users
  • 16 GB Bandwidth
Premimum
$89.99 / mo
  • Free Setup
  • Unlimited Storage
  • Unlimited Users
  • Unlimited Bandwidth

Get Your HTML Code

In this example we show you how to create easily pricing table style4. To get pricing like demo so,
please copy HTML code and paste it your required position. You can formating your HTML code from here - http://jsbeautifier.org

							<div class="row pricing-style4"> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Basic </div> <div class="price"> <span class="value"> <sup>$</sup>49.99 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> 1 GB Storage </li> <li> 1 User </li> <li> 10 GB Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Professional </div> <div class="price"> <span class="value"> <sup>$</sup>59.99 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> 4 GB Storage </li> <li> 4 Users </li> <li> 16 GB Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan featured"> <div class="pricing-head"> <div class="name"> Standard </div> <div class="price"> <span class="value"> <sup>$</sup>69.99 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> 40 GB Storage </li> <li> Unlimited Users </li> <li> Unlimited Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Premimum </div> <div class="price"> <span class="value"> <sup>$</sup>89.99 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> Unlimited Storage </li> <li> Unlimited Users </li> <li> Unlimited Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> </div>
						

Pricing Table Style5

Basic
$49.99 / mo
  • Free Setup
  • 1 GB Storage
  • 1 User
  • 10 GB Bandwidth
Professional
$59.99 / mo
  • Free Setup
  • 4 GB Storage
  • 4 Users
  • 16 GB Bandwidth
Premimum
$89.99 / mo
  • Free Setup
  • Unlimited Storage
  • Unlimited Users
  • Unlimited Bandwidth

Get Your HTML Code

In this example we show you how to create easily pricing table style5. To get pricing like demo so,
please copy HTML code and paste it your required position. You can formating your HTML code from here - http://jsbeautifier.org

							<div class="row pricing-style5"> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Basic </div> <div class="price"> <span class="value"> <sup>$</sup>49.99 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> 1 GB Storage </li> <li> 1 User </li> <li> 10 GB Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Professional </div> <div class="price"> <span class="value"> <sup>$</sup>59.99 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> 4 GB Storage </li> <li> 4 Users </li> <li> 16 GB Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan featured"> <div class="pricing-head"> <div class="name"> Standard </div> <div class="price"> <span class="value"> <sup>$</sup>69.99 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> 40 GB Storage </li> <li> Unlimited Users </li> <li> Unlimited Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Premimum </div> <div class="price"> <span class="value"> <sup>$</sup>89.99 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> Unlimited Storage </li> <li> Unlimited Users </li> <li> Unlimited Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> </div>
						

Pricing Table Style6

Basic
$49 / month
  • 15 Projects
  • 1 GB Storage
  • 2 Mail Marketing
  • 5 Data Base
  • 10 GB Bandwidth
  • Enhanced Security
Professional
$59 / month
  • 20 Projects
  • 5 GB Storage
  • 5 Mail Marketing
  • 10 Data Base
  • 15 GB Bandwidth
  • Enhanced Security
Premimum
$99 / month
  • 50 Projects
  • 50 GB Storage
  • 18 Marketing
  • 15 Data Base
  • Unlimited Bandwidth
  • Enhanced Security

Get Your HTML Code

In this example we show you how to create easily pricing table style6. To get pricing like demo so,
please copy HTML code and paste it your required position. You can formating your HTML code from here - http://jsbeautifier.org

							<div class="row pricing-style6"> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Basic </div> <div class="price"> <span class="value"> <sup>$</sup>49 </span> <span class="duration"> / month </span> </div> </div> <div class="pricing-body"> <ul> <li> 15 Projects </li> <li> 1 GB Storage </li> <li> 2 Mail Marketing </li> <li> 5 Data Base </li> <li> 10 GB Bandwidth </li> <li> Enhanced Security </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">Get Started Now</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Professional </div> <div class="price"> <span class="value"> <sup>$</sup>59 </span> <span class="duration"> / month </span> </div> </div> <div class="pricing-body"> <ul> <li> 20 Projects </li> <li> 5 GB Storage </li> <li> 5 Mail Marketing </li> <li> 10 Data Base </li> <li> 15 GB Bandwidth </li> <li> Enhanced Security </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">Get Started Now</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan featured"> <div class="pricing-head"> <div class="name"> Standard </div> <div class="price"> <span class="value"> <sup>$</sup>69 </span> <span class="duration"> / month </span> </div> </div> <div class="pricing-body"> <ul> <li> 25 Projects </li> <li> 8 GB Storage </li> <li> 7 Mail Marketing </li> <li> 12 Data Base </li> <li> 18 GB Bandwidth </li> <li> Enhanced Security </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">Get Started Now</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Premimum </div> <div class="price"> <span class="value"> <sup>$</sup>99 </span> <span class="duration"> / month </span> </div> </div> <div class="pricing-body"> <ul> <li> 50 Projects </li> <li> 50 GB Storage </li> <li> 18 Marketing </li> <li> 15 Data Base </li> <li> Unlimited Bandwidth </li> <li> Enhanced Security </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">Get Started Now</a> </div> </div> </div> </div>
						

Pricing Table Style7

Basic
$49.99 / mo
  • Free Setup
  • 1 GB Storage
  • 1 User
  • 10 GB Bandwidth
Professional
$59.99 / mo
  • Free Setup
  • 4 GB Storage
  • 4 Users
  • 16 GB Bandwidth
Premimum
$89.99 / mo
  • Free Setup
  • Unlimited Storage
  • Unlimited Users
  • Unlimited Bandwidth

Get Your HTML Code

In this example we show you how to create easily pricing table style7. To get pricing like demo so,
please copy HTML code and paste it your required position. You can formating your HTML code from here - http://jsbeautifier.org

							<div class="row pricing-style7"> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Basic </div> <div class="price"> <span class="value"> <sup>$</sup>49.99 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> 1 GB Storage </li> <li> 1 User </li> <li> 10 GB Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Professional </div> <div class="price"> <span class="value"> <sup>$</sup>59.99 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> 4 GB Storage </li> <li> 4 Users </li> <li> 16 GB Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan featured"> <div class="pricing-head"> <div class="name"> Standard </div> <div class="price"> <span class="value"> <sup>$</sup>69.99 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> 40 GB Storage </li> <li> Unlimited Users </li> <li> Unlimited Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Premimum </div> <div class="price"> <span class="value"> <sup>$</sup>89.99 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> Unlimited Storage </li> <li> Unlimited Users </li> <li> Unlimited Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> </div>
						

Pricing Table Style8

Basic
$49 / mo
  • Free Setup
  • 1 GB Storage
  • 1 User
  • 10 GB Bandwidth
Professional
$59 / mo
  • Free Setup
  • 4 GB Storage
  • 4 Users
  • 16 GB Bandwidth
Premimum
$89 / mo
  • Free Setup
  • Unlimited Storage
  • Unlimited Users
  • Unlimited Bandwidth

Get Your HTML Code

In this example we show you how to create easily pricing table style8. To get pricing like demo so,
please copy HTML code and paste it your required position. You can formating your HTML code from here - http://jsbeautifier.org

							<div class="row pricing-style8"> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Basic </div> <div class="price"> <span class="value"> <sup>$</sup>49 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> 1 GB Storage </li> <li> 1 User </li> <li> 10 GB Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Professional </div> <div class="price"> <span class="value"> <sup>$</sup>59 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> 4 GB Storage </li> <li> 4 Users </li> <li> 16 GB Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan featured"> <div class="pricing-head"> <div class="name"> Standard </div> <div class="price"> <span class="value"> <sup>$</sup>69 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> 40 GB Storage </li> <li> Unlimited Users </li> <li> Unlimited Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Premimum </div> <div class="price"> <span class="value"> <sup>$</sup>89 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> Unlimited Storage </li> <li> Unlimited Users </li> <li> Unlimited Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> </div>
						

Pricing Table 3 Column Example

Basic
$49 / mo
  • Free Setup
  • 1 GB Storage
  • 1 User
  • 10 GB Bandwidth

Get Your HTML Code

In this example how to create three column pricing table. You can create 2,3,4,5 column use bootstrap or any front end framework row-column. - http://jsbeautifier.org

							<div class="row pricing-style8"> <div class="col-md-4 col-sm-6"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Basic </div> <div class="price"> <span class="value"> <sup>$</sup>49 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> 1 GB Storage </li> <li> 1 User </li> <li> 10 GB Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> <div class="col-md-4 col-sm-6"> <div class="pricing-plan featured"> <div class="pricing-head"> <div class="name"> Standard </div> <div class="price"> <span class="value"> <sup>$</sup>69 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> 40 GB Storage </li> <li> Unlimited Users </li> <li> Unlimited Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> <div class="col-md-4 hidden-sm"> <div class="pricing-plan"> <div class="pricing-head"> <div class="name"> Premimum </div> <div class="price"> <span class="value"> <sup>$</sup>89 </span> <span class="duration"> / mo </span> </div> </div> <div class="pricing-body"> <ul> <li> Free Setup </li> <li> Unlimited Storage </li> <li> Unlimited Users </li> <li> Unlimited Bandwidth </li> </ul> </div> <div class="pricing-footer"> <a href="#" class="p-button">SIGN UP</a> </div> </div> </div> </div>