Pricing 02
Features  >  Typography  >  Pricing 02

Basic Plan

$10
  • Responsive
  • Blog
  • Unlimited Colors
Buy Now!

professional

$20
  • Responsive
  • Blog
  • Unlimited Colors
Buy Now!

MAXIMUM

$30
  • Responsive
  • Blog
  • Unlimited Colors
Buy Now!

EXTREME

$40
  • Responsive
  • Blog
  • Unlimited Colors
Buy Now!

SOURCE CODE 
 
<div class="price-table price-table4 row">
    <div class="col-md-3 col-sm-6">
    	<div class="color_1">
        <div class="price_title">
            <h2>Basic Plan</h2>
        </div>
        <div class="price_holder">
            <div class="price_box">
                <span class="sup">$</span><span class="price">10</span>
            </div>
            <ul>
                <li>Responsive</li>
                <li>Blog</li>
                <li>Unlimited Colors</li>
            </ul>
            <a href="#" class="btn ">Buy Now!</a> 
        </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
    	<div class="color_2">
        <div class="price_title ">
            <h2>professional</h2>
        </div>
        <div class="price_holder">
            <div class="price_box">
                <span class="sup">$</span><span class="price">20</span>
            </div>
            <ul>
                <li>Responsive</li>
                <li>Blog</li>
                <li>Unlimited Colors</li>
            </ul>
            <a href="#" class="btn">Buy Now!</a> 
        </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6" >
    	<div class="color_3">
        <div class="price_title">
            <h2>MAXIMUM</h2>
        </div>
        <div class="price_holder">
            <div class="price_box">
                <span class="sup">$</span><span class="price">30</span>
            </div>
            <ul>
                <li>Responsive</li>
                <li>Blog</li>
                <li>Unlimited Colors</li>
            </ul>
            <a href="#" class="btn">Buy Now!</a> 
        </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6" >
    	<div class="color_4">
        <div class="price_title">
            <h2>EXTREME</h2>
        </div>
        <div class="price_holder">
            <div class="price_box">
                <span class="sup">$</span><span class="price">40</span>
            </div>
            <ul>
                <li>Responsive</li>
                <li>Blog</li>
                <li>Unlimited Colors</li>
            </ul>
            <a href="#" class="btn ">Buy Now!</a> 
        </div>
        </div>
     </div>
</div>

Basic Plan

$100Per Month
  • Responsive Web
  • Sample Pages
  • Unlimited Colors
BUY NOW!

PROFESSIONAL

$200Per Month
  • Responsive Web
  • Sample Pages
  • Unlimited Colors
BUY NOW!

MAXIMUM

$300Per Month
  • Responsive Web
  • Sample Pages
  • Unlimited Colors
BUY NOW!

EXTREME

$400Per Month
  • Responsive Web
  • Sample Pages
  • Unlimited Colors
BUY NOW!
SOURCE CODE 
<div class="price-table price-table5 row">
    <div class="col-md-3 col-sm-6">
        <div class="price_border">
            <div class="price_title">
                <h2>Basic Plan</h2>
            </div>
            <div class="price_holder">
                <div class="price_box"><span class="sup">$</span><span class="price">100</span><span class="unit">Per Month</span></div>
                <ul>
                    <li>Responsive Web</li>
                    <li>Sample Pages</li>
                    <li>Unlimited Colors</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>
                </ul>
                <a href="#" class="btn ">BUY NOW!</a> 
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6 best_value">
        <div class="price_border">
            <div class="price_title ">
            <h2>PROFESSIONAL</h2>
            </div>
            <div class="price_holder">
                <div class="price_box"><span class="sup">$</span><span class="price">200</span><span class="unit">Per Month</span></div>
                <ul>
                    <li>Responsive Web</li>
                    <li>Sample Pages</li>
                    <li>Unlimited Colors</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>
                </ul>
                <a href="#" class="btn">BUY NOW!</a> </div>
            </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="price_border">
            <div class="price_title">
            <h2>MAXIMUM</h2>
            </div>
            <div class="price_holder">
                <div class="price_box"><span class="sup">$</span><span class="price">300</span><span class="unit">Per Month</span></div>
                <ul>
                    <li>Responsive Web</li>
                    <li>Sample Pages</li>
                    <li>Unlimited Colors</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>
                </ul>
                <a href="#" class="btn">BUY NOW!</a> 
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="price_border">
            <div class="price_title">
            <h2>EXTREME</h2>
            </div>
            <div class="price_holder">
                <div class="price_box"><span class="sup">$</span><span class="price">400</span><span class="unit">Per Month</span></div>
                <ul>
                    <li>Responsive Web</li>
                    <li>Sample Pages</li>
                    <li>Unlimited Colors</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>
                </ul>
                <a href="#" class="btn ">BUY NOW!</a> 
            </div>
        </div>
    </div>
