added exchanges page

_data/exchanges.yml

@@ -0,0 +1,18 @@
+
+- name: alcurEX
+  trading_pairs: BTC, MRC
+  fees: N/A
+  image: qhoster.png
+  url: https://alcurex.org/
+
+- name: alcurEX
+  trading_pairs: BTC, MRC
+  fees: N/A
+  image: qhoster.png
+  url: https://alcurex.org/
+
+- name: alcurEX
+  trading_pairs: BTC, MRC
+  fees: N/A
+  image: qhoster.png
+  url: https://alcurex.org/

_i18n/en.yml

@@ -1,14 +1,24 @@
 
 # For multiple paragraph content add two line breaks
 pages:
-  404-page:
 
+  exchanges:
+    title: Exchanges
+    description: Buy Dash at these exchanges and brokers
+
+    hero-heading: Buy Dash
+    hero-text: |
+      This lists includes all known exchanges that trade Dash (in alphabetical order), including those with low trading volume. <a href='https://coinmarketcap.com/currencies/dash/#markets' target='_blank'>See Market Statistics</a>  for more information.
+    hero-btn: Integrate Dash
+    hero-getlisted-btn: Get Listed
+
+    disclaimer-text: >
+      DISCLAIMER: This list is provided for informational purposes only. Services listed here have not been evaluated or endorsed by the Dash developers and no guarantees are made as to the accuracy of this information. Please exercise discretion when using third-party services.
+
+  404-page:
     hero-heading: >
       404
-
-    hero-text: >
-      Page not Found
-
+    hero-text: Page not Found
     hero-forum-btn: Official Forums
     hero-discussion-btn: Discussion
     hero-social-btn: Social Apps
@@ -17,7 +27,6 @@ pages:
     hero-masternodes-btn: Masternodes
     hero-video-btn: Video &amp; Audio
 
-
   mining:
     title: Dash Official Website | Dash Crypto Currency
     description: Dash is Digital Cash

_includes/exchanges-list.html

@@ -0,0 +1,22 @@
+<li class="member" data-mh="merchant">
+
+	<div class="member__avatar">
+		{% if exchange.image %}
+		<div class="member__image-wrapper">
+			<a href="{{ exchange.url }}" target="_blank" class="member__link">
+				<img class="member__image" src="/assets/img/merchants/{{ merchant.image }}" alt="{{ merchant.name }}">
+			</a>
+		</div>
+		{% else %}
+		<div class="member__image-wrapper">
+			<a href="{{ exchange.url }}" target="_blank" class="member__link">
+				<img class="member__image" src="/assets/img/merchant_generic_logo.png" alt="{{ merchant.name }}">
+			</a>
+		</div>
+		{% endif %}
+	</div>
+
+	<div class="member__name" data-mh="merchant-name">{{ exchange.name }}</div>
+	<p>DASH Trading Pairs:: {{ exchange.trading_pairs }}</p>
+	<p>Fees:{{ exchange.fees }}</p>
+</li>

_includes/hero/exchanges.html

@@ -0,0 +1,24 @@
+<div class="hero hero--space" id="hero">
+	<div class="hero__background">
+
+		<img src="{{ base }}/assets/img/hero/merchants.png" alt="" class="hero__background-image">
+
+	</div>
+
+	<!-- Navigation -->
+	{% include nav-desktop.html %}
+
+	<!-- Hero content -->
+	<div class="hero__content">
+		<h1 class="hero__title">{% t pages.exchanges.hero-heading %}</h1>
+		<p class="hero__lead">{% t pages.exchanges.hero-text %}</p>
+
+		<div class="hero__buttons">
+			<a href="#" target="_blank" class="btn-white-solid">{% t pages.exchanges.hero-btn %}</a>
+			<a href="#" class="btn-white-solid">{% t pages.exchanges.hero-getlisted-btn %}</a>
+		</div>
+	</div>
+
+	<!-- Hero stripe -->
+	<div class="hero__stripe"></div>
+</div>

exchanges/index.html

@@ -0,0 +1,26 @@
+---
+layout: default
+title: pages.exchanges.title
+description: pages.exchanges.description
+---
+
+{% include hero/exchanges.html %}
+
+<div class="page page--team">
+
+	<section class="section section--intro-lead section--merchants">
+		<div class="section__content content">
+			<ul class="member-list member-list--merchants">
+				{% for exchange in site.data.exchanges %}
+				{% include exchanges-list.html %}
+				{% endfor %}
+			</ul>
+		</div>
+	</section>
+
+	<section class="section">
+		<div class="section__content">
+			<p class="warning-bg">{% t pages.exchanges.disclaimer-text %}</p>
+		</div>
+	</section>
+</div>

src/scss/_buttons.scss

@@ -51,6 +51,7 @@
 	background-color: $color-blue;
 	color: $color-white !important;
 	text-decoration: none;
+	cursor: pointer;
 	&:hover {
 	}
 }