155 lines
4.9 KiB
HTML
155 lines
4.9 KiB
HTML
<!--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 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 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 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 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 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 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 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> |