Адаптация под responsive design, тексты переписаны под обладателей клипового мышления.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

151 lines
9.4KB

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head profile="https://fedi.life">
  4. <link rel="icon"
  5. type="image/png"
  6. href="favicon.png" />
  7. <meta charset="utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9. <title>У вас всегда есть выбор! — Электронная почта</title>
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. <link rel="stylesheet" href="css/base.css">
  12. <link rel="stylesheet" href="css/menu.css">
  13. <link rel="stylesheet" href="css/btn.css">
  14. </head>
  15. <body>
  16. <input type="checkbox" id="menu">
  17. <label for="menu" onclick></label>
  18. <nav role="off-canvas">
  19. <ul>
  20. <li><a href="index.html">Главная</a></li>
  21. <li><a href="mail.html" class="active">Почта</a></li>
  22. <li><a href="im.html">Мессенджеры</a></li>
  23. <li><a href="social.html">Соцсети</a></li>
  24. <li><a href="search.html">Поисковики</a></li>
  25. <li><a href="extra.html">Документы и агитматериалы</a></li>
  26. <li><a href="info.html">Подробнее</a></li>
  27. </ul>
  28. </nav>
  29. <div class="textblock">
  30. <h2>Электронная почта</h2>
  31. <p>Старейший инструмент сетевого общения, распределённый по своей природе. Но даже его затронула монополизация. </p>
  32. <div class="imgblock">
  33. <a href="images/mailfence.png" >
  34. <img src="images/mailfence.png" width=43% max-width=100% style="float:left; margin:1%" alt="MailFence" class="zoom"></a>
  35. <h3>MailFence</h3>
  36. <span>
  37. Бельгийский сервис электронной почты без рекламы и отслеживания. Поддерживает GPG-шифрование, не выдаёт данные пользователей
  38. третьим лицам. Базовая учётная запись бесплатна, но можно докупить себе больше места и расширенную техподдержку.<br>
  39. Жертвуют 15% доходов от платных тарифных планов в пользу <a href="https://eff.org">Фонда электронных рубежей</a> и
  40. <a href="https://edri.org/">Европейского фонда цифровых прав</a><br>
  41. </span>
  42. <div class="textblock">
  43. <h4>Где зарегистрироваться</h4>
  44. <a class="Button" href="https://mailfence.com/ru/index.jsp#register">MailFence</a>
  45. <h4>Приложения</h4>
  46. <a class="Button" href="https://mailfence.com/ru/">MailFence Web</a>
  47. <br>Для пользователей платных аккаунтов доступна работа с любого почтового клиента, включая встроенные.
  48. </div>
  49. </div>
  50. <div class="imgblock">
  51. <a href="images/tutanota_w.png" >
  52. <picture>
  53. <source srcset="images/tutanota.png" media="(max-width: 600px)">
  54. <source srcset="images/tutanota_w.png">
  55. <img src="images/tutanota_w.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="Tutanota" class="zoom">
  56. </picture></a>
  57. <h3>Tutanota</h3>
  58. <span>
  59. Сервис, расположенный в Германии, без рекламы и с фокусом на приватность.
  60. Позволяет надёжно шифровать даже сообщения, отправляемые пользователям других сервисов,
  61. и пользователям, не умеющим настраивать шифрование.
  62. Базовая учётная запись бесплатна, за деньги можно получить больше места и возможностей.<br>
  63. </span>
  64. <div class="textblock">
  65. <h4>Где зарегистрироваться</h4>
  66. <a class="Button" href="https://tutanota.com">Tutanota</a>
  67. <h4>Мобильные приложения</h4>
  68. <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>
  69. <a class="Button2" href="https://f-droid.org/en/packages/de.tutao.tutanota/"><IMG src="images/fdroid.png" width="24" height="24">Tutanota</a>
  70. <a class="Button2" href="https://itunes.apple.com/app/tutanota/id922429609"><IMG src="images/apple.png" width="24" height="24">Tutanota</a>
  71. </div>
  72. </div>
  73. <div class="imgblock">
  74. <a href="images/posteo.jpg" >
  75. <img src="images/posteo.jpg" width=45% max-width="100%" style="float:left; margin:1%;" alt="Posteo" class="zoom"></a>
  76. <h3>Posteo</h3>
  77. <span>
  78. Почтовый сервис без рекламы, максимально приватный и использующий исключительно "зелёное" электричество.
  79. Оплачивается полностью за счёт пользователей. Отдельных мобильных приложений нет и не требуется —
  80. можно использовать встроенные или любые другие, поддерживающие протокол IMAP.<br>
  81. </span>
  82. <div class="textblock">
  83. <h4>Где зарегистрироваться</h4>
  84. <a class="Button" href="https://posteo.de/en">Posteo</a>
  85. <h4>Мобильные приложения</h4>
  86. <p>Любое приложение электронной почты, включая встроенные</p>
  87. </div>
  88. </div>
  89. <div class="imgblock">
  90. <a href="images/cockmail.png" >
  91. <img src="images/cockmail.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="CockMail" class="zoom"></a>
  92. <h3>Cockmail</h3>
  93. <span>
  94. Сервис, поддерживающий множество доменов. Существует на добровольные пожертвования пользователей, которые
  95. принимаются в том числе в криптовалютах. Быстр, бесплатен и надёжен. Как и в случае с Posteo,
  96. отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются.<br>
  97. </span>
  98. <div class="textblock">
  99. <h4>Где зарегистрироваться</h4>
  100. <a class="Button" href="https://cock.li/register">Cock.li</a>
  101. <h4>Мобильные приложения</h4>
  102. <p>Любое приложение электронной почты, включая встроенные</p>
  103. </div>
  104. </div>
  105. <div class="imgblock">
  106. <a href="images/thexyz.png" >
  107. <picture>
  108. <source srcset="images/thexyz_m.png" media="(max-width: 600px)">
  109. <source srcset="images/thexyz.png">
  110. <img src="images/thexyz.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="TheXYZ" class="zoom"></a>
  111. </picture>
  112. <h3>TheXYZ</h3>
  113. <span>
  114. Канадская компания, предлагающая конфиденциальный почтовый сервис бизнес-уровня.
  115. Есть дешёвые базовые аккаунты с дополнительными платными опциями для профессиональных
  116. сервисов вроде MS Exchange и синхронизации календаря. Наряду с собственными мобильными приложениями,
  117. сервис может использоваться встроенными приложениями, равно как и любыми другими,
  118. поддерживающими IMAP или Exchange (за дополнительную плату).<br>
  119. <br>
  120. </span>
  121. <div class="textblock">
  122. <h4>Где зарегистрироваться</h4>
  123. <a class="Button" href="https://www.thexyz.com/webmail.html">TheXYZ</a>
  124. </div>
  125. <div class="textblock">
  126. <h4>Мобильные приложения</h4>
  127. <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>
  128. <a class="Button2" href="https://itunes.apple.com/us/app/thexyz-webmail/id741897892"><IMG src="images/apple.png" width="24" height="24">Thexyz</a>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. </body>
  134. </html>