X
GO
en-UScy-GB

Pricing01

Features   >   Typography   >   Pricing01

Basic

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

Professional

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

Business

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

Maximum

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

SOURCE CODE 
 
<div class="price-table price-table7 row">
    <div class="col-md-3 col-sm-6">
        <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">/h</span>
            </div>
            <ul>
                <li>Responsive</li>
                <li>Blog</li>
                <li>Unlimited Colors</li>
            </ul>
            <a href="#" class="btn ">Buy Now!</a> 
        </div>
    </div>
    <div class="col-md-3 col-sm-6 best_value">
        <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">/h</span>
            </div>
            <ul>
                <li>Responsive</li>
                <li>Blog</li>
                <li>Unlimited Colors</li>
            </ul>
            <a href="#" class="btn">Buy Now!</a> 
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <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">/h</span>
            </div>
            <ul>
                <li>Responsive</li>
                <li>Blog</li>
                <li>Unlimited Colors</li>
            </ul>
            <a href="#" class="btn">Buy Now!</a> 
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <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">/h</span>
            </div>
            <ul>
                <li>Responsive</li>
                <li>Blog</li>
                <li>Unlimited Colors</li>
            </ul>
            <a href="#" class="btn ">Buy Now!</a> 
        </div>
     </div>
</div>

BASIC

$10/Month
INSTRUCTION BOOK
Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus facilisis, lacinia sagittis purus.
PURCHASE

PROFESSIONAL

$20/Month
INSTRUCTION BOOK
Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus facilisis, lacinia sagittis purus.
PURCHASE

BUSINESS

$30/Month
INSTRUCTION BOOK
Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus facilisis, lacinia sagittis purus.
PURCHASE

MAXIMUM

$40/Month
INSTRUCTION BOOK
Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus facilisis, lacinia sagittis purus.
PURCHASE
SOURCE CODE 
<div class="price-table price-table3 row">
    <div class="col-md-3 col-sm-6">
        <div class="price_title">
            <h2>BASIC</h2>
            <div class="price_box"><span class="sup">$</span><span class="price">10</span><span class="unit">/Month</span></div>
        </div>
        <dl class="price_holder">
            <dt>INSTRUCTION BOOK</dt>
            <dd> Content text 1 ... </dd>
            <a href="#" class="btn ">PURCHASE</a>
        </dl>
    </div>
    <div class="col-md-3 col-sm-6 best_value">
        <div class="price_title ">
            <h2>PROFESSIONAL</h2>
            <div class="price_box"><span class="sup">$</span><span class="price">20</span><span class="unit">/Month</span></div>
        </div>
        <dl class="price_holder">
            <dt>INSTRUCTION BOOK </dt>
            <dd> Content text 2 ...</dd>
            <a href="#" class="btn">PURCHASE</a>
        </dl>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="price_title">
            <h2>BUSINESS</h2>
            <div class="price_box"><span class="sup">$</span><span class="price">30</span><span class="unit">/Month</span></div>
        </div>
        <dl class="price_holder">
            <dt>INSTRUCTION BOOK </dt>
            <dd> Content text 3 ...</dd>
            <a href="#" class="btn">PURCHASE</a>
        </dl>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="price_title">
            <h2>MAXIMUM</h2>
            <div class="price_box"><span class="sup">$</span><span class="price">40</span><span class="unit">/Month</span></div>
        </div>
        <dl class="price_holder">
            <dt>INSTRUCTION BOOK </dt>
            <dd> Content text 4 ...</dd>
            <a href="#" class="btn ">PURCHASE</a>
        </dl>
    </div>
</div>

BASIC

$10/Month
INSTRUCTION BOOK
Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus facilisis, lacinia sagittis purus.
PURCHASE

PROFESSIONAL

$20/Month
INSTRUCTION BOOK
Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus facilisis, lacinia sagittis purus.
PURCHASE

BUSINESS

$30/Month
INSTRUCTION BOOK
Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus facilisis, lacinia sagittis purus.
PURCHASE

MAXIMUM

$40/Month
INSTRUCTION BOOK
Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus facilisis, lacinia sagittis purus.
PURCHASE
SOURCE CODE 
<div class="price-table price-table3 row">
    <div class="col-md-3 col-sm-6 color_1">
        <div class="price_title">
            <h2>BASIC</h2>
            <div class="price_box"><span class="sup">$</span><span class="price">10</span><span class="unit">/Month</span></div>
        </div>
        <dl class="price_holder">
            <dt>INSTRUCTION BOOK</dt>
            <dd> Content text 1 ... </dd>
            <a href="#" class="btn ">PURCHASE</a>
        </dl>
    </div>
    <div class="col-md-3 col-sm-6 color_2">
        <div class="price_title ">
            <h2>PROFESSIONAL</h2>
            <div class="price_box"><span class="sup">$</span><span class="price">20</span><span class="unit">/Month</span></div>
        </div>
        <dl class="price_holder">
            <dt>INSTRUCTION BOOK </dt>
            <dd> Content text 2 ... </dd>
            <a href="#" class="btn">PURCHASE</a>
        </dl>
    </div>
    <div class="col-md-3 col-sm-6 color_3">
        <div class="price_title">
            <h2>BUSINESS</h2>
            <div class="price_box"><span class="sup">$</span><span class="price">30</span><span class="unit">/Month</span></div>
        </div>
        <dl class="price_holder">
            <dt>INSTRUCTION BOOK </dt>
            <dd> Content text 3 ... </dd>
            <a href="#" class="btn">PURCHASE</a>
        </dl>
    </div>
    <div class="col-md-3 col-sm-6 color_4">
        <div class="price_title">
            <h2>MAXIMUM</h2>
            <div class="price_box"><span class="sup">$</span><span class="price">40</span><span class="unit">/Month</span></div>
        </div>
        <dl class="price_holder">
            <dt>INSTRUCTION BOOK </dt>
            <dd> Content text 4 ... </dd>
            <a href="#" class="btn ">PURCHASE</a>
        </dl>
    </div>
</div>