forked from ZelCore-io/zeltrez.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
223 lines (196 loc) · 13 KB
/
index.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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700" rel="stylesheet">
<link rel="stylesheet" href="css/tachyons.min.css">
<link rel="stylesheet" href="css/style.css?v=3">
<title>ZELTREZ — part of Zel Technologies GmbH</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-120023197-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-120023197-1');
</script>
</head>
<body>
<header class="fixed bg-black-60 w-100 center tc pa4 dn db-ns z-1">
<a href="/" class="link v-mid mr3 mr6-l absolute top-1 left-2 mt2 z-2 dn db-l">
<img src="img/zeltrez-logo-text-light.svg" style="width:170px">
</a>
<a href="/#about" class="link dib f7 f6-l mr3 mr4-l white-50 hover-white-90 ttu tracked-mega fw3">About</a>
<a href="/downloads" class="link dib f7 f6-l mr3 mr4-l white-50 hover-white-90 ttu tracked-mega fw3">Downloads</a>
<a href="/roadmap" class="link dib f7 f6-l mr3 mr4-l white-50 hover-white-90 ttu tracked-mega fw3">Roadmap</a>
<a href="/support" class="link dib f7 f6-l white-50 hover-white-90 ttu tracked-mega fw3">Support</a>
</header>
<div class="vh-100 w-100 white">
<div class="w-100 pt6 pa3 mw6 center tc">
<img src="img/zeltrez-logo-text-light.svg" class="w-80">
<h3 class="fw3 f5 tracked-mega ttu white-70 mt4">Multi-Asset Encrypted Wallet</h3>
</div>
<!-- Windows -->
<div class="tc">
<div class="card mw5 mw6-l center mt5 tc f3 fw3 white-90 br3 ba b--mid-gray">
<div class="card__cell pa4 bb b--mid-gray">
<span class="fw5">1.0.11</span>
<a href="/downloads" class="link db f5 light-silver hover-near-white">Release Notes</a>
</div>
<div class="card__cell pa4 bb b--mid-gray">
<span id="platform" class="fw5">Windows</span>
<div id="requirements" class="f5 white-60">For 64-bit Windows 7+</div>
</div>
<div class="card__cell pa4">
<a id="download-link" class="card__cell__button link bg-white blue hover-bg-blue hover-white bg-animate db fw6 f4 br2 pa3" href="zeltrez.exe">
<svg class="v-mid mr1" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><title>Download Icon</title>
<path fill="#357edd" d="M13.6,7.53814714 L9.7155,7.53814714 L9.7155,2 L3.8845,2 L3.8845,7.53814714 L0,7.53814714 L6.8,14 L13.6,7.53814714 Z M0,16.4 L0,18 L13.6,18 L13.6,16.4 L0,16.4 Z" transform="translate(0 -2)"/>
</svg>
Download
</a>
</div>
</div>
<a href="/downloads" class="dib link light-silver hover-near-white f5 fw3 mt3">Other Platforms</a>
</div>
<div id="about" class="mw9 center">
<div class="flex-none flex-l items-center justify-between mt5 mt6-ns">
<div class="w-100 pa5 pa4-l pb0 v-mid pl5-l">
<img class="shadow-5" src="img/zeltrez-portfolio.jpg" alt="ZelTreZ Portfolio, support for 8 different coins">
</div>
<div class="w-100 pa5 pt0 pb2 pa3-l pr4-l">
<h3 class="f3 fw5 mb1">Multi-asset Encrypted Wallet</h3>
<p class="white-70 fw3 f4 measure">ZelTreZ keeps your assets safe. With support for 50+ coins including Zelcash (ZEL), Bitcoin (BTC), Litecoin (LTC), Ethereum (ETH), Zcash (ZEC), Tether (USDT) and many more.</p>
</div>
</div>
<div class="flex-none flex-l items-center justify-between mt0 mt5-l">
<div class="w-100 w-80-l pa5 pt0 pb0 pa3-l pl6-l">
<h3 class="f3 fw5">Support for Multiple Accounts</h3>
<p class="white-70 fw3 f4 measure">Our login system allows you have multiple encrypted wallets and accounts on the same computer and to login on multiple devices while still maintaining privacy as we don't store any user information. Privacy is something we at Zel strongly believe in.</p>
</div>
<div class="w-80 pa4 v-mid dn db-l pr5-l">
<img class="shadow-5" src="img/zeltrez-login.jpg" alt="ZelTreZ login screen">
</div>
</div>
<div class="flex-none flex-l items-center justify-between mt0 mt5-l">
<div class="w-100 pa5 pa4-l pb0 v-mid pl5-l">
<img class="shadow-5" src="img/zeltrez-fullnode.jpg" alt="ZelTreZ full node installing">
</div>
<div class="w-100 pa5 pt0 pb2 pa3-l pr4-l">
<h3 class="f3 fw5 mb1">Light Node or Full Node. The Choice is Yours.</h3>
<p class="white-70 fw3 f4 measure">ZelTreZ gives you the power to choose if you want speed or advanced features. All wallets are available as light nodes, with the option to download the Full Node should you required the advanced features like shielded addresses, recovering existing wallets, and much more.</p>
</div>
</div>
<div class="flex-none flex-l items-center justify-between mt0 mt5-l">
<div class="w-100 w-80-l pa5 pt0 pb0 pa3-l pl6-l">
<h3 class="f3 fw5">Built-in exchanges</h3>
<p class="white-70 fw3 f4 measure">Our users can utilise built-in ShapeShift, Changelly and Kyber exchanges. Swap cryptocurrencies directly inside the ZelTreZ platform!</p>
</div>
<div class="w-80 pa4 v-mid dn db-l pr5-l">
<img class="shadow-5" src="img/zeltrez-shapeshift.jpg" alt="ZelTreZ ShapeShift screen">
</div>
</div>
</div>
<div class="w-100 tc mt5 mb4">
<a href="https://www.youtube.com/watch?v=Tvyp_au-tIw" target="_blank" rel="noopener noreferrer">
<img src="img/[email protected]" width="366" height="69" alt="Watch Preview">
</a>
</div>
<div class="flex-none flex-l items-center justify-between mt6 mw8 center">
<div class="w-100 tc ph3 mr3 mb5 mb0-l">
<div class="card mw6 center tc f3 fw3 white-90 br3 ba b--mid-gray">
<div class="card__cell pa4 bb b--mid-gray">
<span id="platform-footer" class="fw5">Windows</span>
<div id="requirements-footer" class="f5 white-60">For 64-bit Windows 7+</div>
</div>
<div class="card__cell pa4">
<a id="download-link-footer" class="card__cell__button link bg-white blue hover-bg-blue hover-white bg-animate db fw6 f5 br2 pa3" href="zeltrez.exe">
<svg class="v-mid mr1" xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewBox="0 0 14 16"><title>Download Icon</title>
<path fill="#357edd" d="M13.6,7.53814714 L9.7155,7.53814714 L9.7155,2 L3.8845,2 L3.8845,7.53814714 L0,7.53814714 L6.8,14 L13.6,7.53814714 Z M0,16.4 L0,18 L13.6,18 L13.6,16.4 L0,16.4 Z" transform="translate(0 -2)"/>
</svg>
Download
</a>
</div>
</div>
</div>
<div class="w-100 tc ph3 mr3 mb5 mb0-l">
<div class="card mw6 center tc f3 fw3 white-90 br3 ba b--mid-gray">
<div class="card__cell pa4 bb b--mid-gray">
<span class="fw5">Need Help?</span>
<div class="f5 white-60">We will get back to you ASAP</div>
</div>
<div class="card__cell pa4">
<a class="card__cell__button link bg-white blue hover-bg-blue hover-white bg-animate db fw6 f5 br2 pa3" href="mailto:[email protected]?subject=ZelTreZ">
<svg class="v-mid mr1 relative" style="top:-1px;" xmlns="http://www.w3.org/2000/svg" width="17" height="12"><title>Email Icon</title>
<g fill="#357edd"><path d="M16.9 1.4l-4.4 4.3v.1l3 3.2c.2.2.2.5 0 .7a.5.5 0 0 1-.7 0l-3-3.2h-.2l-.7.8c-.7.6-1.5 1-2.4 1-.9 0-1.7-.4-2.4-1l-.7-.8h-.1l-3 3.2a.5.5 0 0 1-.8 0 .5.5 0 0 1 0-.7l3-3.2v-.1L.1 1.4H0v8.7c0 .7.6 1.2 1.3 1.2h14.4c.7 0 1.3-.5 1.3-1.2V1.4h-.1z"/><path d="M8.5 7.2c.6 0 1.2-.2 1.6-.6L16.5.3c-.2-.2-.5-.3-.8-.3H1.3C1 0 .7.1.5.3l6.4 6.3c.4.4 1 .6 1.6.6z"/></g>
</svg>
Contact Us
</a>
</div>
</div>
</div>
<div class="w-100 tc ph3 mb5 mb0-l">
<div class="card mw6 center tc f3 fw3 white-90 br3 ba b--mid-gray">
<div class="card__cell pa4 bb b--mid-gray">
<span class="fw5">Let's Talk</span>
<div class="f5 white-60">Join our Discord Server</div>
</div>
<div class="card__cell pa4">
<a class="card__cell__button link bg-white blue hover-bg-blue hover-white bg-animate db fw6 f5 br2 pa3" href="https://discord.gg/8JpQK9e" target="_blank" rel="noopener noreferrer">
<svg class="v-mid" xmlns="http://www.w3.org/2000/svg" width="107" height="29"><title>Discord Logo</title>
<g fill="#357edd">
<path d="M15.6 12c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5 1.4-.7 1.4-1.5-.6-1.5-1.4-1.5zm-5.2 0c-.8 0-1.4.7-1.4 1.5s.6 1.5 1.4 1.5c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5z"/>
<path d="M22.8 0H3a3 3 0 0 0-3 3v19.6a3 3 0 0 0 3 3h16.7l-.7-2.7 1.9 1.7 1.7 1.7 3.2 2.7V3a3 3 0 0 0-3-3zM17 19l-1-1.2c2-.6 2.7-1.8 2.7-1.8L17 17a10.6 10.6 0 0 1-9.2-.6h-.1l-.1-.1-.4-.3s.7 1.2 2.6 1.8l-1 1.2c-3.3-.1-4.5-2.3-4.5-2.3 0-4.6 2.1-8.4 2.1-8.4 2.1-1.6 4.1-1.5 4.1-1.5l.2.1C8 7.7 6.9 9 6.9 9l.9-.5c1.6-.6 2.8-.8 3.3-.9h.3a12.6 12.6 0 0 1 7.4 1.3s-1.2-1-3.7-1.8l.2-.2s2 0 4.2 1.5c0 0 2 3.8 2 8.4 0 0-1.1 2.1-4.4 2.2zM39.4 6.2h-5v5.4l3.3 3V9.2h1.8c1 0 1.6.6 1.6 1.4v4c0 .9-.5 1.5-1.6 1.5h-5v3h4.8c2.7 0 5.1-1.2 5.1-4.2v-4.4c0-3-2.4-4.3-5-4.3zM65 15v-4.5c0-1.6 3-2 3.8-.4l2.7-1c-1-2.3-3-3-4.6-3-2.6 0-5.2 1.5-5.2 4.4V15c0 3 2.6 4.4 5.2 4.4 1.6 0 3.6-.8 4.7-2.9l-3-1.3C68 17 65 16.6 65 15zM56.1 11c-1-.2-1.7-.6-1.7-1.2 0-1.5 2.4-1.5 3.7-.1l2.2-1.7a5.4 5.4 0 0 0-4.5-2c-2.4 0-4.7 1.3-4.7 3.9 0 2.4 2 3.8 4 4 1.1.2 2.3.7 2.3 1.4-.1 1.4-3 1.3-4.3-.3l-2.1 2a5.8 5.8 0 0 0 4.4 2.3c2.4 0 5.1-1.4 5.2-3.9.2-3.1-2.2-4-4.5-4.4zm-9.9 8.1h3.3v-13h-3.3v13zm55.7-13H97v5.5l3.3 3V9.2h1.7c1.1 0 1.7.6 1.7 1.4v4c0 .9-.5 1.5-1.7 1.5h-5v3h5c2.5 0 5-1.2 5-4.2v-4.4c0-3-2.5-4.3-5-4.3zm-24-.1c-2.7 0-5.4 1.4-5.4 4.4V15c0 3 2.7 4.4 5.4 4.4s5.4-1.5 5.4-4.4v-4.5c0-3-2.7-4.4-5.4-4.4zM80 15c0 1-1 1.4-2 1.4-1.2 0-2.2-.5-2.2-1.4v-4.5c0-1 1-1.4 2-1.4 1.1 0 2.2.4 2.2 1.4V15zm15.2-4.5c0-3-2.2-4.2-4.9-4.2h-5.2v13h3.3V15h.6l3 4.2h4.2l-3.6-4.5c1.6-.5 2.6-1.9 2.6-4.3zm-4.8 1.8h-2v-3h2c2 0 2 3 0 3z"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="w-100 tc db footer mt6 bottom-2 pb6">
<h4 class="fw3 white-50">© <span id="year">2018</span> Zel Technologies. All rights reserved.</h4>
<a class="link" href="https://zel.cash" target="_blank" rel="noopener noreferrer">
<img class="mw4" src="img/zelcash-logo-text-light.svg" alt="Zelcash logo">
</a>
</div>
</div>
<script type="text/javascript">
// get current year
var currentYear = document.getElementById('year');
currentYear.innerText = (new Date()).getFullYear();
// hacky way to change download link based on user agent
// Find elements
var platformEl = document.getElementById('platform');
var requirementsEl = document.getElementById('requirements');
var downloadLinkEl = document.getElementById('download-link');
// footer
var platformElFooter = document.getElementById('platform-footer');
var requirementsElFooter = document.getElementById('requirements-footer');
var downloadLinkElFooter = document.getElementById('download-link-footer');
// Check if Mac
if ((navigator.userAgent.match(/Macintosh/))) {
platformEl.innerText = platformElFooter.innerText = "MacOS";
requirementsEl.innerText = requirementsElFooter.innerText = "For MacOS 10.9+";
downloadLinkEl.setAttribute('href', '/downloads/zeltrez.dmg');
downloadLinkElFooter.setAttribute('href', '/downloads/zeltrez.dmg');
}
// Check if Windows
if ((navigator.userAgent.match(/Windows/))) {
platformEl.innerText = platformElFooter.innerText = "Windows";
requirementsEl.innerText = requirementsElFooter.innerText = "For 64-bit Windows 7+";
downloadLinkEl.setAttribute('href', '/downloads/zeltrez.exe');
downloadLinkElFooter.setAttribute('href', '/downloads/zeltrez.exe');
}
// Check if Linux
if ((navigator.userAgent.match(/Linux/))) {
platformEl.innerText = platformElFooter.innerText = "Linux";
requirementsEl.innerText = requirementsElFooter.innerText = ".AppImage";
platformEl.innerText = "Linux";
requirementsEl.innerText = ".AppImage";
downloadLinkEl.setAttribute('href', '/downloads/zeltrez.AppImage');
downloadLinkElFooter.setAttribute('href', '/downloads/zeltrez.AppImage');
}
</script>
</body>
</html>