switching/mail.html
2020-02-21 09:32:32 +03:00

163 lines
9.5 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>У вас всегда есть выбор! — Электронная почта</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/popup.css">
<link rel="stylesheet" href="css/btn.css">
<script src="js/popup.js"></script>
<script src="js/menu.js"></script>
</head>
<body>
<div class="topnav" id="rtopnav">
<a href="index.html">❎ Главная</a>
<a href="mail.html" class="active">📧 Почта</a>
<a href="im.html" >💬 Мессенджеры</a>
<a href="social.html">💙 Соцсети</a>
<a href="search.html">🔍 Поисковики</a>
<div class="dropdown">
<button class="dropbtn">Ещё
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="extra.html">📓 Документы и агитматериалы</a>
<a href="info.html">🗒 Подробнее</a>
</div>
</div>
<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="dropme()"></a>
</div>
<div class="textblock">
<h2>Электронная почта</h2>
<p>Старейший инструмент сетевого общения, распределённый по своей природе. Но даже его затронула монополизация. </p>
<div class="imgblock">
<img src="images/tutanota.png" width=50% style="float:left; margin:1%;"
onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/>
<h3>Tutanota</h3>
<span>
Сервис, расположенный в Германии, без рекламы и с фокусом на приватность.
Базовая учётная запись бесплатна, за деньги можно получить больше места и возможностей.
</span>
<div class="textblock">
<h4>Где зарегистрироваться</h4>
<a class="Button" href="https://tutanota.com">Tutanota</a>
<h4>Мобильные приложения</h4>
<a class="Button2" href="https://play.google.com/store/apps/details?id=de.tutao.tutanota"><IMG src="images/google.png" width="24" height="24">Tutanota</a>
<a class="Button2" href="https://f-droid.org/en/packages/de.tutao.tutanota/"><IMG src="images/fdroid.png" width="24" height="24">Tutanota</a>
<a class="Button2" href="https://itunes.apple.com/app/tutanota/id922429609"><IMG src="images/apple.png" width="24" height="24">Tutanota</a>
</div>
</div>
<div class="imgblock">
<img src="images/posteo.jpg" width=50% style="float:left; margin:1%;"
onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/>
<h3>Posteo</h3>
<span>
Почтовый сервис без рекламы, максимально приватный и использующий исключительно "зелёное" электричество.
Оплачивается полностью за счёт пользователей. Отдельных мобильных приложений нет и не требуется —
можно использовать встроенные или любые другие, поддерживающие протокол IMAP.
</span>
<div class="textblock">
<h4>Где зарегистрироваться</h4>
<a class="Button" href="https://posteo.de/en">Posteo</a>
<h4>Мобильные приложения</h4>
<p>Любое приложение электронной почты, включая встроенные</p>
</div>
</div>
<div class="imgblock">
<img src="images/cockmail.png" width=50% style="float:left; margin:1%;"
onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/>
<h3>Cockmail</h3>
<span>
Сервис, поддерживающий множество доменов. Существует на добровольные пожертвования пользователей, которые
принимаются в том числе в криптовалютах. Быстр, бесплатен и надёжен. Как и в случае с Posteo,
отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются.
</span>
<div class="textblock">
<h4>Где зарегистрироваться</h4>
<a class="Button" href="https://cock.li/register">Cock.li</a>
<h4>Мобильные приложения</h4>
<p>Любое приложение электронной почты, включая встроенные</p>
</div>
</div>
<div class="imgblock">
<img src="images/thexyz.png" width=50% style="float:left; margin:1%;"
onclick="openModal();currentSlide(4)" class="hover-shadow cursor"/>
<h3>TheXYZ</h3>
<span>
Канадская компания, предлагающая конфиденциальный почтовый сервис бизнес-уровня.
Есть дешёвые базовые аккаунты с дополнительными платными опциями для профессиональных
сервисов вроде MS Exchange и синхронизации календаря. Наряду с собственными мобильными приложениями,
сервис может использоваться встроенными приложениями, равно как и любыми другими,
поддерживающими IMAP или Exchange (за дополнительную плату).
<br>
</span>
<div class="textblock">
<h4>Где зарегистрироваться</h4>
<a class="Button" href="https://www.thexyz.com/webmail.html">TheXYZ</a>
</div>
<div class="textblock">
<h4>Мобильные приложения</h4>
<a class="Button2" href="https://play.google.com/store/apps/details?id=com.perrythexyz.com.perry2.thexyzwebmail"><IMG src="images/google.png" width="24" height="24">Thexyz</a>
<a class="Button2" href="https://itunes.apple.com/us/app/thexyz-webmail/id741897892"><IMG src="images/apple.png" width="24" height="24">Thexyz</a>
</div>
</div>
</div>
<div id="myModal" class="modal">
<span class="close cursor" onclick="closeModal()">&times;</span>
<div class="modal-content">
<div class="mySlides">
<div class="numbertext">Tutanota</div>
<img src="images/tutanota.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">Posteo</div>
<img src="images/posteo.jpg" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">Cockmail</div>
<img src="images/cockmail.png" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">TheXYZ</div>
<img src="images/thexyz.png" style="width:100%">
</div>
<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
<a class="next" onclick="plusSlides(1)">&#10095;</a>
<div class="caption-container">
<p id="caption"></p>
</div>
<div class="column">
<img class="demo cursor" src="images/tutanota.png" style="width:100%" onclick="currentSlide(1)" alt="Tutanota">
</div>
<div class="column">
<img class="demo cursor" src="images/posteo.jpg" style="width:100%" onclick="currentSlide(2)" alt="Posteo">
</div>
<div class="column">
<img class="demo cursor" src="images/cockmail.png" style="width:100%" onclick="currentSlide(3)" alt="Cockmail">
</div>
<div class="column">
<img class="demo cursor" src="images/thexyz.png" style="width:100%" onclick="currentSlide(4)" alt="TheXYZ">
</div>
</div>
</div>
</div>
</body>
</html>