132 lines
5.5 KiB
HTML
132 lines
5.5 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block page-title %}Request beta access to Snipt for Teams{% endblock %}
|
|
|
|
{% block body-class %}{{ block.super }} static signup pro pro-signup{% endblock %}
|
|
|
|
{% block breadcrumb %}
|
|
<li><a href="/for-teams/">Snipt for Teams</a></li>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
{% if request.GET.declined %}
|
|
<div class="alert alert-error" style="margin: 30px;">
|
|
<strong>{{ request.GET.declined }}</strong> You have not been charged. Please try again.
|
|
</div>
|
|
{% endif %}
|
|
<form class="form-horizontal static-box" id="pro-signup" method="post" action="/for-teams/complete/">
|
|
<fieldset>
|
|
<div class="info">
|
|
Snipt for Teams
|
|
<ul class="features">
|
|
<li>Team profile at snipt.net/{team-name}.</li>
|
|
<li>Members can create public or private snipts on a team.</li>
|
|
<li>Public team posts are public to the world, as they are now.</li>
|
|
<li>Private team posts are editable by all team members.</li>
|
|
<li>Plans from $49/month, all with a 7-day free trial.</li>
|
|
</ul>
|
|
</div>
|
|
<div class="control-group">
|
|
<label class="control-label" for="name">Team username:</label>
|
|
<div class="controls">
|
|
<input maxlength="30" required type="text" class="input-xlarge" name="name" id="name" />
|
|
<p class="sub" style="margin-top: 3px; color: #999999;">
|
|
Maximum of 30 characters.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="control-group">
|
|
<label class="control-label" for="name">Team email:</label>
|
|
<div class="controls">
|
|
<input required type="text" class="input-xlarge" name="email" id="email" />
|
|
<p class="sub" style="margin-top: 3px; color: #999999;">
|
|
For billing and your team's Gravatar. Will remain private.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<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="snipt-teams-25-monthly">$49/month</option>
|
|
<option value="snipt-teams-25-annual">$588/year</option>
|
|
<option value="snipt-teams-100-monthly">$149/month</option>
|
|
<option value="snipt-teams-100-annual">$1788/year</option>
|
|
<option value="snipt-teams-250-monthly">$299/month</option>
|
|
<option value="snipt-teams-250-annual">$3588/year</option>
|
|
<option value="snipt-teams-unlimited-monthly">$499/month</option>
|
|
<option value="snipt-teams-unlimited-monthly">$499/year</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<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_URL }}img/card-visa.png" alt="Visa" />
|
|
<img src="{{ STATIC_URL }}img/card-mastercard.png" alt="MasterCard" />
|
|
<img src="{{ STATIC_URL }}img/card-discover.png" alt="Discover" />
|
|
<img src="{{ STATIC_URL }}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>
|
|
<select id="exp-year" class="span2">
|
|
<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>
|
|
<option value="2022">2023</option>
|
|
<option value="2022">2024</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="control-group">
|
|
<div class="form-actions">
|
|
{% csrf_token %}
|
|
<button type="submit" class="btn btn-success">Start free trial and create team »</button>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
{% endblock %}
|
|
|
|
{% block analytics %}
|
|
{% if not debug %}
|
|
window.ll('tagScreen', 'Team beta signup view');
|
|
{% endif %}
|
|
{% endblock %}
|