Add a plans/pricing page
This commit is contained in:
parent
c2e9a766f7
commit
0ce2252d1d
7 changed files with 171 additions and 6 deletions
|
@ -4,7 +4,7 @@
|
|||
<div class="message-container" ng-show="user.anonymous">
|
||||
<div class="message">Secure hosting for <b>private</b> docker containers</div>
|
||||
<div class="sub-message">Use the docker images <b>your team</b> needs with the safety of <b>private</b> storage</div>
|
||||
<div class="sellcall"><a href="">Starting at $7/mo</a></div>
|
||||
<div class="sellcall"><a href="#/plans">Starting at $7/mo</a></div>
|
||||
</div>
|
||||
|
||||
<div class="message-container" ng-show="!user.anonymous">
|
||||
|
@ -84,8 +84,7 @@
|
|||
<div class="footer-column">
|
||||
<h4>About</h4>
|
||||
<ul>
|
||||
<li><a href="">Blog</a></li>
|
||||
<li><a href="">About Us</a></li>
|
||||
<li><a href="http://blog.devtable.com/">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
@ -100,7 +99,7 @@
|
|||
<div class="footer-column">
|
||||
<h4>Support</h4>
|
||||
<ul>
|
||||
<li><a href="">Contact Support</a></li>
|
||||
<li><a href="mailto:support@quay.io">Contact Support</a></li>
|
||||
<li><a href="#/guide/">Getting Started Guide</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
52
static/partials/plans.html
Normal file
52
static/partials/plans.html
Normal file
|
@ -0,0 +1,52 @@
|
|||
<div class="container plans">
|
||||
<div class="callout">
|
||||
Plans and Pricing
|
||||
</div>
|
||||
|
||||
<div class="plans-list">
|
||||
<div class="plan">
|
||||
<div class="plan-title">Micro</div>
|
||||
<div class="plan-price">$7</div>
|
||||
<div class="count"><b>5</b> private repositories</div>
|
||||
<div class="description">For smaller teams</div>
|
||||
|
||||
<button class="btn btn-primary btn-block" ng-click="buyNow('micro')">Buy Now</button>
|
||||
</div>
|
||||
|
||||
<div class="plan focus">
|
||||
<div class="plan-title">Basic</div>
|
||||
<div class="plan-price">$12</div>
|
||||
<div class="count"><b>10</b> private repositories</div>
|
||||
<div class="description">For your basic team</div>
|
||||
|
||||
<button class="btn btn-primary btn-block" ng-click="buyNow('small')">Buy Now</button>
|
||||
</div>
|
||||
|
||||
<div class="plan">
|
||||
<div class="plan-title">Medium</div>
|
||||
<div class="plan-price">$22</div>
|
||||
<div class="count"><b>20</b> private repositories</div>
|
||||
<div class="description">For medium-sized teams</div>
|
||||
|
||||
<button class="btn btn-primary btn-block" ng-click="buyNow('medium')">Buy Now</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal message dialog -->
|
||||
<div class="modal fade" id="signinModal">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title">Please Sign In</h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
Please sign into Quay in order to continue
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||||
</div>
|
||||
</div><!-- /.modal-content -->
|
||||
</div><!-- /.modal-dialog -->
|
||||
</div><!-- /.modal -->
|
|
@ -11,13 +11,14 @@
|
|||
<div class="col-md-4" ng-repeat='plan in plans'>
|
||||
<div class="panel" ng-class="{'panel-success': subscription.plan == plan.stripeId, 'panel-default': subscription.plan != plan.stripeId}">
|
||||
<div class="panel-heading">
|
||||
{{ plan.title }}
|
||||
{{ plan.title }}
|
||||
<span class="pull-right" ng-show="subscription.plan == plan.stripeId">
|
||||
<i class="icon-ok"></i>
|
||||
Subscribed
|
||||
</span>
|
||||
</div>
|
||||
<div class="panel-body panel-plan">
|
||||
<div class="plan-price">${{ plan.price / 100 }}</div>
|
||||
<div class="plan-description"><b>{{ plan.privateRepos }}</b> Private Repositories</div>
|
||||
<button class="btn btn-primary" ng-hide="subscription" ng-click="subscribe(plan.stripeId)">Subscribe</button>
|
||||
<button class="btn" ng-show="subscription && (subscription.plan != plan.stripeId)" ng-click="changeSubscription(plan.stripeId)">Change</button>
|
||||
|
|
Reference in a new issue