dash-website/get-dash/index.html
0xfff 69d9d2c1d1 (Refactor) Hero: Markup / BEM / Spacing / Responsive Height / Variables (#20)
* (Refactor) Hero: Markup / BEM / Spacing / Responsive Height / Variables

* (Fix) Header: adjust spacing with padding
2016-09-26 01:40:16 +02:00

150 lines
4.1 KiB
HTML

---
layout: default
title: pages.get-dash.title
description: pages.get-dash.description
---
{% include hero/get-dash.html %}
<div class="page-getdash">
<!--
HOW-TO SETUP YOUR WALLET
.getdash-wallet-setup-graphic
-->
<section class="section section--getdash-wallet-setup" id="getdash-wallet-setup">
<div class="content">
<div class="row">
<div class="col-sm-6">
<h2>{% t pages.get-dash.setup-heading %}</h2>
{% tmd pages.get-dash.setup-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.setup-btn %}</a>
</div>
<div class="col-sm-6 getdash-wallet-setup-graphic">
</div>
</div>
</div>
</section>
<!--
BUY DASH ONLINE
.getdash-buy-graphic
-->
<section id="getdash-buy">
<div class="content">
<div class="row">
<div class="col-sm-6 getdash-buy-graphic">
</div>
<div class="col-sm-6">
<h2>{% t pages.get-dash.buy-heading %}</h2>
{% tmd pages.get-dash.buy-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.buy-btn %}</a>
</div>
</div>
</div>
</section>
<!--
TRADE DASH ON AN EXCHANGE
.getdash-exchange-graphic
-->
<section id="getdash-trade">
<div class="content">
<div class="row">
<div class="col-sm-6">
<h2>{% t pages.get-dash.trade-heading %}</h2>
{% tmd pages.get-dash.trade-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.trade-btn %}</a>
</div>
<div class="col-sm-6 getdash-exchange-graphic">
</div>
</div>
</div>
</section>
<!--
BUY DASH AT AN ATM
.getdash-atm-graphic
-->
<section>
<div class="content">
<div class="row">
<div class="col-sm-6 getdash-atm-graphic">
</div>
<div class="col-sm-6">
<h2>{% t pages.get-dash.atm-heading %}</h2>
{% tmd pages.get-dash.atm-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.atm-btn %}</a>
</div>
</div>
</div>
</section>
<!--
SHOP DIRECT WITH DASH
.getdash-shop-graphic
-->
<section id="getdash-shop">
<div class="content">
<div class="row">
<div class="col-sm-6">
<h2>{% t pages.get-dash.shop-heading %}</h2>
{% tmd pages.get-dash.shop-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.shop-btn %}</a>
</div>
<div class="col-sm-6 getdash-shop-graphic">
</div>
</div>
</div>
</section>
<!--
SHOP AT VISA STORES
.getdash-visa-graphic
-->
<section>
<div class="content">
<div class="row">
<div class="col-sm-6 getdash-visa-graphic"></div>
<div class="col-sm-6">
<h2>{% t pages.get-dash.visa-heading %}</h2>
{% tmd pages.get-dash.visa-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.visa-btn %}</a>
</div>
</div>
</div>
</section>
<!--
NEED SOME DASH
.getdash-need-graphic
-->
<section>
<div class="content">
<div class="row">
<div class="col-sm-6">
<h2>{% t pages.get-dash.need-heading %}</h2>
{% tmd pages.get-dash.need-text %}
<a href="#" class="btn-blue">{% t pages.get-dash.need-btn %}</a>
{% tmd pages.get-dash.need-input %}
</div>
<div class="col-sm-6 getdash-need-graphic">
</div>
</div>
</div>
</section>
</div>