-
Notifications
You must be signed in to change notification settings - Fork 3
/
popups.html
executable file
·141 lines (141 loc) · 6.2 KB
/
popups.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Popups - Vault0x</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="theme-color" content="#212739">
<meta name="MobileOptimized" content="320">
<meta name="HandheldFriendly" content="true">
<meta name="viewport" content="width=device-width, initial-scale=1, target-densitydpi=device-dpi">
<meta name="author" content="http://psdhtml.me">
<link rel="stylesheet" media="screen" href="styles/screen.css">
<link rel="stylesheet" media="print" href="styles/print.css">
<link rel="icon" type="image/x-icon" href="favicon.png">
<meta property="og:title" content="">
<meta property="og:type" content="website">
<meta property="og:description" content=".">
<meta property="og:site_name" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<script type='application/ld+json'>
{
"@context": "http://schema.org/",
"@type": "Organization",
"url": "",
"name": "Vault0x",
"legalName": "Vault0x",
"description": "",
"logo": "",
"image": "",
"author": "psdHTML.me",
"contactPoint": {
"@type": "ContactPoint",
"contactType": "Customer service",
"telephone": ""
},
"address": {
"@type": "PostalAddress",
"streetAddress": "",
"addressLocality": "",
"addressRegion": "",
"postalCode": "",
"addressCountry": ""
}
}
</script>
</head>
<body>
<div id="root">
<header id="top">
<p id="logo"><a href="./" accesskey="h">Vault0x</a></p>
<nav id="skip">
<ul>
<li><a href="#nav" accesskey="n">Skip to Navigation (n)</a></li>
<li><a href="#content" accesskey="c">Skip to Content (c)</a></li>
<li><a href="#footer" accesskey="f">Skip to Footer (f)</a></li>
</ul>
</nav>
<nav id="nav">
<ul>
<li class="sub"><a accesskey="1" href="./">Tosh-2 <span>(Switch Device)</span></a> <em>(1)</em>
<ul>
<li><a href="./">Toshendra</a></li>
<li class="active"><a href="./">Tosh-2</a></li>
<li class="a"><a href="./">Add Device</a></li>
</ul>
</li>
</ul>
<ul>
<li class="a"><a accesskey="2" href="./"><i class="icon-cog"></i> Settings</a> <em>(2)</em></li>
<li><a accesskey="3" href="./">Support</a> <em>(3)</em></li>
<li><a accesskey="4" href="./">Docs</a> <em>(4)</em></li>
<li><a accesskey="5" href="./"><i class="icon-globe"></i> Language</a> <em>(5)</em></li>
<li class="b"><a accesskey="6" href="./">TS</a> <em>(6)</em></li>
</ul>
</nav>
</header>
<nav id="aside">
<ul>
<li class="active"><a href="./"><i class="icon-bitcoin-circle"></i> <span>Bitcoin (BTC)</span></a></li>
<li><a href="./"><i class="icon-bitcoin-square"></i> <span>Bitcoin (BTC)</span></a></li>
<li><a href="./"><i class="icon-dash"></i> <span>Dash (DASH)</span></a></li>
<li><a href="./"><i class="icon-litecoin"></i> <span>Litecoin (LTC)</span></a></li>
<li><a href="./"><i class="icon-zcash"></i> <span>Zcash (ZEC)</span></a></li>
<li><a href="./"><i class="icon-ethereum"></i> <span>Ethereum (ETH)</span></a></li>
<li><a href="./"><i class="icon-ethereum-classic"></i> <span>Ethereum Classic (ETC)</span></a></li>
</ul>
</nav>
<form action="./" method="post" id="heading">
<h1>Bitcoin (BTC)</h1>
<ul>
<li><label for="aca"><input type="checkbox" id="aca" name="aca" checked> Account #1</label></li>
<li><label for="acb"><input type="checkbox" id="acb" name="acb"> Account #2</label></li>
<li><a href="./">Add account</a></li>
<li class="text-right"><a href="./">Legacy accounts <i class="icon-info"></i></a></li>
</ul>
</form>
<article id="content">
<h2>Popups</h2>
<ol>
<li><a href="./" data-popup="ethereum-wallet">Ethereum Wallet</a></li>
<li><a href="./" data-popup="pin-lock">Enter Tosh-2 PIN</a></li>
</ol>
</article>
<article class="popup-a" data-title="ethereum-wallet">
<h2 class="text-center"><i class="icon-ethereum"></i> Ethereum Wallet</h2>
<p>We have partnered up with MyEtherWallet to provide you with a full-fledged Ethererum Wallet. Please follow the link below to access your Ethereum (ETH/ETC) wallet. Make sure that you select the correct curremncy in the upper-right corner of MyEtherWallet. <a href="./">Know More ></a></p>
<p class="link-btn c text-right"><a href="./"><i class="icon-lock"></i> Enter Ether Wallet</a></p>
</article>
<form action="./" method="post" class="popup-a a" data-title="pin-lock">
<h2>Enter <span class="strong">Tosh-2</span> PIN</h2>
<p class="mb-a">The layout is displayed on Vault0x.<br> Not Sure How Pin works <a href="./">Know More ></a></p>
<ul class="checklist-pin">
<li><label for="cpa"><input type="checkbox" id="cpa" name="cpa"> 1</label></li>
<li><label for="cpb"><input type="checkbox" id="cpb" name="cpb"> 2</label></li>
<li><label for="cpc"><input type="checkbox" id="cpc" name="cpc"> 3</label></li>
<li><label for="cpd"><input type="checkbox" id="cpd" name="cpd"> 4</label></li>
<li><label for="cpe"><input type="checkbox" id="cpe" name="cpe"> 5</label></li>
<li><label for="cpf"><input type="checkbox" id="cpf" name="cpf"> 6</label></li>
<li><label for="cpg"><input type="checkbox" id="cpg" name="cpg"> 7</label></li>
<li><label for="cph"><input type="checkbox" id="cph" name="cph"> 8</label></li>
<li><label for="cpi"><input type="checkbox" id="cpi" name="cpi"> 9</label></li>
</ul>
<p class="link-btn c text-right text-uppercase"><a href="./"><i class="icon-lock"></i> Verify</a></p>
</form>
<footer id="footer">
<ul>
<li>Copyright Vault0x @<span class="date">2017</span></li>
<li><a href="./">Terms</a></li>
<li><a href="./">Privacy Policy</a></li>
</ul>
</footer>
</div>
<script src="js/jquery.js"></script>
<script src="js/scripts.js"></script>
<script src="js/custom.js"></script>
<script src="js/mobile.js"></script>
</body>
</html>