<!--View Information-->
<!--View name : Pricing-->
<!--State name : app.pricing-->
<!--URL : #app/pricing-->

<ion-view title="Material Store">
    <!--pricing section-->
    <ion-content id="pricing-content">
        <!--header section-->
        <div class="row price-header">
            <div class="col header-name">
                Starter package
            </div>
            <div class="col header-more">
                View Details <i class="fa fa-angle-right"></i>
            </div>
        </div> <!--end header section-->

        <!--price detail section-->
        <div class="row price-detail">
            <div class="col-33 package-name">
                1&nbsp; Month
            </div>
            <div class="col-33 package-subscribe">
                subscribe
            </div>
            <div class="col-33 subscribe-button">
                <a class="md-raised md-button md-default-theme material-background">
                    $4.99
                </a>
            </div>
        </div>
        <div class="row price-detail">
            <div class="col-33 package-name">
                3&nbsp; Month
            </div>
            <div class="col-33 package-subscribe">
                subscribe
            </div>
            <div class="col-33 subscribe-button">
                <a class="md-raised md-button md-default-theme material-background">
                    $11.99
                </a>
            </div>
        </div>
        <div class="row price-detail">
            <div class="col-33 package-name">
                1&nbsp;&nbsp;Year
            </div>
            <div class="col-33 package-subscribe">
                subscribe
            </div>
            <div class="col-33 subscribe-button">
                <a class="md-raised md-button md-default-theme material-background">
                    $39.99
                </a>
            </div>
        </div>
        <!--end price detail section-->
        <hr/>

        <!--header section-->
        <div class="row price-header">
            <div class="col header-name">
                Hot package
            </div>
            <div class="col header-more">
                View Details <i class="fa fa-angle-right"></i>
            </div>
        </div><!--end header section-->

        <!--price detail section-->
        <div class="row price-detail">
            <div class="col-33 package-name">
                6&nbsp;&nbsp; Month
            </div>
            <div class="col-33 package-subscribe">
                subscribe
            </div>
            <div class="col-33 subscribe-button">
                <a class="md-raised md-button md-default-theme md-warn">
                    $49.99
                </a>
            </div>
        </div>
        <div class="row price-detail">
            <div class="col-33 package-name">
                10 Month
            </div>
            <div class="col-33 package-subscribe">
                subscribe
            </div>
            <div class="col-33 subscribe-button">
                <a class="md-raised md-button md-default-theme md-warn">
                    $79.99
                </a>
            </div>
        </div>

        <div class="row price-detail">
            <div class="col-33 package-name">
                1&nbsp;&nbsp; Year
            </div>
            <div class="col-33 package-subscribe">
                subscribe
            </div>
            <div class="col-33 subscribe-button">
                <a class="md-raised md-button md-default-theme md-warn">
                    $89.99
                </a>
            </div>
        </div>
        <!--end price detail section-->
        <hr/>

        <!--header section-->
        <div class="row price-header">
            <div class="col header-name">
                Gold package
            </div>
            <div class="col header-more">
                View Details <i class="fa fa-angle-right"></i>
            </div>
        </div><!--end header section-->

        <!--price detail section-->
        <div class="row price-detail">
            <div class="col-33 package-name">
                3&nbsp; Month
            </div>
            <div class="col-33 package-subscribe">
                subscribe
            </div>
            <div class="col-33 subscribe-button">
                <a class="md-raised md-button md-default-theme gold-background">
                    $39.99
                </a>
            </div>
        </div>
        <div class="row price-detail">
            <div class="col-33 package-name">
                1&nbsp; Year
            </div>
            <div class="col-33 package-subscribe">
                subscribe
            </div>
            <div class="col-33 subscribe-button">
                <a class="md-raised md-button md-default-theme gold-background">
                    $149.99
                </a>
            </div>
        </div>
        <!--end price detail section-->
    </ion-content><!--end pricing section-->
</ion-view>