diff --git a/404/index.html b/404/index.html
new file mode 100644
index 0000000..c4c4359
--- /dev/null
+++ b/404/index.html
@@ -0,0 +1,126 @@
+---
+layout: default
+title: pages.mining.title
+description: pages.mining.description
+---
+
+
+{% include hero/404.html %}
+{% include base.html %}
+
+
+<div class="page page--home">
+
+
+
+	<section id="community-social" class="section section--cta section--gray-light-bg">
+		<div class="section__content">
+			<div>
+				<h2>{% t pages.community.social-heading %}<a class="permalink" title="Permalink" id="social"></a></h2>
+
+				{% tmd pages.community.social-text %}
+			</div>
+			<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://twitter.com/dashpay" target="_blank" class="ctabox__link">
+							<div class="ctabox__imagewrapper">
+								<img src="/assets/img/community/twitter_logo.png" class="ctabox__image">
+							</div>
+						</a>
+					</article>
+					<article class="ctabox__cta" data-js-ctabox-item>
+						<a href="https://www.facebook.com/DashPay" target="_blank" class="ctabox__link">
+							<div class="ctabox__imagewrapper">
+								<img src="/assets/img/community/facebook_logo.png" class="ctabox__image">
+							</div>
+						</a>
+					</article>
+					<article class="ctabox__cta" data-js-ctabox-item>
+						<a href="https://plus.google.com/communities/101869723775111070721" target="_blank" class="ctabox__link">
+							<div class="ctabox__imagewrapper">
+								<img src="/assets/img/community/googleplus_logo.png" class="ctabox__image">
+							</div>
+						</a>
+					</article>
+					<article class="ctabox__cta" data-js-ctabox-item>
+						<a href="https://www.linkedin.com/company/dash---digitalcash-cryptocurrency-?trk=company_logo" target="_blank" class="ctabox__link">
+							<div class="ctabox__imagewrapper">
+								<img src="/assets/img/community/linkedin_logo.png" class="ctabox__image">
+							</div>
+						</a>
+					</article>
+					<article class="ctabox__cta" data-js-ctabox-item>
+						<a href="https://www.instagram.com/dashpay/" target="_blank" class="ctabox__link">
+							<div class="ctabox__imagewrapper">
+								<img src="/assets/img/community/instagram_logo.png" class="ctabox__image">
+							</div>
+						</a>
+					</article>
+					<article class="ctabox__cta" data-js-ctabox-item>
+						<a href="https://www.youtube.com/dashorg" target="_blank" class="ctabox__link">
+							<div class="ctabox__imagewrapper">
+								<img src="/assets/img/community/youtube_logo.png" class="ctabox__image">
+							</div>
+						</a>
+					</article>
+				</div>
+			</div>
+		</div>
+	</section>
+
+	<section id="community-masternode" class="section section--cta">
+		<div class="section__content">
+			<div>
+				<h2>{% t pages.community.masternode-heading %}<a class="permalink" title="Permalink" id="masternodes"></a></h2>
+
+				{% tmd pages.community.masternode-text %}
+			</div>
+			<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://www.dashcentral.org/" target="_blank" class="ctabox__link">
+							<div class="ctabox__imagewrapper">
+								<img src="/assets/img/community/dashcentral_logo.png" class="ctabox__image">
+							</div>
+							<div class="ctabox__text">
+								<h4 class="ctabox__title">Dash Central</h4>
+							</div>
+						</a>
+					</article>
+					<article class="ctabox__cta" data-js-ctabox-item>
+						<a href="https://www.dashninja.pl/" target="_blank" class="ctabox__link">
+							<div class="ctabox__imagewrapper">
+								<img src="/assets/img/community/dashninja_logo.png" class="ctabox__image">
+							</div>
+							<div class="ctabox__text">
+								<h4 class="ctabox__title">DashNinja</h4>
+							</div>
+						</a>
+					</article>
+					<article class="ctabox__cta" data-js-ctabox-item>
+						<a href="https://dashpay.atlassian.net/wiki/pages/viewpage.action?pageId=1867885" target="_blank" class="ctabox__link">
+							<div class="ctabox__imagewrapper">
+								<img src="/assets/img/community/dash_logo.png" class="ctabox__image">
+							</div>
+							<div class="ctabox__text">
+								<h4 class="ctabox__title">Hosting Services</h4>
+							</div>
+						</a>
+					</article>
+					<article class="ctabox__cta" data-js-ctabox-item>
+						<a href="https://dashpay.atlassian.net/wiki/pages/viewpage.action?pageId=8880153" target="_blank" class="ctabox__link">
+							<div class="ctabox__imagewrapper">
+								<img src="/assets/img/community/dash_logo.png" class="ctabox__image">
+							</div>
+							<div class="ctabox__text">
+								<h4 class="ctabox__title">Tools</h4>
+							</div>
+						</a>
+					</article>
+				</div>
+			</div>
+		</div>
+	</section>
+
+</div>
diff --git a/_i18n/en.yml b/_i18n/en.yml
index 3234e9a..236ca82 100755
--- a/_i18n/en.yml
+++ b/_i18n/en.yml
@@ -1,6 +1,22 @@
 
 # For multiple paragraph content add two line breaks
 pages:
+  404-page:
+
+    hero-heading: >
+      404
+
+    hero-text: >
+      Page not Found
+
+    hero-forum-btn: Official Forums
+    hero-discussion-btn: Discussion
+    hero-social-btn: Social Apps
+    hero-news-btn: News &amp; Info
+    hero-development-btn: Development
+    hero-masternodes-btn: Masternodes
+    hero-video-btn: Video &amp; Audio
+
 
   mining:
     title: Dash Official Website | Dash Crypto Currency
diff --git a/_includes/hero/404.html b/_includes/hero/404.html
new file mode 100644
index 0000000..874e40f
--- /dev/null
+++ b/_includes/hero/404.html
@@ -0,0 +1,35 @@
+<div class="hero" id="hero">
+	<div class="hero__background">
+		{% srcset hero/community.jpg ppi:1,2 class="hero__background-image" %}
+		{% srcset_source width:1920 %}
+		{% srcset_source width:960 %}
+		{% endsrcset %}
+	</div>
+
+	<!-- Navigation -->
+	{% include nav-desktop.html %}
+
+	<!-- Hero content -->
+	<div class="hero__content">
+		<h1 class="hero__title">{% t pages.404-page.hero-heading %}</h1>
+		<p class="hero__lead">{% t pages.404-page.hero-text %}</p>
+
+		<div class="hero__buttons">
+			<a href="https://www.dash.org/forum/" class="btn-blue-solid">{% t pages.404-page.hero-forum-btn %}</a>
+			<a href="{{ basenav }}/contribute/" class="btn-blue-solid">{% t nav.participate %}</a>
+		</div>
+		<div class="hero__buttons">
+
+			<a href="#community-discussion" class="btn-white-solid">{% t pages.404-page.hero-discussion-btn %}</a>
+			<a href="#community-social" class="btn-white-solid">{% t pages.404-page.hero-social-btn %}</a>
+			<a href="#community-news" class="btn-white-solid">{% t pages.404-page.hero-news-btn %}</a>
+			<a href="#community-development" class="btn-white-solid">{% t pages.404-page.hero-development-btn %}</a>
+			<a href="#community-masternode" class="btn-white-solid">{% t pages.404-page.hero-masternodes-btn %}</a>
+			<!--<a href="#community-media" class="btn-white-solid">{% t pages.community.hero-video-btn %}</a>-->
+		</div>
+	</div>
+
+	<!-- Hero stripe -->
+	<div class="hero__stripe"></div>
+</div>
+