HTML CSS адаптивная верстка сайта Freelance Portfolio. Темная тема на JS. CSS переменные

00:00 Обзор проекта 01:03 Курс по верстке 01:41 Создание проекта, настройки редактора 13:18 Верстка навигации 23:42 Логотип и пункты в навигации 44:54 CSS переменные 53:27 Верстка шапки 01:27:36 Секция Projects 01:44:43 Верстка подвала 01:55:23 Страница с проектом 02:12:48 Страницы Skills и Contacts 02:23:28 Страница Contacts 02:27:40 Sticky footer 02:31:00 Мобильная адаптация 02:52:35 Темная тема. Верстка переключателя 03:11:27 Позиционирование переключателя 03:18:09 CSS переменные для темной темы 03:35:20 localStorage для сохранения темной темы 03:42:56 Ориентир на системные настройки для темной темы 03:47:48 Отслеживание системных настроек 03:51:42 Порядок в JS коде 03:57:50 Публикация проекта на GitHub Pages 04:05:24 Анонс следующего проекта 04:05:50 Курс по JS Frontend разработке В этом видео показано, как создать адаптивный HTML/CSS портфолио‑сайт для новичков, включая мобильную адаптацию, навигацию, шапку, секцию проектов, подвал и страницы навыков и контактов. Также демонстрируется реализация темной темы с помощью CSS‑переменных и JavaScript, включая переключатель темы, сохранение выбора в localStorage и учёт системных настроек. Проект публикуется на GitHub Pages.