some styling, some screenshots

This commit is contained in:
Blue 2019-07-28 01:08:55 +03:00
parent 1261bc0f2d
commit 1ad1cfe592
18 changed files with 111 additions and 14 deletions

19
im.html
View file

@ -8,9 +8,19 @@
</head>
<body>
<div class="mainContainer">
<nav id="header">
<a href="index.html"><div>Главная</div></a>
<a href="social.html"><div>Социальные сети</div></a>
<a class="current" href="im.html"><div>Сервисы мгновенных сообщений</div></a>
<a href="mail.html"><div>Почтовые сервисы</div></a>
<a href="search.html"><div>Поисковые сервисы</div></a>
<a href="info.html"><div>Зачем?</div></a>
</nav>
<h1>Сервисы мгновенных сообщений</h1>
<h2>Альтернативы WhatsApp, Viber, Skype</h2>
<h3 id="xmpp">XMPP (он же Jabber)</h3>
<img src="images/conversations.jpg" class="margin" style="float: right;" width="560">
<p>
Широко используемый свободный и открытый стандарт интернет-сообщений.
Весьма прост в использовании — регистрируем аккаунт, устанавливаем приложение.
@ -29,6 +39,7 @@
<li><a href="https://404.city">404.city</a></li>
<li><a href="https://jabber.ru">jabber.ru</a></li>
</ul>
<img src="images/kaidan.png" class="margin" style="float: right;" width="560">
<h4>Приложения</h4>
<ul>
<li>
@ -64,6 +75,8 @@
</ul>
</li>
<li>
<img src="images/movim.png" class="margin" style="float: right;" width="560">
<h5>Mac</h5>
<ul>
<li><a href="https://apps.apple.com/us/app/beagleim-by-tigase-inc/id1445349494">BeagleIM</a></li>
@ -78,8 +91,10 @@
</ul>
</li>
</ul>
<hr style="clear: right">
<h3 id="quicksy">Quicksy</h3>
<img src="images/quicksy.png" class="margin" style="float: right;">
<p>
Очень простой в использовании чатик. Регистрация по номеру телефона.
</p>
@ -95,7 +110,9 @@
</ul>
</li>
</ul>
<hr style="clear: right">
<img src="images/signal.jpg" class="margin" style="float: right;" width="560">
<h3 id="signal">Signal</h3>
<p>
Популярное приложение для обмена сообщениями, голосовых- и видеозвонков, для регистрации нужен номер телефона.
@ -125,6 +142,7 @@
</ul>
</li>
</ul>
<hr style="clear: right">
<h3 id="jami">Jami (ранее Ring)</h3>
<p>
@ -158,6 +176,7 @@
</ul>
</li>
</ul>
<hr style="clear: right">
<h3 id="jitsi">Jitsi Meet</h3>
<p>