mirror of
https://github.com/seigler/dash-website
synced 2025-07-27 07:16:10 +00:00
Applied basic grid layout to homepage.
This commit is contained in:
Perry Woodin
parent
6976448840
commit
78272f8757
6 changed files with 154 additions and 50 deletions
|
|
@ -5,6 +5,7 @@
|
|||
|
||||
// stuff every page really needs
|
||||
@import "reset";
|
||||
@import "grid";
|
||||
@import "colors";
|
||||
@import "typography";
|
||||
@import "layout";
|
||||
|
|
|
|||
BIN
assets/img/home/bolehvpn.png
Normal file
BIN
assets/img/home/bolehvpn.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
assets/img/home/node40.png
Normal file
BIN
assets/img/home/node40.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
assets/img/home/protonmail.png
Normal file
BIN
assets/img/home/protonmail.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
BIN
assets/img/home/qhoster.png
Normal file
BIN
assets/img/home/qhoster.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8 KiB |
203
index.html
203
index.html
|
|
@ -8,62 +8,165 @@ description: pages.home.description
|
|||
{% tf home/hero.html %}
|
||||
|
||||
<div class="content">
|
||||
<h2>{% t pages.home.video-heading %}</h2>
|
||||
{% tmd pages.home.video-text %}
|
||||
|
||||
<!--
|
||||
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>
|
||||
<a href="#" class="btn-blue">{% t pages.home.video-btn %}</a>
|
||||
</div>
|
||||
|
||||
<h2>{% t pages.home.feature-private-heading %}</h2>
|
||||
{% tmd pages.home.feature-private-text %}
|
||||
<!--
|
||||
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 %}
|
||||
|
||||
<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>
|
||||
|
||||
<h2>{% t pages.home.feature-secure-heading %}</h2>
|
||||
{% tmd pages.home.feature-secure-text %}
|
||||
<!--
|
||||
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">
|
||||
<div class="col-sm-3">News</div>
|
||||
<div class="col-sm-3">News</div>
|
||||
<div class="col-sm-3">News</div>
|
||||
<div class="col-sm-3">News</div>
|
||||
</div>
|
||||
|
||||
<div class="row" style="text-align:center;">
|
||||
<a href="#" class="btn-blue">{% t pages.home.news-btn %}</a>
|
||||
</div>
|
||||
|
||||
|
||||
<h2>{% t pages.home.merchants-heading %}</h2>
|
||||
<!--
|
||||
GET STARTED
|
||||
-->
|
||||
<div class="row" style="text-align:center;">
|
||||
<h2>{% t pages.home.get-started-heading %}</h2>
|
||||
|
||||
{% tmd pages.home.merchants-text %}
|
||||
{% tmd pages.home.get-started-text %}
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.home.merchants-btn %}</a>
|
||||
<a href="#" class="btn-blue">{% t pages.home.merchants-join-btn %}</a>
|
||||
|
||||
|
||||
<h2>{% t pages.home.architecture-heading %}</h2>
|
||||
|
||||
{% tmd pages.home.architecture-text %}
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.home.architecture-btn %}</a>
|
||||
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
<h2>{% t pages.home.evolution-heading %}</h2>
|
||||
|
||||
{% tmd pages.home.evolution-text %}
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.home.evolution-btn %}</a>
|
||||
|
||||
<h2>{% t pages.home.news-heading %}</h2>
|
||||
|
||||
<a href="#" class="btn-blue">{% t pages.home.news-btn %}</a>
|
||||
|
||||
<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>
|
||||
<a href="#" class="btn-blue">{% t pages.home.get-started-btn %}</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue