163 lines
9.5 KiB
HTML
163 lines
9.5 KiB
HTML
<!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()">×</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)">❮</a>
|
||
<a class="next" onclick="plusSlides(1)">❯</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>
|
||
|
||
|
||
|
||
|
||
|