2012-07-03 15:22:48 -07:00
{% extends "base.html" %}
2012-06-26 13:38:38 -07:00
2014-05-03 07:07:29 -07:00
{% block page-title %}Sign up for Snipt Pro{% endblock %}
2012-06-26 13:38:38 -07:00
2014-05-04 05:12:08 -07:00
{% block body-class %}{{ block.super }} static signup pro pro-signup{% endblock %}
2014-05-03 07:07:29 -07:00
{% block extra-scripts %}
< script type = "text/javascript" src = "https://js.stripe.com/v1/" > < / script >
{% endblock %}
{% block js %}
{{ block.super }}
{% if debug %}
Stripe.setPublishableKey('pk_test_cgknmaWRMQeJt2adEdvH3T9l');
{% else %}
Stripe.setPublishableKey('pk_live_gUO2nCl7dhx6j0posz6gnbhA');
{% endif %}
{% endblock %}
2012-06-26 13:38:38 -07:00
2012-07-11 23:03:46 -07:00
{% block breadcrumb %}
2014-05-02 14:36:51 -07:00
< li > < a href = "/pro/" > Snipt Pro< / a > < / li >
2012-07-11 23:03:46 -07:00
{% endblock %}
2012-06-26 13:38:38 -07:00
{% block content %}
2014-05-03 07:07:29 -07:00
{% if request.GET.expired %}
2014-05-04 18:32:11 -07:00
< div class = "alert alert-error" style = "margin: 30px; padding-right: 14px;" >
< a style = "color: #B94A48; text-decoration: underline;" class = "pull-right" href = "https://blog.snipt.net/moving-away-from-free-accounts-and-planning-for-the-future/" > Read more » < / a >
2014-05-03 07:07:29 -07:00
< strong > Your trial has expired.< / strong > You'll need to subscribe in order to create new snipts.
< / div >
{% endif %}
{% if request.GET.declined %}
< div class = "alert alert-error" style = "margin: 30px;" >
< strong > Your card was declined.< / strong > You have not been charged. Please try again.
< / div >
{% endif %}
< form class = "form-horizontal static-box" id = "pro-signup" method = "post" action = "/pro/complete/" >
< fieldset >
< div class = "info" >
2014-05-19 19:02:42 -07:00
Subscribe for just < span > $5/mo< / span > , < span > $49/yr< / span > , or < span > $149 once< / span > .
2014-05-03 07:07:29 -07:00
< p class = "sub" >
We believe the best way to build a superior product is to charge for it.
As a paid Snipt member, you'll have unrestricted access to the app, < a href = "/api/" > API< / a > ,
2014-05-04 05:12:08 -07:00
custom-domain < a href = "/blogging/" > blogging< / a > , instant chat support, and more.
2014-05-03 07:07:29 -07:00
< / p >
< / div >
< div class = "payment-loading" > < span > Please wait… < / span > < / div >
< div class = "payment-errors alert alert-error" > < / div >
2014-05-04 05:12:08 -07:00
< div class = "control-group" >
< label class = "control-label" for = "name" > Payment plan:< / label >
< div class = "controls" >
< select name = "plan" type = "text" class = "input-medium" id = "plan" >
< option value = "monthly" > $5/month< / option >
< option value = "yearly" > $49/year< / option >
2014-05-19 19:02:42 -07:00
< option value = "onetime" > $149 once< / option >
2014-05-04 05:12:08 -07:00
< / select >
< / div >
< / div >
2014-05-03 07:07:29 -07:00
< div class = "control-group" >
< label class = "control-label" for = "name" > Name on card:< / label >
< div class = "controls" >
< input type = "text" class = "input-xlarge" id = "name" / >
< / div >
< / div >
< div class = "control-group" >
< label class = "control-label" for = "number" > Card number:< / label >
< div class = "controls cards" >
< input type = "text" class = "input-xlarge" id = "number" / >
< img src = "/static/img/card-visa.png" alt = "Visa" / >
< img src = "/static/img/card-mastercard.png" alt = "MasterCard" / >
< img src = "/static/img/card-discover.png" alt = "Discover" / >
< img src = "/static/img/card-american-express.png" alt = "American Express" / >
< / div >
< / div >
< div class = "control-group" >
< label class = "control-label" for = "exp-month" > Expiration date:< / label >
< div class = "controls" >
< select id = "exp-month" class = "span2 exp-month" >
< option value = "" > ----< / option >
< option value = "01" > 01 - January< / option >
< option value = "02" > 02 - February< / option >
< option value = "03" > 03 - March< / option >
< option value = "04" > 04 - April< / option >
< option value = "05" > 05 - May< / option >
< option value = "06" > 06 - June< / option >
< option value = "07" > 07 - July< / option >
< option value = "08" > 08 - August< / option >
< option value = "09" > 09 - September< / option >
< option value = "10" > 10 - October< / option >
< option value = "11" > 11 - November< / option >
< option value = "12" > 12 - December< / option >
< / select >
2014-05-04 05:12:08 -07:00
< select id = "exp-year" class = "span2" >
2014-05-03 07:07:29 -07:00
< option value = "" > ----< / option >
< option value = "2014" > 2014< / option >
< option value = "2015" > 2015< / option >
< option value = "2016" > 2016< / option >
< option value = "2017" > 2017< / option >
< option value = "2018" > 2018< / option >
< option value = "2019" > 2019< / option >
< option value = "2020" > 2020< / option >
< option value = "2021" > 2021< / option >
< option value = "2022" > 2022< / option >
2014-05-04 05:12:08 -07:00
< option value = "2022" > 2023< / option >
< option value = "2022" > 2024< / option >
2014-05-03 07:07:29 -07:00
< / select >
< / div >
< / div >
< div class = "control-group" >
< label class = "control-label" for = "cvc" > Security code (CVC):< / label >
< div class = "controls" >
< input type = "text" class = "input-min span1" id = "cvc" >
< / div >
< / div >
< div class = "form-actions" >
{% csrf_token %}
< button type = "submit" class = "btn btn-success" > Subscribe< / button >
< div class = "security" >
< a href = "https://stripe.com/help/security" > Secure< / a > by default. Every Snipt page is secure.
< / div >
< div class = "stripe" >
Your credit card is stored securely with < a href = "https://stripe.com" > Stripe< / a > and we use < a href = "https://stripe.com/docs/stripe.js" > Stripe.js< / a > for maximum security.
< / div >
< / div >
< / fieldset >
< / form >
2012-06-26 13:38:38 -07:00
{% endblock %}