X

basic

$100/m

Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus.

  • 10GB Space available
  • Unlimited Colors
  • Responsive
  • 5 Main page
  • Countless Features
Buy Now!

Standard

$200/m

Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus.

  • 10GB Space available
  • Unlimited Colors
  • Responsive
  • 5 Main page
  • Countless Features
Buy Now!

Advanced

$300/m

Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus.

  • 10GB Space available
  • Unlimited Colors
  • Responsive
  • 5 Main page
  • Countless Features
Buy Now!
SOURCE CODE
 
<div class="price-table price-table1 row">
    <div class="col-sm-4">
        <div class="price_icon1">
            <span class="glyphicons glyph-imac"></span>
        </div>
        <div class="price_title">
            <h2>basic</h2>
        </div>
        <div class="price_holder">
            <div class="price_box">
                <span class="sup">$</span><span class="price">100/</span><span class="unit">m</span>
            </div>
            <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. </p>
            <ul>
                <li><span>10GB</span> Space available</li>
                <li><span>Unlimited</span> Colors</li>
                <li>Responsive</li>
                <li><span>5</span> Main page</li>
                <li><span>Countless</span> Features</li>
            </ul>
            <a href="#" class="btn ">Buy Now!</a>
        </div>
    </div>
    <div class="col-sm-4">
        <div class="price_icon2">
            <span class="glyphicons glyph-imac"></span>
            <span class="glyphicons glyph-iphone"></span>
        </div>
        <div class="price_title">
            <h2>Standard</h2>
        </div>
        <div class="price_holder">
            <div class="price_box">
                <span class="sup">$</span><span class="price">200/</span><span class="unit">m</span>
            </div>
            <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. </p>
            <ul>
                <li><span>10GB</span> Space available</li>
                <li><span>Unlimited</span> Colors</li>
                <li>Responsive</li>
                <li><span>5</span> Main page</li>
                <li><span>Countless</span> Features</li>
            </ul>
            <a href="#" class="btn ">Buy Now!</a>
        </div>
    </div>
    <div class="col-sm-4">
        <div class="price_icon3">
            <span class="glyphicons glyph-ipad"></span>
            <span class="glyphicons glyph-imac"></span>
            <span class="glyphicons glyph-iphone"></span>
        </div>
        <div class="price_title">
            <h2>Advanced</h2>
        </div>
        <div class="price_holder">
            <div class="price_box">
                <span class="sup">$</span><span class="price">300/</span><span class="unit">m</span>
            </div>
            <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. </p>
            <ul>
                <li><span>10GB</span> Space available</li>
                <li><span>Unlimited</span> Colors</li>
                <li>Responsive</li>
                <li><span>5</span> Main page</li>
                <li><span>Countless</span> Features</li>
            </ul>
            <a href="#" class="btn ">Buy Now!</a>
        </div>
    </div>
</div>

Basic Plan

$19/month

You can save 20% per month

  • Responsive
  • DNN Blog
  • Unlimited Colors
  • HTML5 & CSS3
  • Buy Now!

Professional

$29/month

You can save 20% per month

  • Responsive
  • DNN Blog
  • Unlimited Colors
  • HTML5 & CSS3
  • Buy Now!

Maximum

$39/month

You can save 20% per month

  • Responsive
  • DNN Blog
  • Unlimited Colors
  • HTML5 & CSS3
  • Buy Now!

Extreme

$49/month

You can save 20% per month

  • Responsive
  • DNN Blog
  • Unlimited Colors
  • HTML5 & CSS3
  • Buy Now!
SOURCE CODE
 
<div class="price-table price-table2 row">
    <div class="col-sm-6 col-md-3">
        <div class="price_icon">
            <span class="glyphicons glyph-tag"></span>
            <div class="price_title">
                <h2>Basic Plan</h2>
            </div>
        </div>
        <div class="price_holder">
            <div class="price_box">
                <span class="sup">$</span><span class="price">19/</span><span class="unit">month</span>
            </div>
            <p>You can save 20% per month</p>
            <ul>
                <li>Responsive</li>
                <li>DNN Blog</li>
                <li>Unlimited Colors</li>
                <li>HTML5 &amp; CSS3</li>
                <li><span class="glyphicons glyph-star"></span><span class="glyphicons glyph-star"></span><span class="glyphicons glyph-star"></span><span class="glyphicons glyph-dislikes"></span><span class="glyphicons glyph-dislikes"></span> </li>
                <li><a href="#" class="btn ">Buy Now!</a></li>
            </ul>
        </div>
    </div>
    <div class="col-sm-6 col-md-3">
        <div class="price_icon">
            <span class="glyphicons glyph-book"></span>
            <div class="price_title">
                <h2>Professional</h2>
            </div>
        </div>
        <div class="price_holder">
            <div class="price_box">
                <span class="sup">$</span><span class="price">29/</span><span class="unit">month</span>
            </div>
            <p>You can save 20% per month</p>
            <ul>
                <li>Responsive</li>
                <li>DNN Blog</li>
                <li>Unlimited Colors</li>
                <li>HTML5 &amp; CSS3</li>
                <li><span class="glyphicons glyph-star"></span><span class="glyphicons glyph-star"></span><span class="glyphicons glyph-star"></span><span class="glyphicons glyph-dislikes"></span><span class="glyphicons glyph-dislikes"></span> </li>
                <li><a href="#" class="btn ">Buy Now!</a></li>
            </ul>
        </div>
    </div>
    <div class="col-sm-6 col-md-3">
        <div class="price_icon">
            <span class="glyphicons glyph-cup"></span>
            <div class="price_title">
                <h2>Maximum</h2>
            </div>
        </div>
        <div class="price_holder">
            <div class="price_box">
                <span class="sup">$</span><span class="price">39/</span><span class="unit">month</span>
            </div>
            <p>You can save 20% per month</p>
            <ul>
                <li>Responsive</li>
                <li>DNN Blog</li>
                <li>Unlimited Colors</li>
                <li>HTML5 &amp; CSS3</li>
                <li><span class="glyphicons glyph-star"></span><span class="glyphicons glyph-star"></span><span class="glyphicons glyph-star"></span><span class="glyphicons glyph-dislikes"></span><span class="glyphicons glyph-dislikes"></span> </li>
                <li><a href="#" class="btn ">Buy Now!</a></li>
            </ul>
        </div>
    </div>
    <div class="col-sm-6 col-md-3">
        <div class="price_icon">
            <span class="glyphicons glyph-cloud"></span>
            <div class="price_title">
                <h2>Extreme</h2>
            </div>
        </div>
        <div class="price_holder">
            <div class="price_box">
                <span class="sup">$</span><span class="price">49/</span><span class="unit">month</span>
            </div>
            <p>You can save 20% per month</p>
            <ul>
                <li>Responsive</li>
                <li>DNN Blog</li>
                <li>Unlimited Colors</li>
                <li>HTML5 &amp; CSS3</li>
                <li><span class="glyphicons glyph-star"></span><span class="glyphicons glyph-star"></span><span class="glyphicons glyph-star"></span><span class="glyphicons glyph-dislikes"></span><span class="glyphicons glyph-dislikes"></span> </li>
                <li><a href="#" class="btn ">Buy Now!</a></li>
            </ul>
        </div>
    </div>
</div>