Markup for Get Dash page.

Wrapped each block with <section>.
Added comment above each section and included the graphic class.
This commit is contained in:
Perry Woodin 2016-09-06 17:08:42 -04:00
parent 6b7777d009
commit 36e948061f

View file

@ -6,48 +6,141 @@ description: pages.get-dash.description
{% tf get-dash/hero.html %} {% tf get-dash/hero.html %}
<div class="content"> <div class="page-getdash">
<!--
HOW-TO SETUP YOUR WALLET
.getdash-wallet-setup-graphic
-->
<section>
<div class="content">
<div class="row">
<div class="col-sm-6">
<h2>{% t pages.get-dash.setup-heading %}</h2> <h2>{% t pages.get-dash.setup-heading %}</h2>
{% tmd pages.get-dash.setup-text %}</p> {% tmd pages.get-dash.setup-text %}</p>
<a href="#" class="btn-blue">{% t pages.get-dash.setup-btn %}</a> <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>
<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> <h2>{% t pages.get-dash.buy-heading %}</h2>
{% tmd pages.get-dash.buy-text %}</p> {% tmd pages.get-dash.buy-text %}</p>
<a href="#" class="btn-blue">{% t pages.get-dash.buy-btn %}</a> <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>
<div class="content">
<div class="row">
<div class="col-sm-6">
<h2>{% t pages.get-dash.trade-heading %}</h2> <h2>{% t pages.get-dash.trade-heading %}</h2>
{% tmd pages.get-dash.trade-text %}</p> {% tmd pages.get-dash.trade-text %}</p>
<a href="#" class="btn-blue">{% t pages.get-dash.trade-btn %}</a> <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> <h2>{% t pages.get-dash.atm-heading %}</h2>
{% tmd pages.get-dash.atm-text %}</p> {% tmd pages.get-dash.atm-text %}</p>
<a href="#" class="btn-blue">{% t pages.get-dash.atm-btn %}</a> <a href="#" class="btn-blue">{% t pages.get-dash.atm-btn %}</a>
</div>
</div>
</div>
</section>
<!--
SHOP DIRECT WITH DASH
.getdash-shop-graphic
-->
<section>
<div class="content">
<div class="row">
<div class="col-sm-6">
<h2>{% t pages.get-dash.shop-heading %}</h2> <h2>{% t pages.get-dash.shop-heading %}</h2>
{% tmd pages.get-dash.shop-text %}</p> {% tmd pages.get-dash.shop-text %}</p>
<a href="#" class="btn-blue">{% t pages.get-dash.shop-btn %}</a> <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="col-sm-6 getdash-visa-graphic"></div>
<div class="col-sm-6">
<h2>{% t pages.get-dash.visa-heading %}</h2> <h2>{% t pages.get-dash.visa-heading %}</h2>
{% tmd pages.get-dash.visa-text %}</p> {% tmd pages.get-dash.visa-text %}</p>
<a href="#" class="btn-blue">{% t pages.get-dash.visa-btn %}</a> <a href="#" class="btn-blue">{% t pages.get-dash.visa-btn %}</a>
</div>
</div>
</section>
<!--
NEED SOME DASH
.getdash-need-graphic
-->
<section>
<div class="content">
<div class="col-sm-6">
<h2>{% t pages.get-dash.need-heading %}</h2> <h2>{% t pages.get-dash.need-heading %}</h2>
{% tmd pages.get-dash.need-text %}</p> {% tmd pages.get-dash.need-text %}</p>
<a href="#" class="btn-blue">{% t pages.get-dash.need-btn %}</a> <a href="#" class="btn-blue">{% t pages.get-dash.need-btn %}</a>
{% tmd pages.get-dash.need-input %}</p> {% tmd pages.get-dash.need-input %}</p>
</div>
<div class="col-sm-6 getdash-need-graphic">
</div>
</div>
</section>
</div> </div>