mirror of
https://github.com/seigler/dash-website
synced 2025-07-27 07:16:10 +00:00
fd43071a3c
- Split the navigation out to separate files. - Set the navigation items to i18n strings. - Updated the overlay css to accommodate the number of nav items.
426 lines
20 KiB
HTML
426 lines
20 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Official Website | Private Digital Currency — Dash</title>
|
||
<meta name="description" content="Dash is Digital Cash">
|
||
|
||
<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>
|
||
|
||
<!-- Hero -->
|
||
<div id="hero">
|
||
<div id="background-video">
|
||
<video loop autoplay width="100%" height="auto" poster="assets/img/Home-BG.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>
|
||
<div id="top" class="content">
|
||
<a href="#"><img src="assets/img/logo-white.png" alt="Dash" class="logo"></a>
|
||
|
||
<!-- Navigation -->
|
||
<nav class="desktop">
|
||
<ul>
|
||
<li><a href="#">What is Dash</a></li>
|
||
<li><a href="#">Get Dash</a></li>
|
||
<li><a href="#">Participate</a></li>
|
||
<li><a href="#">Currency</a></li>
|
||
<li><a href="#">Community</a></li>
|
||
<li><a href="#">Blog</a></li>
|
||
<li><a href="#">Project</a></li>
|
||
<li><a href="#">English</a></li>
|
||
<li><a href="#">Search</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>
|
||
<h1 class="content">Dash is Digital Cash</h1>
|
||
<p class="content">Hero Text</p>
|
||
<div class="content">
|
||
<a href="#" class="btn-blue">Get Dash</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- <div class="intro-header">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="intro-message" style="">
|
||
|
||
<h1>Digital Cash has arrived</h1>
|
||
|
||
<h3>The first truly fungible <strong>digital currency</strong> built by the people, for the people. </h3>
|
||
|
||
<img src="/assets/img/dash-flat-devices-ad.png"/>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-10 col-lg-push-1">
|
||
<div class="row">
|
||
<div class="col-md-2 ">
|
||
<i class="fa fa-eye-slash fa-lg fa-3x"></i> <h5 class="white">PRIVATE</h5>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<i class="fa fa-bolt fa-lg fa-3x"></i> <h5 class="white">INSTANT</h5>
|
||
|
||
</div>
|
||
<div class="col-md-2">
|
||
<i class="fa fa-lock fa-lg fa-3x"></i> <h5 class="white">SECURE</h5>
|
||
|
||
</div>
|
||
|
||
<div class="col-md-2">
|
||
<i class="fa fa-caret-down fa-lg fa-3x"></i> <h5 class="white">LOW FEES</h5>
|
||
|
||
</div>
|
||
<div class="col-md-2">
|
||
<i class="fa fa-globe fa-lg fa-3x"></i> <h5 class="white">GLOBAL</h5>
|
||
|
||
</div>
|
||
<div class="col-md-2">
|
||
<i class="fa fa-users fa-lg fa-3x"></i> <h5 class="white">PEER-TO-PEER</h5>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="row">
|
||
|
||
|
||
|
||
|
||
<ul class="list-inline intro-social-buttons" style="padding-top:10px;">
|
||
<li> <a href="#whatisdash" class="page-scroll "><span class="network-name white">WHAT IS DASH?</span></a> |</li>
|
||
<li> <a href="project.html" class="page-scroll "><span class="network-name white">DASH WALLETS</span></a> |</li>
|
||
<li> <a href="https://github.com/dashpay" class="page-scroll"><span class="network-name white">DASH EXCHANGES</span></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="whatisdash" class="content-section-b">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-5 col-lg-push-1 col-md-5 col-md-push-1">
|
||
<div class="clearfix"></div>
|
||
<h3>Dash is <span class="text-muted">Digital Cash</span> you can Spend Online</h3>
|
||
<p class="lead">Use Dash to make instant, anonymous payments online or in-store using our secure open-source platform hosted by 1,000s of users around the world.</p>
|
||
<ul class="list-inline intro-social-buttons">
|
||
<li> <a href="get-dash.html" class="btn btn-default btn-lg page-scroll"><span class="network-name">GET DIGITAL CASH</span></a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-5 col-lg-push-1 col-md-5 col-md-push-2">
|
||
<div class="row">
|
||
<div class="col-xs-12"><iframe width="420" height="315" src="https://www.youtube.com/embed/0GACaNvBlwc" frameborder="0" allowfullscreen></iframe>
|
||
<p class="mini-box-subtitle"><a href="#">How Does Dash Work?</a> | <a href="#">Get Started w/ Dash!</a> </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div id="whatisdash2" class="content-section-a">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-5 col-lg-push-6 col-md-5 col-md-push-6">
|
||
<div class="clearfix"></div>
|
||
<h3 class="section-heading"><span class="text-muted">Focused on </span>privacy & financial freedom</h3>
|
||
<p class="lead">Use Dash to buy Email, VPN, VPS and other services direct, without losing privacy or control of your funds to a 3rd party. You can also spend Dash at any Visa store. Plus you can <a href="https://www.youtube.com/watch?v=4RqtB8Mm5z4"
|
||
target="_blank">buy Soda!</a> ;)</p>
|
||
<ul class="list-inline intro-social-buttons">
|
||
<li> <a href="get-dash.html#shop" class="btn btn-default btn-lg"><span class="network-name">SHOP DIRECT</span></a></li>
|
||
<li> <a href="get-dash.html#shopcard" class="btn btn-default btn-lg"><span class="network-name">SHOP WITH VISA</span></a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-5 col-lg-pull-4 col-md-5 col-md-pull-4">
|
||
<div class="row">
|
||
<div class="col-xs-6"><img src="http://placehold.it/210x150" class="img-responsive img-hover mini-box">
|
||
<p class="mini-box-subtitle">(Email provider) </p>
|
||
</div>
|
||
<div class="col-xs-6"><img src="http://placehold.it/210x150" class="img-responsive img-hover img-related mini-box">
|
||
<p class="mini-box-subtitle">(VPN provider) </p>
|
||
</div>
|
||
<div class="col-xs-6"><img src="http://placehold.it/210x150" class="img-responsive img-hover img-related mini-box">
|
||
<p class="mini-box-subtitle">(VPS Provider) </p>
|
||
</div>
|
||
<div class="col-xs-6"><img src="http://placehold.it/210x150" class="img-responsive img-hover img-related mini-box">
|
||
<p class="mini-box-subtitle">(Gaming provider) </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="whatisdash3" class="content-section-c">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-5 col-lg-push-1 col-md-5 col-md-push-1">
|
||
<div class="clearfix"></div>
|
||
<h3><span class="text-muted"> </span>Next-Gen<span class="text-muted"> Network Architecture</span></h3>
|
||
<p class="lead">The core of Dash's unique technology is a 2-tier P2P network design that rewards users that hold Dash to host a type of supernode called a Masternode and host it 24/7 on dedicated hardware. </p>
|
||
<ul class="list-inline intro-social-buttons">
|
||
<li> <a class="btn btn-default btn-lg page-scroll"><span class="network-name">LEARN MORE</span></a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-5 col-lg-push-1 col-md-5 col-md-push-1">
|
||
<div class="row">
|
||
<div class="col-xs-12"><img src="http://placehold.it/420x300" class="img-responsive img-hover mini-box center-block">
|
||
<p class="mini-box-subtitle">(MN Map) </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="whatisdash4" class="content-section-d">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-5 col-lg-push-6 col-md-5 col-md-push-6">
|
||
<div class="clearfix"></div>
|
||
<h3 class="section-heading"><span class="text-muted">High-power </span>P2P Nodes<span class="text-muted"> </span> </h3>
|
||
<p class="lead">Masternodes work together in clusters and can't be faked like fullnodes in other digital currencies. This means they can provide new kinds of decentralized services, like instant transactions, anonymization and governance, without
|
||
the threat of low-cost network attacks.</p>
|
||
<ul class="list-inline intro-social-buttons">
|
||
<li> <a class="btn btn-default btn-lg"><span class="network-name">LEARN MORE</span></a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-5 col-lg-pull-4 col-md-5 col-md-pull-4">
|
||
<div class="row">
|
||
<div class="col-md-12"><img src="http://placehold.it/420x300" class="img-responsive img-hover mini-box center-block"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="whatisdash5" class="content-section-e">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-5 col-lg-push-1 col-md-5 col-md-push-1">
|
||
<div class="clearfix"></div>
|
||
<h3><span class="text-muted">The</span> Fastest Growing<span class="text-muted"> Network</span></h3>
|
||
<p class="lead">Thanks to incentivization, Dash's network has grown to 3,700 Masternodes meaning Dash is the only digital currency that can compete with Bitcoin for transaction processing power and future scalability.</p>
|
||
<ul class="list-inline intro-social-buttons">
|
||
<li> <a href="currency.html#network" class="btn btn-default btn-lg page-scroll"><span class="network-name">NETWORK STATS</span></a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-5 col-lg-push-1 col-md-5 col-md-push-1">
|
||
<div class="row">
|
||
<div class="col-xs-12"><img src="http://placehold.it/420x300" class="img-responsive img-hover mini-box center-block">
|
||
<p class="mini-box-subtitle">(MN Count chart) </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row"><div class="col-md-1 ">
|
||
|
||
</div>
|
||
<div class="col-md-1 ">
|
||
Nodes: <span>XXXX</span>
|
||
</div>
|
||
<div class="col-md-1">Masternodes:
|
||
<span>3782</span>
|
||
</div>
|
||
<div class="col-md-1">Daily MN Payment:
|
||
<span>$2.15</span>
|
||
</div>
|
||
|
||
<div class="col-md-1">Hash Rate: <span>127.09 GH/zMs</span>
|
||
|
||
</div>
|
||
<div class="col-md-1">Difficulty: <span>5163.38</span>
|
||
</div>
|
||
<div class="col-md-1">BTC Price: <span>$455.77</span>
|
||
</div>
|
||
<div class="col-md-1"># of Dash <span>6,446,263</span>
|
||
</div>
|
||
<div class="col-md-1">Block: <span>469041</span>
|
||
</div>
|
||
<div class="col-md-1 ">Budget Value: <span>6613.6</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="whatisdash6" class="content-section-f">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-5 col-lg-push-6 col-md-5 col-md-push-6">
|
||
<div class="clearfix"></div>
|
||
<h3 class="section-heading"><span class="text-muted">First </span>Self Governing, Self Funding<span class="text-muted"> Protocol</span> </h3>
|
||
<p class="lead">Any important project or decision in Dash is agreed and funded by a<strong> decentralized public process </strong>that funds projects <strong>autonomously</strong> based on Masternode-network votes. This means Dash can fund it's
|
||
own growth and adoption, consensus is guaranteed, and everyone is accountable to the network. And you can't game the system without buying over half the currency supply.</p>
|
||
<ul class="list-inline intro-social-buttons">
|
||
<li> <a href="currency.html#governance" class="btn btn-default btn-lg"><span class="network-name">proposals</span></a></li>
|
||
<li> <a class="btn btn-default btn-lg"><span class="network-name">SUBMIT A PROPOSAL</span></a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-5 col-lg-pull-4 col-md-5 col-md-pull-4">
|
||
<div class="row">
|
||
<div class="col-md-12"><img src="http://placehold.it/420x300" class="img-responsive img-hover mini-box center-block">
|
||
<p class="mini-box-subtitle">(screenshot of proposals site) </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="whatisdash7" class="content-section-g">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-5 col-lg-push-1 col-md-5 col-md-push-1">
|
||
<div class="clearfix"></div>
|
||
<h3><span class="text-muted">Digital Currency</span> Evolution<span class="text-muted"> </span></h3>
|
||
<p class="lead">What's next? We are working on a new decentralized service hosted on the Masternode network that will open up Dash to web and mobile users and be as easy to use as PayPal but still fully decentralized. Stay tuned..</p>
|
||
<ul class="list-inline intro-social-buttons">
|
||
<li> <a class="btn btn-default btn-lg page-scroll"><span class="network-name">LEARN MORE</span></a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-5 col-lg-push-1 col-md-5 col-md-push-1">
|
||
<div class="row">
|
||
<div class="col-xs-12"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="intro-header">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="intro-message">
|
||
<h1>Get Started</h1>
|
||
<h3>Download the wallet and start using Digital Cash!</h3>
|
||
|
||
<ul class="list-inline intro-social-buttons">
|
||
<li> <a href="get-dash.html" target="_blank" class="btn btn-primary btn-default btn-lg page-scroll"><span class="network-name"> GET DASH ></span></a></li>
|
||
</ul>
|
||
|
||
<div class="row">
|
||
<div class="col-md-1"></div>
|
||
<div class="col-md-10">
|
||
<div class="cta-message">
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<ul class="list-inline intro-social-buttons">
|
||
<li> <a href="get-dash.html#buy" class="page-scroll white"><span class="network-name">BUY DASH</span></a></li>
|
||
<li> <a href="participate.html" class="page-scroll white"><span class="network-name">PARTICIPATE </span></a></li>
|
||
<li> <a href="currency.html" class=" page-scroll white"><span class="network-name">CURRENCY </span></a></li>
|
||
<li> <a href="community.html" class="page-scroll white"><span class="network-name">COMMUNITY </span></a></li>
|
||
<li> <a href="news.html" class="page-scroll white"><span class="network-name">NEWS </span></a></li> |
|
||
<li> <a href="project.html" class=" page-scroll white"><span class="network-name">PROJECT </span></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-1"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
|
||
<!-- Footer -->
|
||
<footer class="content">
|
||
|
||
This is the footer
|
||
|
||
</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="#">What is Dash</a></li>
|
||
<li><a href="#">Get Dash</a></li>
|
||
<li><a href="#">Participate</a></li>
|
||
<li><a href="#">Currency</a></li>
|
||
<li><a href="#">Community</a></li>
|
||
<li><a href="#">Blog</a></li>
|
||
<li><a href="#">Project</a></li>
|
||
<li><a href="#">English</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>
|