-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
355 lines (353 loc) · 15.9 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
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="format-detection" content="telephone=no">
<link href="assets/css/style.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link href="assets/css/normalize.css" rel="stylesheet">
<title>Secure Email Communication</title>
</head>
<body class="page">
<header class="page-header container">
<a href="#" class="page-header__logo">neutron<span>Mail</span></a>
<nav class="main-nav main-nav--closed">
<button class="main-nav__toggle" type="button"><span class="visually-hidden ">Open menu</span></button>
<div class="main-nav__wrapper">
<ul class="main-nav__list site-list">
<li class="site-list__item site-list__item--active">
<a class="site-list__link site-list__link--active">About</a>
</li>
<li class="site-list__item">
<a href="#" class="site-list__link">Security </a>
</li>
<li class="site-list__item">
<a href="#" class="site-list__link">Blog</a>
</li>
<li class="site-list__item">
<a href="#" class="site-list__link">Careers</a>
</li>
<li class="site-list__item">
<a href="#" class="site-list__link">Support</a>
</li>
<li class="site-list__item">
<a href="#" class="site-list__link">Donate</a>
</li>
</ul>
<ul class="main-nav__list user-list">
<li class="user-list__item">
<a href="#" class="user-list__link">
<i class="fas fa-sign-in-alt"></i>
Log in</a>
</li>
<li class="user-list__item">
<a href="#" class="user-list__link button">
<i class="fas fa-user-plus"></i>
Sign up</a>
</li>
</ul>
</div>
<ul class="main-nav__list lang-list">
<li class="lang-list__item lang-list__item--active">
<a>English</a>
</li>
<li class="lang-list__item">
<a href="#" class="lang-list__link">French</a>
</li>
<li class="lang-list__item">
<a href="#" class="lang-list__link">Italian</a>
</li>
<li class="lang-list__item">
<a href="#" class="lang-list__link">Polish</a>
</li>
</ul>
</nav>
</header>
<main class="page-main">
<ul class="social__list">
<li class="social__item">
<a href="#" class="social__link social__link--google">
<i class="fab fa-google-plus-square"></i>
<span class="visually-hidden">Google+</span>
</a>
</li>
<li class="social__item">
<a href="#" class="social__link social__link--facebook">
<i class="fab fa-facebook"></i>
<span class="visually-hidden">Facebook</span>
</a>
</li>
<li class="social__item">
<a href="#" class="social__link social__link--twitter">
<i class="fab fa-twitter-square"></i>
<span class="visually-hidden">Twitter</span>
</a>
</li>
</ul>
<div class="container">
<h1 class="page-main__title">Secure Email Communication</h1>
<p class="page-main__title-addition">Based in <span>Somewhere</span></p>
<section class="account">
<h2 class="visually-hidden">Account and social networks</h2>
<ul class="account__list">
<li class="account__item">
<a href="#" class="account__create button">Create account</a>
</li>
<li class="account__item">
<a href="#" class="account__link account__link--app-store button">
<i class="fab fa-apple"></i>
<span class="visually-hidden">App Store</span>
</a>
</li>
<li class="account__item">
<a href="#" class="account__link account__link--google button">
<i class="fab fa-google-play"></i>
<span class="visually-hidden">Google Play</span>
</a>
</li>
</ul>
</section>
<section class="advantages">
<div class="advantages__wrapper slider">
<h2 class="visually-hidden">Сompany advantages</h2>
<ul class="advantages__list">
<li class="advantages__item advantages__item--privacy slider__item">
<h3 class="advantages__title">Swiss Privacy</h3>
<p class="advantages__title-addition">Data Security and Neutrality</p>
<p class="advantages__info">NeutronMail is incorporated in Somewhere and all our serv­ers are located in Switzerland. This means all user data is protected by strict Swiss privacy laws.</p>
</li>
<li class="advantages__item advantages__item--encryption slider__item">
<h3 class="advantages__title">Double Encryption</h3>
<p class="advantages__title-addition">Automatic Email Security</p>
<p class="advantages__info">All emails are secured automatically with end-to-end encryption. This means even we cannot decrypt and read your emails. As a result, your encrypted emails cannot be shared with third parties.</p>
</li>
<li class="advantages__item advantages__item--email slider__item">
<h3 class="advantages__title">Anonymous Email</h3>
<p class="advantages__title-addition">Protect Your Privacy</p>
<p class="advantages__info">No personal information is required to create your secure email account. By default, we do not keep any IP logs which can be linked to your anonymous email account. Your privacy comes first.</p>
</li>
</ul>
</div>
</section>
<section class="physical-security">
<h3 class="physical-security__title">Physical Security</h3>
<p class="physical-security__description">NeutronMail's infrastructure resides in Europe's <span>most secure</span> datacenter, underneath 1000 meters of solid rock.</p>
<a href="#" class="physical-security__link button">Learn more about our security features</a>
</section>
<section class="magazines">
<h3 class="visually-hidden">Press about us</h3>
<ul class="magazines__list">
<li class="magazines__item">
<a href="#" class="magazines__link magazines__link--wallstreet">
<span class="visually-hidden">Wall Street Journal</span>
</a>
</li>
<li class="magazines__item">
<a href="#" class="magazines__link magazines__link--nytimes">
<span class="visually-hidden">The New York Times</span>
</a>
</li>
<li class="magazines__item">
<a href="#" class="magazines__link magazines__link--guardian">
<span class="visually-hidden">The Guardian</span>
</a>
</li>
<li class="magazines__item">
<a href="#" class="magazines__link magazines__link--forbes">
<span class="visually-hidden">Forbes</span>
</a>
</li>
<li class="magazines__item">
<a href="#" class="magazines__link magazines__link--allgemeine">
<span class="visually-hidden">Frankfurter Allgemeine</span>
</a>
</li>
<li class="magazines__item">
<a href="#" class="magazines__link magazines__link--fox-news">
<span class="visually-hidden">Fox News</span>
</a>
</li>
</ul>
</section>
<section class="news">
<h3 class="visually-hidden">News about security</h3>
<ul class="news__list">
<li class="news__item">
<p class="news__text">A new email service being developed by a group from MIT and CERN promises to bring secure, encrypted email to the masses and keep sensitive information away from prying eyes. </p>
<cite class="news__author">— Boston Herald</cite>
</li>
</ul>
<p class="news__toggle slider__toggle">
<button class="slider__button button-1 slider__button--active" type="button"></button>
<button class="slider__button button-2" type="button"></button>
<button class="slider__button button-3" type="button"></button>
</p>
</section>
<section class="any-devices">
<h3 class="any-devices__title">Any device, anywhere</h3>
<p class="any-devices__discription">The NeutronMail inbox is optimized for productivity. Each detail within our secure email service is optimized to help you better read, organize, and send email.</p>
<ul class="shops-list">
<li class="shops-list__item">
<a href="#" class="shops-list__link shops-list__link--app-store">
<span class="visually-hidden">App Store</span>
</a>
</li>
<li class="shops-list__item">
<a href="#" class="shops-list__link shops-list__link--google-play">
<span class="visually-hidden">Google Play</span>
</a>
</li>
</ul>
</section>
<section class="partners">
<h3 class="partners__title">Privacy is a fundamental human right.</h3>
<p class="partners__description">Your support helps us to protect privacy world-wide.</p>
<ul class="donate-list">
<li class="donate-list__item">
<a href="#" class="button donate-list__link">
<i class="fas fa-cloud-upload-alt"></i>
Upgrade to Paid Plan</a>
</li>
<li class="donate-list__item">
<a href="#" class="button donate-list__link">
<i class="fas fa-dollar-sign"></i>
Donate</a>
</li>
</ul>
<div class="contributors__wrapper">
<p class="contributors__text">Those, who help us secure your privacy</p>
<ul class="contributors__list">
<li class="contributors__item">
<a href="#" class="contributors__link contributors__link--venture-mentoring">
<span class="visually-hidden">Venture Mentoring</span>
</a>
</li>
<li class="contributors__item">
<a href="#" class="contributors__link contributors__link--deltalis">
<span class="visually-hidden">Deltalis</span>
</a>
</li>
<li class="contributors__item">
<a href="#" class="contributors__link contributors__link--fongit">
<span class="visually-hidden">Fongit</span>
</a>
</li>
<li class="contributors__item">
<a href="#" class="contributors__link contributors__link--quovadis">
<span class="visually-hidden">QuoVadis</span>
</a></li>
<li class="contributors__item">
<a href="#" class="contributors__link contributors__link--cyberkov">
<span class="visually-hidden">Cyberkov</span>
</a>
</li>
<li class="contributors__item">
<a href="#" class="contributors__link contributors__link--radware">
<span class="visually-hidden">Radware</span>
</a>
</li>
<li class="contributors__item">
<a href="#" class="contributors__link contributors__link--ipmax">
<span class="visually-hidden">Ipmax</span>
</a>
</li>
</ul>
</div>
</section>
</div>
</main>
<footer class="page-footer container">
<div class="page-footer__wrapper">
<div class="contacts">
<ul class="contacts__list">
<li class="contacts__item">General: <a href="mailto:contact@neutronmail.ch" class="contacts__link">contact@neutronmail.ch</a></li>
<li class="contacts__item">Media: <a href="mailto:media@neutronmail.ch" class="contacts__link">media@neutronmail.ch</a></li>
<li class="contacts__item">Security: <a href="mailto:security@neutronmail.ch" class="contacts__link">security@neutronmail.ch</a></li>
</ul>
<p class="contacts-support">For support inquiries, please visit <a href="#" class="contacts-support__link">neutronmail.com/support</a></p>
</div>
<div class="company">
<h3 class="company__title">Company</h3>
<ul class="company__list">
<li class="company__item">
<a href="#" class="company__link">Blog</a>
</li>
<li class="company__item">
<a href="#" class="company__link">Team</a>
</li>
<li class="company__item">
<a href="#" class="company__link">Careers</a>
</li>
<li class="company__item">
<a href="#" class="company__link">Support</a>
</li>
<li class="company__item">
<a href="#" class="company__link">Donate</a>
</li>
</ul>
</div>
<div class="legal">
<h3 class="legal__title">Legal</h3>
<ul class="legal__list">
<li class="legal__item">
<a href="#" class="legal__link">Imprint</a>
</li>
<li class="legal__item">
<a href="#" class="legal__link">Privacy Policy</a>
</li>
<li class="legal__item">
<a href="#" class="legal__link">Terms & Conditions</a>
</li>
<li class="legal__item">
<a href="#" class="legal__link">Transparency Report</a>
</li>
<li class="legal__item">
<a href="#" class="legal__link">Report Abuse</a>
</li>
</ul>
</div>
<div class="neutronmail">
<h3 class="neutronmail__title">NeutronMail</h3>
<ul class="neutronmail__list">
<li class="neutronmail__item">
<a href="#" class="neutronmail__link">Pricing</a>
</li>
<li class="neutronmail__item">
<a href="#" class="neutronmail__link">Security</a>
</li>
<li class="neutronmail__item">
<a href="#" class="neutronmail__link">Shop</a>
</li>
<li class="neutronmail__item">
<a href="#" class="neutronmail__link">Press/Media Kit</a>
</li>
<li class="neutronmail__item">
<a href="#" class="neutronmail__link">Onion Site</a>
</li>
</ul>
</div>
</div>
<ul class="breadcrumbs__list">
<li class="breadcrumbs__item">
<a href="#" class="breadcrumbs__link">Facebook</a>
</li>
<li class="breadcrumbs__item">
<a href="#" class="breadcrumbs__link">Twitter</a>
</li>
<li class="breadcrumbs__item">
<a href="#" class="breadcrumbs__link">Google+</a>
</li>
<li class="breadcrumbs__item">
<a href="#" class="breadcrumbs__link">Feedback Forum</a>
</li>
<li class="breadcrumbs__item">
<a href="#" class="breadcrumbs__link">Reddit</a>
</li>
</ul>
<p class="copyright">© 2017 Neutron Technologies AG. All Rights Reserved.</p>
</footer>
<script src="./assets/js/index.js"></script>
</body>
</html>