From 1b8c3530d8654df65a03a56d79dc5ca8c52ebd9c Mon Sep 17 00:00:00 2001
From: VitaliyTr <vs.tratsevskiy@gmail.com>
Date: Wed, 1 Mar 2017 00:40:07 +0700
Subject: [PATCH] added dummy data for buy page

---
 _i18n/en.yml            | 20 ++++++++++----------
 _includes/hero/buy.html |  7 ++++---
 buy/index.html          | 34 ++++++++++++++++++++++++++--------
 3 files changed, 40 insertions(+), 21 deletions(-)

diff --git a/_i18n/en.yml b/_i18n/en.yml
index 48a3a21..7593c87 100755
--- a/_i18n/en.yml
+++ b/_i18n/en.yml
@@ -167,19 +167,19 @@ pages:
 
     hero-heading: How to buy Dash
     hero-text: Easy guides how to buy Dash on online exchanges
-    buy-fiat-btn: Buy with fiat currency
-    buy-crypto-btn: Buy with cryptocurrency
-    full-list: Full Exchanges Listing
 
-    how-heading: How to Buy and Sell Dash
+    exchanges-btn: Buy with fiat currency
+    brokers-btn: Buy with cryptocurrency
+    otc-btn: OTC
+    local-btn: Local Markets
 
-    how-fiat: How to Fiat
-    how-fiat-text: One of the greatest challenges of building a crypto currency platform is ensuring you crforms.
-    how-fiat-btn: Show Video
+    exchanges-heading: Exchanges
+    brokers-heading: Brokers
 
-    how-btc: How to BTC
-    how-btc-text: The system would work as a decentralized voting mechanism setup ipay them directly after approval of the work in a decentralized fashion.
-    how-btc-btn: Show Video
+    otc-heading: Over the counter
+    dashous-text: How to Use
+    woc-text: How to use Wall of Coins
+    local-heading: Local Markets
 
   governance:
     title: Dash Official Website | Dash Crypto Currency
diff --git a/_includes/hero/buy.html b/_includes/hero/buy.html
index f36c153..9e7bf63 100644
--- a/_includes/hero/buy.html
+++ b/_includes/hero/buy.html
@@ -15,9 +15,10 @@
 		<p class="hero__lead">{% t pages.buy.hero-text %}</p>
 
 		<div class="hero__buttons">
-			<a href="#" class="btn-white-solid">{% t pages.buy.buy-fiat-btn %}</a>
-			<a href="#" class="btn-white-solid">{% t pages.buy.buy-crypto-btn %}</a>
-			<a href="#" class="btn-white-solid">{% t pages.buy.full-list %}</a>
+			<a href="#" class="btn-white-solid">{% t pages.buy.exchanges-btn %}</a>
+			<a href="#" class="btn-white-solid">{% t pages.buy.brokers-btn %}</a>
+			<a href="#" class="btn-white-solid">{% t pages.buy.otc-btn %}</a>
+			<a href="#" class="btn-white-solid">{% t pages.buy.local-btn %}</a>
 		</div>
 	</div>
 
diff --git a/buy/index.html b/buy/index.html
index 9a7a369..203b952 100644
--- a/buy/index.html
+++ b/buy/index.html
@@ -18,17 +18,35 @@ description: pages.buy.description
 
 	<section class="">
 		<div class="content">
-			<h2 class="section__title">{% t pages.buy.how-heading %}</h2>
-			<div class="row">
+
+			<h2 class="bottom-space">{% t pages.buy.exchanges-heading %}</h2>
+
+			<div class="row bottom-space">
+				<div class="col-md-3">kraken</div>
+				<div class="col-md-3">poloniex</div>
+				<div class="col-md-3">btc-e</div>
+				<div class="col-md-3">bifinex</div>
+			</div>
+
+			<h2  class="bottom-space">{% t pages.buy.brokers-heading %}</h2>
+
+			<div class="row bottom-space">
+				<div class="col-md-3">Coinpult</div>
+				<div class="col-md-3">Changelly</div>
+				<div class="col-md-3">Shapeshift</div>
+				<div class="col-md-3">Kraken Direct</div>
+			</div>
+
+			<h2  class="bottom-space">{% t pages.buy.otc-heading %}</h2>
+
+			<div class="row bottom-space">
 				<div class="col-sm-6">
-					<h3>{% t pages.buy.how-fiat %}</h3>
-					<p>{% t pages.buy.how-fiat-text %}</p>
-					<a href="/network" class="btn-blue">{% t pages.buy.how-fiat-btn %}</a>
+					<iframe width="560" height="315" src="https://www.youtube.com/embed/bE7pxHtAiNo" frameborder="0" allowfullscreen></iframe>
+					<p class="text-center">{% t pages.buy.dashous-text %}</p>
 				</div>
 				<div class="col-sm-6">
-					<h3>{% t pages.buy.how-btc %}</h3>
-					<p>{% t pages.buy.how-btc-text %}</p>
-					<a href="" class="btn-blue">{% t pages.buy.how-btc-btn %}</a>
+					<iframe width="560" height="315" src="https://www.youtube.com/embed/Ab7zYYrJLN8" frameborder="0" allowfullscreen></iframe>
+					<p class="text-center">{% t pages.buy.woc-text %}</p>
 				</div>
 			</div>
 		</div>