Added initial statement for legal page

This commit is contained in:
Lee Wong 2017-03-30 23:44:58 +07:00 committed by tungfa
parent bacf0b07cb
commit 753bd73b38
3 changed files with 350 additions and 0 deletions

214
legal/index.html Normal file
View file

@ -0,0 +1,214 @@
---
layout: default
title: pages.legal.title
description: pages.legal.description
---
{% include hero/legal.html %}
<div class="page page--home">
<section class="section section--claim">
<div class="section__content content">
<p class="section__lead bottom-space">{% t pages.legal.tax-text %}</p>
<h2 class="section__title">{% t pages.legal.tax-hero %}</h2>
<div class="hero__buttons">
<a href="https://dashpay.atlassian.net/wiki/pages/viewpage.action?pageId=48693287" target="_blank" class="btn-white-solid">{% t pages.legal.buy-btn %}</a>
<a href="https://www2.dash.org/merchants/" target="_blank" class="btn-white-solid">{% t pages.legal.spend-btn %}</a>
<a href="https://dashpay.atlassian.net/wiki/pages/viewpage.action?pageId=48693307" target="_blank" class="btn-white-solid">{% t pages.legal.trade-btn %}</a>
</div>
</div>
</section>
<section>
<div class="content">
<h2 class="bottom-space section__title">{% t pages.legal.exchanges-heading %}</h2>
<div class="ctabox ctabox--gray-light-bg" data-js-ctabox>
<div class="ctabox__inner">
<article class="ctabox__cta" data-js-ctabox-item>
<a href="https://poloniex.com/" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper">
<img src="/assets/img/get-dash/poloniex.png" class="ctabox__image">
</div>
<div class="ctabox__text">
<h4 class="ctabox__title">POLONIEX</h4>
<p class="ctabox__description">Exchange market</p>
</div>
</a>
</article>
<article class="ctabox__cta" data-js-ctabox-item>
<a href="https://btc-e.com/" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper">
<img src="/assets/img/get-dash/btc-e.png" class="ctabox__image">
</div>
<div class="ctabox__text">
<h4 class="ctabox__title">BTC-E</h4>
<p class="ctabox__description">Exchange market</p>
</div>
</a>
</article>
<article class="ctabox__cta" data-js-ctabox-item>
<a href="https://www.bitfinex.com" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper">
<img src="/assets/img/get-dash/bitfinex.png" class="ctabox__image">
</div>
<div class="ctabox__text">
<h4 class="ctabox__title">BIFINEX</h4>
<p class="ctabox__description">Exchange market</p>
</div>
</a>
</article>
<article class="ctabox__cta" data-js-ctabox-item>
<a href="https://bittrex.com/" target="_blank" class="ctabox__link">
<div class="ctabox__imagewrapper">
<img src="/assets/img/get-dash/bittrex-logo.jpg" class="ctabox__image">
</div>
<div class="ctabox__text">
<h4 class="ctabox__title">bittrex</h4>
<p class="ctabox__description">Exchange market</p>
</div>
</a>
</article>
</div>
</div>
<div class="text-center">
<a href="{{ base }}/exchanges/" class="btn-blue">{% t pages.legal.full-list-btn %}</a>
</div>
</div>
</section>
<section>
<div class="content">
<h2 class="bottom-space section__title">{% t pages.buy.brokers-heading %}</h2>
<div class="row bottom-space">
<ul class="member-list member-list--merchants">
<li class="member" style="height: 219px;">
<div class="member__avatar">
<div class="member__image-wrapper">
<a href="https://www.bitpanda.com/trades/buy" target="_blank" class="member__link">
<img class="member__image" src="/assets/img/get-dash/bitpanda_logo.png" alt="Alfacashier">
</a>
</div>
</div>
<div class="member__name" style="height: 35px;">Bitpanda</div>
</li>
<li class="member" style="height: 219px;">
<div class="member__avatar">
<div class="member__image-wrapper">
<a href="https://changelly.com" target="_blank" class="member__link">
<img class="member__image" src="/assets/img/get-dash/changelly.png" alt="Changelly">
</a>
</div>
</div>
<div class="member__name" style="height: 35px;">Changelly</div>
</li>
<li class="member" style="height: 219px;">
<div class="member__avatar">
<div class="member__image-wrapper">
<a href="https://shapeshift.io/" target="_blank" class="member__link">
<img class="member__image" src="/assets/img/get-dash/shapeshift.png" alt="Shapeshift">
</a>
</div>
</div>
<div class="member__name" style="height: 35px;">Shapeshift</div>
</li>
<li class="member" style="height: 219px;">
<div class="member__avatar">
<div class="member__image-wrapper">
<a href="https://arbitrcoin.com/" target="_blank" class="member__link">
<img class="member__image" src="/assets/img/get-dash/Arbitcoin-logo.png" alt="Shapeshift">
</a>
</div>
</div>
<div class="member__name" style="height: 35px;">ArbiytrCoin</div>
</li>
</ul>
</div>
</div>
</section>
<section class="home-latest-news">
<div class="content">
<h2 class="section__title">{% t pages.legal.otc-heading %}</h2>
<div class="row">
<div class="col-sm-3">
<div class="news-post">
<a href="https://www.youtube.com/watch?v=irn9m7Ewx0E" target="_blank">
<div class="news-image">
<img src="/assets/img/blog/2017-03-12-woscryptoshow.png">
</div>
<div class="news-body news-body--short">
<h3 class="news-title">Wall of Coins on The Crypto Show</h3>
</div>
</a>
</div>
</div>
<div class="col-sm-6">
{% tmd pages.legal.otc-text %}
<div class="text-center">
<a href="https://dashpay.atlassian.net/wiki/x/UoFNBg" target="_blank" class="btn-blue">{% t pages.legal.otc-btn %}</a>
</div>
</div>
<div class="col-sm-3">
<div class="news-post">
<a href="https://www.youtube.com/watch?v=bE7pxHtAiNol" target="_blank">
<div class="news-image">
<img src="/assets/img/get-dash/dash-detailed.png">
</div>
<div class="news-body news-body--short">
<h3 class="news-title">Dashous Video</h3>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="section section--info-grid" id="getdash-info">
<div class="section__content">
<div class="info-grid content">
<div class="info-grid__content">
<article class="info-grid__item" data-mh="get-dash-info-grid" id="getdash-wallet-setup">
<h3 class="info-grid__item-title">{% t pages.legal.setup-heading %}</h3>
<p class="info-grid__item-text">{% t pages.legal.setup-text %}</p>
<a href="{% t pages.get-dash.setup-link %}" target="_blank" class="info-grid__item-link">{% t pages.legal.setup-btn %}</a>
</article>
<article class="info-grid__item" data-mh="get-dash-info-grid" id="getdash-buy">
<
<h3 class="info-grid__item-title">{% t pages.legal.buy-heading %}</h3>
<p class="info-grid__item-text">{% t pages.legal.buy-text %}</p>
<a href="{% t pages.get-dash.buy-link %}" target="_blank" class="info-grid__item-link">{% t pages.legal.buy-btn %}</a>
</article>
<article class="info-grid__item" data-mh="get-dash-info-grid" id="getdash-trade">
<h3 class="info-grid__item-title">{% t pages.legal.trade-heading %}</h3>
<p class="info-grid__item-text">{% t pages.legal.trade-text %}</p>
<a href="{% t pages.get-dash.trade-link %}" target="_blank" class="info-grid__item-link">{% t pages.legal.trade-btn %}</a>
</article>
<article class="info-grid__item" data-mh="get-dash-info-grid" id="getdash-atm">
<h3 class="info-grid__item-title">{% t pages.legal.atm-heading %}</h3>
<p class="info-grid__item-text">{% t pages.legal.atm-text %}</p>
<a href="{% t pages.get-dash.atm-link %}" target="_blank" class="info-grid__item-link">{% t pages.legal.atm-btn %}</a>
</article>
<article class="info-grid__item" data-mh="get-dash-info-grid" id="getdash-shop">
<h3 class="info-grid__item-title">{% t pages.legal.shop-heading %}</h3>
<p class="info-grid__item-text">{% t pages.legal.shop-text %}</p>
<a href="{% t pages.get-dash.shop-link %}" target="_blank" class="info-grid__item-link">{% t pages.legal.shop-btn %}</a>
</article>
<article class="info-grid__item" data-mh="get-dash-info-grid" id="getdash-visa">
<h3 class="info-grid__item-title">{% t pages.legal.visa-heading %}</h3>
<p class="info-grid__item-text">{% t pages.legal.visa-text %}</p>
<a href="{% t pages.get-dash.visa-link %}" target="_blank" class="info-grid__item-link">{% t pages.legal.visa-btn %}</a>
</article>
</div>
</div>
</div>
</section>
</div>