{% extends 'layout.html' %}
{% load i18n %}
{% load staticfiles %}

{% block headers %}
    <meta name="description" content="{% trans 'CCrypto VPN is a cheap, fast, anonymous and secure VPN service' %}" />
{% endblock %}

{% block content %}
<div class="content">
    <div class="pure-g home-content">
        <div class="home-item pure-u-1 pure-u-md-1-5">
            <img src="{% static 'img/unlimited.svg' %}" alt="" />
            <div class="home-item-content">
                <h2>{% trans 'Unlimited' %}</h2>
                <p><b>{% trans 'Unlimited bandwidth' %}</b>.<br />
                    <b>{% trans 'Uncensored' %}</b>.<br />
                    {% trans 'The data must flow.' %}</p>
            </div>
        </div>
        <div class="home-item pure-u-1 pure-u-md-1-5">
            <img src="{% static 'img/cheap.svg' %}" alt="" />
            <div class="home-item-content">
                <h2>{% trans 'Cheap' %}</h2>
                <p><b>{{eur_price}}&euro;</b> {% trans 'per month!' %}<br/>
                    {% trans 'We accept Paypal, Bitcoins and Stripe.' %}</p>
            </div>
        </div>
        <div class="home-item pure-u-1 pure-u-md-1-5">
            <img src="{% static 'img/anon.svg' %}" alt="" />
            <div class="home-item-content">
                <h2>{% trans 'Secure' %}</h2>
                <p><b>{% trans 'Encrypted tunnel' %}</b>
                    {% trans 'with an <b>anonymous address</b>.' %}<br />
                    {% trans 'Supports DNSSEC and PFS.' %}</p>
            </div>
        </div>
        <div class="home-item pure-u-1 pure-u-md-1-5">
            <img src="{% static 'img/openvpn.svg' %}" alt="" />
            <div class="home-item-content">
                <h2>{% trans 'OpenVPN' %}</h2>
                <p>{% trans 'Secure, Free, easy. On:' %}<br/>
                    <ul>
                        <li><b>Windows, OSX</b></li>
                        <li><b>GNU/Linux, BSD</b></li>
                        <li><b>Android, iOS</b></li>
                    </ul>
                </p>
            </div>
        </div>
        <div class="home-item pure-u-1 pure-u-md-1-5">
            <img src="{% static 'img/fast.svg' %}" alt="" />
            <div class="home-item-content">
                <h2>{% trans 'Fast' %}</h2>
                <p><b>1Gbps</b><br/>
                    <b>{% trans 'Compressed tunnel.' %}</b><br />
                    {% trans 'Even on YouTube.' %}
                </p>
            </div>
        </div>
        <div style="clear: both"></div>
    </div>

    <p class="home-signup">
        <a href="/account/signup" class="home-signup-button pure-button pure-button-primary">
            {% trans 'Sign up and get your free trial' %}
        </a>
    </p>

    <div class="pure-g">
        <div class="pure-u-1 pure-u-md-1-2 newhomehalf">
            <h2>{% trans 'Why?' %}</h2>
            <ul>
                <li>{% trans 'Hide any personal data found from your IP address' %}</li>
                <li>{% trans 'Protect yourself on open networks' %}</li>
                <li>{% trans 'Compress traffic on slow connections' %}</li>
                <li>{% trans 'Bypass overly restrictive firewalls' %}</li>
                <li>{% trans 'Enable IPv6 on IPv4-only networks' %}</li>
            </ul>
        </div>
        <div class="pure-u-1 pure-u-md-1-2 newhomehalf">
            <h2>{% trans 'VPN done the right way' %}</h2>
            <ul>
                <li><b>{% trans 'Anonymity' %}</b> - {% trans "We don't even require your email address." %}</li>
                <li><b>{% trans 'Security' %}</b> - {% trans "Best TLS available, RSA 4096b, BlowFish 128b." %}</li>
                <li><b>{% trans 'Privacy' %}</b> - {% trans "Not a single byte of your traffic is logged." %}</li>
            </ul>
        </div>
    </div>

</div>

{% endblock %}


