85 lines
4.2 KiB
HTML
85 lines
4.2 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block page-title %}Sign up for Snipt Pro{% endblock %}
|
|
|
|
{% block body-class %}{{ block.super }} static pro{% endblock %}
|
|
|
|
{% block breadcrumb %}
|
|
<li><a href="/pro/">Snipt Pro</a></li>
|
|
<li><span class="prompt">/</span> <a href="/pro/signup/">Sign up</a></li>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="static-box">
|
|
<a href="https://stripe.com" title="Secure payment with Stripe" class="stripe">
|
|
<img src="/static/images/stripe.png" alt="" />
|
|
</a>
|
|
<h2>Snipt <span class="pro">Pro</span> signup</h2>
|
|
<form class="form-horizontal" method="post" action="">
|
|
<fieldset>
|
|
<legend>$19 USD will be charged to your card annually. Also, you rock. Tell yourself that every year, too.</legend>
|
|
<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/images/card-visa.png" alt="Visa" />
|
|
<img src="/static/images/card-mastercard.png" alt="MasterCard" />
|
|
<img src="/static/images/card-discover.png" alt="Discover" />
|
|
<img src="/static/images/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 name="exp-month" class="span1 exp-month">
|
|
<option value="01">01</option>
|
|
<option value="02">02</option>
|
|
<option value="03">03</option>
|
|
<option value="04">04</option>
|
|
<option value="05">05</option>
|
|
<option value="06">06</option>
|
|
<option value="07">07</option>
|
|
<option value="08">08</option>
|
|
<option value="09">09</option>
|
|
<option value="10">10</option>
|
|
<option value="11">11</option>
|
|
<option value="12">12</option>
|
|
</select>
|
|
<select name="exp-year" class="span1">
|
|
<option value="2012">2012</option>
|
|
<option value="2013">2013</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>
|
|
</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">
|
|
<button type="submit" class="btn btn-success">Sign up</button>
|
|
<div class="security">
|
|
<a href="https://stripe.com/help/security">Secure</a> by default. (Every page on Snipt is secure with HTTPS)
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
{% endblock %}
|