</div>

BASIC

$10Per Month
  • 10gb disk space
  • 100gb bandwidth
  • umlimited colors
  • dnn free skin
  • full time support
BUY NOW!

PROFESSIONAL

$20Per Month
  • 10gb disk space
  • 100gb bandwidth
  • umlimited colors
  • dnn free skin
  • full time support
BUY NOW!

BUSINESS

$30Per Month
  • 10gb disk space
  • 100gb bandwidth
  • umlimited colors
  • dnn free skin
  • full time support
BUY NOW!

MAXIMUM

$40Per Month
  • 10gb disk space
  • 100gb bandwidth
  • umlimited colors
  • dnn free skin
  • full time support
BUY NOW!
SOURCE CODE 
<div class="price-table price-table6 row">
    <div class="col-md-3 col-sm-6 color_1">
        <div class="price_border">
            <div class="price_title">
                <h2>BASIC</h2>
            </div>
            <div class="price_holder">
                <div class="price_box"><span class="sup">$</span><span class="price">10</span><span class="unit">Per Month</span></div>
                <ul>
                    <li>10gb disk space</li>
                    <li>100gb bandwidth</li>
                    <li>umlimited colors</li>
                    <li>dnn free skin</li>
                    <li>full time support</li>
                </ul>
                <a class="btn " href="#">BUY NOW!</a> 
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6  color_2">
        <div class="price_border">
            <div class="price_title ">
                <h2>PROFESSIONAL</h2>
            </div>
            <div class="price_holder">
                <div class="price_box"><span class="sup">$</span><span class="price">20</span><span class="unit">Per Month</span></div>
                <ul>
                    <li>10gb disk space</li>
                    <li>100gb bandwidth</li>
                    <li>umlimited colors</li>
                    <li>dnn free skin</li>
                    <li>full time support</li>
                </ul>
                <a class="btn" href="#">BUY NOW!</a> 
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6  color_3">
        <div class="price_border">
            <div class="price_title">
                <h2>BUSINESS</h2>
            </div>
            <div class="price_holder">
                <div class="price_box"><span class="sup">$</span><span class="price">30</span><span class="unit">Per Month</span></div>
                <ul>
                    <li>10gb disk space</li>
                    <li>100gb bandwidth</li>
                    <li>umlimited colors</li>
                    <li>dnn free skin</li>
                    <li>full time support</li>
                </ul>
                <a class="btn" href="#">BUY NOW!</a> 
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6  color_4">
        <div class="price_border">
            <div class="price_title">
                <h2>MAXIMUM</h2>
            </div>
            <div class="price_holder">
                <div class="price_box"><span class="sup">$</span><span class="price">40</span><span class="unit">Per Month</span></div>
                <ul>
                    <li>10gb disk space</li>
                    <li>100gb bandwidth</li>
                    <li>umlimited colors</li>
                    <li>dnn free skin</li>
                    <li>full time support</li>
                </ul>
                <a class="btn " href="#">BUY NOW!</a> 
            </div>
        </div>
    </div>
</div>