mirror of
https://github.com/seigler/dash-website
synced 2025-07-27 07:16:10 +00:00
f371dd4cd3
Created a _include snippet base.html that can be used to create relative links to assets.
262 lines
7.8 KiB
HTML
262 lines
7.8 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<head>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<meta charset="UTF-8">
|
||
<title>Join the Dash Network — Dash</title>
|
||
<meta name="description" content="Join the Dash Network">
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||
|
||
<link rel="apple-touch-icon" sizes="57x57" href="../../assets/images/favicon/apple-icon-57x57.png">
|
||
<link rel="apple-touch-icon" sizes="60x60" href="../../assets/images/favicon/apple-icon-60x60.png">
|
||
<link rel="apple-touch-icon" sizes="72x72" href="../../assets/images/favicon/apple-icon-72x72.png">
|
||
<link rel="apple-touch-icon" sizes="76x76" href="../../assets/images/favicon/apple-icon-76x76.png">
|
||
<link rel="apple-touch-icon" sizes="114x114" href="../../assets/images/favicon/apple-icon-114x114.png">
|
||
<link rel="apple-touch-icon" sizes="120x120" href="../../assets/images/favicon/apple-icon-120x120.png">
|
||
<link rel="apple-touch-icon" sizes="144x144" href="../../assets/images/favicon/apple-icon-144x144.png">
|
||
<link rel="apple-touch-icon" sizes="152x152" href="../../assets/images/favicon/apple-icon-152x152.png">
|
||
<link rel="apple-touch-icon" sizes="180x180" href="../../assets/images/favicon/apple-icon-180x180.png">
|
||
<link rel="icon" type="image/png" sizes="192x192" href="../../assets/images/favicon/android-icon-192x192.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="../../assets/images/favicon/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="96x96" href="../../assets/images/favicon/favicon-96x96.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="../../assets/images/favicon/favicon-16x16.png">
|
||
<link rel="manifest" href="../../assets/images/favicon/manifest.json">
|
||
<meta name="msapplication-TileColor" content="#ffffff">
|
||
<meta name="msapplication-TileImage" content="../../assets/images/favicon/ms-icon-144x144.png">
|
||
<meta name="theme-color" content="#ffffff">
|
||
|
||
<link rel="stylesheet" type="text/css" href="../../assets/css/style.css">
|
||
<!-- JavaScript -->
|
||
<script src="//cdn.jsdelivr.net/lodash/4.12.0/lodash.min.js"></script>
|
||
<script src="../../assets/js/moment.min.js"></script>
|
||
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div id="hero">
|
||
<div id="background-video">
|
||
<video loop autoplay width="100%" height="auto" poster="../../assets/img/dashorg-nodes.jpg" class="background-video">
|
||
<!-- <source src="assets/videos/Home-BG.m4v" type="video/mp4">
|
||
<source src="assets/videos/Home-BG.webm" type="video/webm">
|
||
<source src="assets/videos/Home-BG" type="video/ogg"> -->
|
||
</video>
|
||
</div>
|
||
|
||
<!-- Navigation -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div id="top" class="content">
|
||
<a href="#"><img src="../../assets/img/logo-white.png" alt="Dash" class="logo"></a>
|
||
|
||
<nav class="desktop">
|
||
<ul class="menu">
|
||
<li><a href="../../es/">¿Cuál es la Dash</a></li>
|
||
<li><a href="../../es/get-dash/">Get Dash</a></li>
|
||
<li><a href="../../es/participate/">Participate</a></li>
|
||
<li><a href="../../es/currency/">Currency</a></li>
|
||
<li><a href="../../es/community">Community</a></li>
|
||
<li><a href="../../es">Blog</a></li>
|
||
<li><a href="../../es">Project</a></li>
|
||
|
||
<li><a href="../../participate/">English</a></li>
|
||
<li><a href="../../es/participate/">Español</a></li>
|
||
|
||
<li><a href="../../es" title="Search">S</a></li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<div class="button_container" id="toggle">
|
||
<span class="top"></span>
|
||
<span class="middle"></span>
|
||
<span class="bottom"></span>
|
||
</div>
|
||
<span class="clear"></span>
|
||
|
||
</div>
|
||
|
||
|
||
<!-- Hero content -->
|
||
<h1 class="content">Join our Network</h1>
|
||
<p class="content">Earn Dash by powering, securing or developing the Dash Network</p>
|
||
|
||
<div class="content">
|
||
<a href="#" class="btn-blue-solid">Masternodes</a>
|
||
<a href="#" class="btn-blue-solid">Mining</a>
|
||
<a href="#" class="btn-blue-solid">Funding</a>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="content">
|
||
|
||
<h2>Setup a Masternode and power Dash's Network</h2>
|
||
<p>Help power Dash by hosting a Masternode or join a shared hosting service. Masternodes operators are rewarded for providing decentralized services to our users and anyone can set one up.</p>
|
||
|
||
<a href="#" class="btn-blue">Setup a Masternode</a>
|
||
|
||
|
||
<h2>Start Mining and Secure Dash's Network</h2>
|
||
<p>Mine Dash using your computer or dedicated hardware. Miners are rewarded for securing the Dash Network.</p>
|
||
|
||
<a href="#" class="btn-blue">Start Mining</a>
|
||
|
||
|
||
<h2>Develop the Network with Blockchain funding</h2>
|
||
<p>Dash's Network funds winning proposals each month for anything that can improve Dash like hiring developers, making decisions or integrating Dash payments into more online stores and retail outlets.</p>
|
||
|
||
<a href="#" class="btn-blue">Submit a Proposal</a>
|
||
|
||
|
||
<h2>Do you take Dash?</h2>
|
||
<p>Integrate instant, anonymous payments to your webstore, app or retail outlet</p>
|
||
|
||
<a href="#" class="btn-blue">Integrate Dash</a>
|
||
<a href="#" class="btn-blue">Payment Processors</a>
|
||
<a href="#" class="btn-blue">Contact Our Team</a>
|
||
|
||
</div>
|
||
|
||
<!-- Footer -->
|
||
<footer class="content">
|
||
Get Dash
|
||
<ul>
|
||
<li>Download Wallet</li>
|
||
<li>Buy Dash</li>
|
||
<li>Shop with Dash</li>
|
||
<li>Dash Debit Card</li>
|
||
</ul>
|
||
|
||
Participate
|
||
<ul>
|
||
<li>Start Mining</li>
|
||
<li>Setup a Masternode</li>
|
||
<li>Setup a Wallet</li>
|
||
<li>Apply for Funding</li>
|
||
</ul>
|
||
|
||
Currency
|
||
<ul>
|
||
<li>Exchange Markets</li>
|
||
<li>Governance</li>
|
||
<li>Block Explorers</li>
|
||
<li>Network Stats</li>
|
||
</ul>
|
||
|
||
Community
|
||
<ul>
|
||
<li>Discussion</li>
|
||
<li>Social Apps</li>
|
||
<li>News & Info</li>
|
||
<li>Development Tools</li>
|
||
<li>Masternode Tools</li>
|
||
</ul>
|
||
|
||
Project
|
||
<ul>
|
||
<li>Help & Support</li>
|
||
<li>Project Information</li>
|
||
<li>Team</li>
|
||
<li>Contact</li>
|
||
</ul>
|
||
|
||
Social
|
||
<ul>
|
||
<li>Blog</li>
|
||
<li>Reddit</li>
|
||
<li>Twitter</li>
|
||
<li>YouTube</li>
|
||
<li>Google+</li>
|
||
<li>LinkedIn</li>
|
||
<li>Facebook</li>
|
||
<li>Instagram</li>
|
||
<li>GitHub</li>
|
||
</ul>
|
||
</footer>
|
||
|
||
<!-- Mobile Nav -->
|
||
<div class="overlay" id="overlay">
|
||
<a href="/"><img src="../../assets/img/logo-white.png" alt="Dash" class="logo"></a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<nav class="overlay-menu">
|
||
<ul>
|
||
<li><a href="../../es/">¿Cuál es la Dash</a></li>
|
||
<li><a href="../../es/get-dash/">Get Dash</a></li>
|
||
<li><a href="../../es/participate/">Participate</a></li>
|
||
<li><a href="../../es/currency/">Currency</a></li>
|
||
<li><a href="../../es/community">Community</a></li>
|
||
<li><a href="../../es">Blog</a></li>
|
||
<li><a href="../../es">Project</a></li>
|
||
|
||
<li><a href="../../participate/">English</a></li>
|
||
<li><a href="../../es/participate/">Español</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
|
||
<script src="../../assets/js/full-menu.js"></script>
|
||
}
|
||
|
||
<script>
|
||
function windowPopup(url, width, height) {
|
||
// Calculate the position of the popup so
|
||
// it’s centered on the screen.
|
||
var left = (screen.width / 2) - (width / 2),
|
||
top = (screen.height / 2) - (height / 2);
|
||
|
||
window.open(
|
||
url,
|
||
"",
|
||
"menubar=no,toolbar=no,resizable=yes,scrollbars=yes,width=" + width + ",height=" + height + ",top=" + top + ",left=" + left
|
||
);
|
||
}
|
||
|
||
//jQuery
|
||
$(".js-social-share").on("click", function(e) {
|
||
e.preventDefault();
|
||
|
||
windowPopup($(this).attr("href"), 500, 300);
|
||
});
|
||
|
||
// Vanilla JavaScript
|
||
var jsSocialShares = document.querySelectorAll(".js-social-share");
|
||
if (jsSocialShares) {
|
||
[].forEach.call(jsSocialShares, function(anchor) {
|
||
anchor.addEventListener("click", function(e) {
|
||
e.preventDefault();
|
||
|
||
windowPopup(this.href, 500, 300);
|
||
});
|
||
});
|
||
}
|
||
|
||
</script>
|
||
|
||
|
||
</body>
|
||
</html>
|