_blank
This commit is contained in:
parent
5dc852edf2
commit
6d0c85da0c
6 changed files with 40 additions and 68 deletions
62
mail.html
62
mail.html
|
@ -10,7 +10,6 @@
|
|||
<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>
|
||||
|
@ -37,7 +36,8 @@
|
|||
|
||||
<p>Старейший инструмент сетевого общения, распределённый по своей природе. Но даже его затронула монополизация. </p>
|
||||
<div class="imgblock">
|
||||
<img src="images/mailfence.png" width=43% max-width=100% style="float:left; margin:1%" alt="MailFence">
|
||||
<a href="images/mailfence.png" target=_blank>
|
||||
<img src="images/mailfence.png" width=43% max-width=100% style="float:left; margin:1%" alt="MailFence"></a>
|
||||
<h3>MailFence</h3>
|
||||
<span>
|
||||
Бельгийский сервис электронной почты без рекламы и отслеживания. Поддерживает GPG-шифрование, не выдаёт данные пользователей
|
||||
|
@ -55,11 +55,12 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="imgblock">
|
||||
<a href="images/tutanota_w.png" target=_blank>
|
||||
<picture>
|
||||
<source srcset="images/tutanota.png" media="(max-width: 600px)">
|
||||
<source srcset="images/tutanota_w.png">
|
||||
<img src="images/tutanota_w.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="Tutanota">
|
||||
</picture>
|
||||
</picture></a>
|
||||
<h3>Tutanota</h3>
|
||||
<span>
|
||||
Сервис, расположенный в Германии, без рекламы и с фокусом на приватность.
|
||||
|
@ -78,7 +79,8 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="imgblock">
|
||||
<img src="images/posteo.jpg" width=45% max-width="100%" style="float:left; margin:1%;" alt="Posteo">
|
||||
<a href="images/posteo.jpg" target=_blank>
|
||||
<img src="images/posteo.jpg" width=45% max-width="100%" style="float:left; margin:1%;" alt="Posteo"></a>
|
||||
<h3>Posteo</h3>
|
||||
<span>
|
||||
Почтовый сервис без рекламы, максимально приватный и использующий исключительно "зелёное" электричество.
|
||||
|
@ -94,7 +96,8 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="imgblock">
|
||||
<img src="images/cockmail.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="CockMail">
|
||||
<a href="images/cockmail.png" target=_blank>
|
||||
<img src="images/cockmail.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="CockMail"></a>
|
||||
|
||||
<h3>Cockmail</h3>
|
||||
<span>
|
||||
|
@ -110,10 +113,11 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="imgblock">
|
||||
<a href="images/thexyz.png" target=_blank>
|
||||
<picture>
|
||||
<source srcset="images/thexyz_m.png" media="(max-width: 600px)">
|
||||
<source srcset="images/thexyz.png">
|
||||
<img src="images/thexyz.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="TheXYZ">
|
||||
<img src="images/thexyz.png" width=45% max-width="100%" style="float:left; margin:1%;" alt="TheXYZ"></a>
|
||||
</picture>
|
||||
<h3>TheXYZ</h3>
|
||||
<span>
|
||||
|
@ -135,52 +139,6 @@
|
|||
</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="height:40%">
|
||||
</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)">❮</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 class="column">
|
||||
<img class="demo cursor" src="images/mailfence.png" style="width:100%" onclick="currentSlide(4)" alt="MailFence">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue