<!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/mailfence.png" width=45% style="float:left; margin:1%;"
							onclick="openModal();currentSlide(5)" class="hover-shadow cursor"/>
				<h3>MailFence</h3>
				<span>
                                       Бельгийский сервис электронной почты без рекламы и отслеживания. Поддерживает GPG-шифрование, не выдаёт данные пользователей
				       третьим лицам. Базовая учётная запись бесплатна, но можно докупить себе больше места и расширенную техподдержку.<br>
				       Жертвуют 15% доходов от платных тарифных планов в пользу <a href="https://eff.org">Фонда электронных рубежей</a> и 
				       <a href="https://edri.org/">Европейского фонда цифровых прав</a><br>

				</span>
				<div class="textblock">
					<h4>Где зарегистрироваться</h4>
					<a class="Button" href="https://mailfence.com/ru/index.jsp#register">MailFence</a>
					<h4>Приложения</h4>
					<a class="Button" href="https://mailfence.com/ru/">MailFence Web</a>
					<br>Для пользователей платных аккаунтов доступна работа с любого почтового клиента, включая встроенные.
				</div>
			</div>

			<div class="imgblock">
				<img src="images/tutanota.png" width=45% style="float:left; margin:1%;"
							onclick="openModal();currentSlide(1)" class="hover-shadow cursor"/>
				<h3>Tutanota</h3>
				<span>
					Сервис, расположенный в Германии, без рекламы и с фокусом на приватность.
					Базовая учётная запись бесплатна, за деньги можно получить больше места и возможностей.<br>
                                        
				</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=95% style="float:left; margin:1%;"
                                                        onclick="openModal();currentSlide(2)" class="hover-shadow cursor"/>
				<h3>Posteo</h3>
				 <span>
                                    Почтовый сервис без рекламы, максимально приватный и использующий исключительно "зелёное" электричество.
                                    Оплачивается полностью за счёт пользователей. Отдельных мобильных приложений нет и не требуется —
				    можно использовать встроенные или любые другие, поддерживающие протокол IMAP.<br>
				 </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=95% style="float:left; margin:1%;"
                                                        onclick="openModal();currentSlide(3)" class="hover-shadow cursor"/>

				<h3>Cockmail</h3>
				<span>
					Сервис, поддерживающий множество доменов. Существует на добровольные пожертвования пользователей, которые
                                        принимаются в том числе в криптовалютах. Быстр, бесплатен и надёжен. Как и в случае с Posteo,
					отдельных приложений не требуется - POP3, IMAP, SMTP поддерживаются.<br>
				</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=95% style="float:left; margin:1%;"
                                                        onclick="openModal();currentSlide(4)" class="hover-shadow cursor"/>
				<h3>TheXYZ</h3>
				<span>
					Канадская компания, предлагающая конфиденциальный почтовый сервис бизнес-уровня.
                                        Есть дешёвые базовые аккаунты с дополнительными платными опциями для профессиональных
                                        сервисов вроде MS Exchange и синхронизации календаря. Наряду с собственными мобильными приложениями,
                                        сервис может использоваться встроенными приложениями, равно как и любыми другими,
                                        поддерживающими IMAP или Exchange (за дополнительную плату).<br>
					<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>
            <div class="mySlides">
              <div class="numbertext">MailFence</div>
              <img src="images/mailfence.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 class="column">
                      <img class="demo cursor" src="images/mailfence.png" style="width:100%" onclick="currentSlide(4)" alt="MailFence">
           </div>
            </div>
          </div>
        </div>
	</body>
</html>