dash-website/index.html

---
layout: default
title: pages.home.title
description: pages.home.description
---

    
{% tf home/hero.html %}

<div class="content">
    
    <!-- 
        WHAT IS DASH?
        LINK TO VIDEO.
    -->
    <div class="row" style="text-align:center;">
        <h2>{% t pages.home.video-heading %}</h2>
        {% tmd pages.home.video-text %}

        <a href="#" class="btn-blue">{% t pages.home.video-btn %}</a>
    </div>

    <!--  
        DASH FEATURES
        PRIVATE | INSTANT | SECURE
    -->
    <div class="row" style="text-align:center;">
        <div class="col-sm-4">
            <img src="/assets/img/home/icon_private.png" alt="{% t pages.home.feature-private-heading %}">
            <h2>{% t pages.home.feature-private-heading %}</h2>
            {% tmd pages.home.feature-private-text %}
        </div>
        <div class="col-sm-4">
            <img src="/assets/img/home/icon_instant.png" alt="{% t pages.home.feature-instant-heading %}">
            <h2>{% t pages.home.feature-instant-heading %}</h2>
            {% tmd pages.home.feature-instant-text %}

        </div>
        <div class="col-sm-4">
            <img src="/assets/img/home/icon_secure.png" alt="{% t pages.home.feature-secure-heading %}">
            <h2>{% t pages.home.feature-secure-heading %}</h2>
            {% tmd pages.home.feature-secure-text %}
        </div>
    </div>

    <!-- 
        MERCHANTS
    -->
    <div class="row" style="text-align:center;">
        <h2>{% t pages.home.merchants-heading %}</h2>

        {% tmd pages.home.merchants-text %}
    </div>

    <div class="row" style="text-align:center;">
        <div class="col-sm-3">
            <img src="/assets/img/home/bolehvpn.png">
        </div>
        <div class="col-sm-3">
            <img src="/assets/img/home/node40.png">
        </div>
        <div class="col-sm-3">
            <img src="/assets/img/home/protonmail.png">
        </div>
        <div class="col-sm-3">
            <img src="/assets/img/home/qhoster.png">
        </div>
    </div>

    <div class="row" style="text-align:center;">
        <a href="#" class="btn-blue">{% t pages.home.merchants-btn %}</a>
        <a href="#" class="btn-blue">{% t pages.home.merchants-join-btn %}</a>    
    </div>
    
    <!--  
        NETWORK ARCHITECTURE
    -->
    <div class="row">
        <div class="col-sm-6">
             <h2>{% t pages.home.architecture-heading %}</h2>

            {% tmd pages.home.architecture-text %}

            <a href="#" class="btn-blue">{% t pages.home.architecture-btn %}</a>
        </div>
        <div class="col-sm-6">
            <img src="/assets/img/home/code.png" alt="{% t pages.home.architecture-heading %}">
        </div>
    </div>
    
    <!--  
        SELF GOVERNING | SELF FUNDING
    -->
    <div class="row">
        <div class="col-sm-6">
            <img src="/assets/img/home/budgets.png" alt="{% t pages.home.governance-heading%}">
        </div>
        <div class="col-sm-6">
            <h2>{% t pages.home.governance-heading%}</h2>

            {% tmd pages.home.governance-text %}

            <a href="#" class="btn-blue">{% t pages.home.proposal-btn %}</a>

            <a href="#" class="btn-blue">{% t pages.home.proposal-submit-btn %}</a>
        </div>
    </div>

    <!--  
        FASTEST GROWING NETWORK
    -->
    <div class="row">
        <div class="col-sm-6">
            <h2>{% t pages.home.network-growth-heading %}</h2>

            {% tmd pages.home.network-growth-text %}

            <a href="#" class="btn-blue">{% t pages.home.network-growth-btn %}</a>
        </div>
        <div class="col-sm-6">
            <img src="/assets/img/home/graph.png" alt="{% t pages.home.network-growth-heading %}">
        </div>
    </div>

    <!--  
        EVOLUTION
    -->
    <div class="row">
        <div class="col-sm-6">
            
        </div>
        <div class="col-sm-6">
            <h2>{% t pages.home.evolution-heading %}</h2>

            {% tmd pages.home.evolution-text %}

            <a href="#" class="btn-blue">{% t pages.home.evolution-btn %}</a>
        </div>
    </div>

    <!--  
        LATEST NEWS
    -->
    <div class="row" style="text-align:center;">
        <h2>{% t pages.home.news-heading %}</h2>
    </div>

    <div class="row">
        {% for post in site.posts limit:4 %} 
        <div class="col-sm-3">
            <div class="news-post">
                <div class="news-image">
                    {% if post.image %}
                        <img src="{{ post.image }}">
                    {% endif %}
                </div>
                <div class="news-title">
                    <h3>{{ post.title }}</h3>
                </div>
                    <span class="date">{{ post.date | date: "%b %d, %Y" }}</span>
                    <p>{{ post.excerpt | strip_html | truncatewords: 20 }}</p>
                    <a href="{{ post.url }}">Read More...</a>
            </div>   
        </div>
        {% endfor %}
    </div>

    <div class="row" style="text-align:center;">
        <a href="#" class="btn-blue">{% t pages.home.news-btn %}</a>
    </div>


    <!--  
        GET STARTED
    -->
   <div class="row" style="text-align:center;">
        <h2>{% t pages.home.get-started-heading %}</h2>

        {% tmd pages.home.get-started-text %}

        <a href="#" class="btn-blue">{% t pages.home.get-started-btn %}</a>
    </div> 
   
    
</div>