Адаптация под 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.

147 lines
9.3KB

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