Антон Нагаец

смотря что Вы подразумеваете под изучением?
Нужно хорошо знать только основы html, понимать что такое DOM и в принципе для начала хватит.

- Красный на голубом - ужасно (это про ховер в меню)
- Непонятно где кнопка, где поле для ввода, где текст. Оформите контролы в каком-то одном стиле, а то я долго пытался тыкнуть на синюю плашку (ОСТАВЬТЕ ЗАЯВКУ....)
- Я еще не успел зайти, а меня уже заставляют принять какие-то соглашения, да еще и мои персональные данные собираются обрабатывать. ужс, закрою-ка я страницу.... (уберите эту надпись в подвал)
- Половина текста вообще не читаема на фоне картинок. Только глаза ломать.
- В салонах "Алина", В салонах "Алина", В салонах "Алина", В салонах "Алина", В салонах "Алина", В салонах "Алина",В салонах "Алина" (ну я думаю вы поняли, да?)
- Цену я еле заметил. Нормального прайса нету?
- Красное на синем - фу (это про 100px рамку вокруг фотографий, как будто в илюминатор смотрю).

Как-то так...

Блокируются они у вас не на tun0, а на eth0. Вам нужно оставить открытым 1194 порт, чтобы работал ваш туннель.

iptables -A INPUT -i eth0 -p tcp --dport 22 -j ACCEPT
iptables -A INPUT -i eth0 -p udp --dport 1194 -j ACCEPT
iptables -A INPUT -i eth0 -j DROP

В алфавитном порядке не нужно.
Сначала "reset" свойства
Ниже основные правила (такие как работа со шрифтами и прочее)
Ниже правила для основных компонентов (заголовки, параграфы, формы и прочее, что не меняется из страницы к странице)
А дальше предпочитаю делить на блоки, к примеру:

/*-- TOPBAR --*/
.topbar {
    /* правила */
}
/*-- TOPBAR --*/

/*-- SIDEBAR--*/
.sidebar {
    /* правила */
}
.sidebar-box {
    /* дочерний элемент прописывается ниже родительского */
}
/*-- SIDEBAR--*/

Чек-лист вёрстки - https://habrahabr.ru/post/114256/

Если не особо заморачиваться, то можно так сделать. Прочие плюшки и рюшки, уже сами добавляйте.

Допустим вот так...
codepen.io/aliencash/pen/wGyeEP

https://www.youtube.com/channel/UC7enHM_oJRYJOnyJr...
https://www.youtube.com/channel/UCZeU17nbVfzczAkJV...
https://www.youtube.com/channel/UCHHw70vvbfyM6xJQo...
https://www.youtube.com/channel/UCIIt69f5D44s2cdb9...
tohtml.it/post/74511047203/markup-process

По нему скучаю искренне и иногда сижу на подоконнику с лате и смотрю на капли дождя, стекающие по стеклу:
https://www.youtube.com/channel/UCdnFX7mzgup9moXG2...
Это для общего развития:

https://stepic.org/course/%D0%90%D0%BD%D0%B0%D0%BB...

Похожий вопрос:
Какие задачи нужно уметь выполнять на JS начинающему?

Ваша библия:
https://developer.mozilla.org
Можно докинуть еще:
webref.ru
htmlbook.ru
Просто случайная ссыль
https://docs.google.com/document/d/1kehaJKKRo7zxYp...
Еще одна:
https://github.com/ihorzenich/html5checklist
Еще какая то штука
https://github.com/dypsilon/frontend-dev-bookmarks
Лучшие практики тостеровцев
Как вы начинаете вёрстку сайта?
Инструменты
fredsarmento.me/frontend-tools

После пары часов выпускания пара из ушей, включить на всю громкость и хоть как то отвлечься от этой жизни
https://www.youtube.com/channel/UCY0C6A3t3RTUN3BB6...

На freecodecamp.com неплохо алгоритмы можно потренить

Ну и конечно
learn.javascript.ru

PS
еще это
Какие ресурсы с новостями по web-разработки вы знаете?

PSPS
Не отвечаю за качество контента под ссылками, может кое что уже outdated.

https://vk.com/video79753760_171233585

Удачи, брат

<fieldset>
<legend>xxx</legend>
</fieldset>

если убрать из этого списка "p" - Ваша проблема решится.

1. Дешево и стабильно.
Mikrotik 951 + OpenVPN, подключение звездой.
Плюсы есть thedude для постройки интерактивной карты сети и управления каждым коммутатором.
Можно написать скрипт переключения провайдеров или ЛоадБаланс сделать.
Минус, прозрачный прокси сервер для логирования подключений нужно ставить отдельно.
2. Средний уровень.
LinuxRouter(iptables+route)+OpenVPN
Плюсы, большой функционал для тестирования и диагностики соединений,
Можно поставить прозрачный прокси и кучу других наворотов, в будущем на нем можно развернуть asterisk для SIP телефонии и связать транками между собой филиалы. Чем сэкономить кучу денег компании. Так как виртуальные АТС это абонентка.
Можно поставить Zabbix для диагностики всех компьютеров в дочерних структурах.
Можно настроить переключение каналов и балансировку каналов.
Минусы. Сложно в освоении, придется поднять жопу с дивана и начать техническую литературу. Возможности безграничны.
Решение не из коробки и его придется проектировать, в идеале должен быть НОРМАЛЬНЫЙ гуру по линухам и сетям.
Единый центр управления надо будет писать самому, но на старте можно использовать Ajenti.
3. Дорого и глупо.
Заказать реализацию у Интегратора. А он уже может напихать Цисок и прочей херни, которая не нужна для прокачки трафика.