{% extends "base.html" %}

{% block page-title %}Snipt Pro{% endblock %}

{% block body-class %}{{ block.super }} static pro{% endblock %}

{% block breadcrumb %}
    <li><a href="/pro/">Snipt Pro</a></li>
{% endblock %}

{% block content %}
    <div class="static-box">
        <h2>Snipt <span class="pro">Pro</span> members</h2>
        <p>We're still building our <span class="pro">Pro</span> platform, but we guarantee that it's going to kick ass. By becoming a Pro now, you'll get access to Pro features the moment they're released.</p>
        <h6>Current Pro features:</h6>
        <ul>
            <li>&ldquo;Pro&rdquo; badge throughout the site.</li>
            <li>You&rsquo;re supporting current and future development. This stuff takes time and money.</li>
        </ul>
        <h6>Planned Pro features (not in order):</h6>
        <ul>
            <li>Collaborative group editing of snipts.</li>
            <li>Site-wide setting for viewing snipts in different themes.</li>
            <li>Ability to theme your embedded snipts in a specific theme.</li>
            <li>Custom domain and premium (Pro-only) themes for your <a href="https://blog.snipt.net/announcing-the-sniptnet-blogging-platform/">Snipt blog</a>.</li>
        </ul>
        <h3>Pro accounts are $19/year.</h3>
        <h4><a href="/pro/signup/" class="btn btn-large btn-success">Sign Up Now</a></h4>
    </div>
{% endblock %}