title = "Pricing Table"
url = "/pricing-table"
layout = "default"
==

<section id="layout-title">
    <div class="container">
        <h3>Subscriptions</h3>
    </div>
</section>

<div class="container">

    <h3 class="headline"><span>Choose a subscription</span></h3>
    <p>Just the good ol' boys, never meanin' no harm. Beats all you've ever saw, been in trouble with the law since the day they was born. Straight'nin' the curve, flat'nin' the hills. Someday the mountain might get 'em, but the law never will. Makin' their way, the only way they know how, that's just a little bit more than the law will allow. Just good ol' boys, wouldn't change if they could, fightin' the system like a true modern day Robin Hood.</p>
    <div class="row pricing-tiles">
        <div class="col-xs-3">
            <div class="tile">
                <img src="{{ 'assets/images/icons/svg/compas.svg'|theme }}" alt="Compas" class="tile-image big-illustration">
                <h3 class="tile-title">Web Oriented</h3>
                <p>100% convertable to HTML/CSS layout.</p>
                <a class="btn btn-primary btn-large btn-block" href="#fakelink">Get Pro</a>
            </div>
        </div>

        <div class="col-xs-3">
            <div class="tile">
                <img src="{{ 'assets/images/icons/svg/loop.svg'|theme }}" alt="Infinity-Loop" class="tile-image">
                <h3 class="tile-title">Easy to Customize</h3>
                <p>Vector-based shapes and minimum of layer styles.</p>
                <a class="btn btn-primary btn-large btn-block" href="#fakelink">Get Pro</a>
            </div>
        </div>

        <div class="col-xs-3">
            <div class="tile">
                <img src="{{ 'assets/images/icons/svg/pencils.svg'|theme }}" alt="Pensils" class="tile-image">
                <h3 class="tile-title">Color Swatches</h3>
                <p>Easy to add or change elements. </p>
                <a class="btn btn-primary btn-large btn-block" href="#fakelink">Get Pro</a>
            </div>
        </div>

        <div class="col-xs-3">
            <div class="tile tile-hot">
                <img src="{{ 'assets/images/icons/svg/chat.svg'|theme }}" alt="Chat" class="tile-image">
                <h3 class="tile-title">Free for Share</h3>
                <p>Your likes, shares and comments helps us.</p>
                <a class="btn btn-primary btn-large btn-block" href="#fakelink">Get Pro</a>
            </div>

        </div>
    </div>

</div>