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

Описание

Адаптивная HTML верстка сайта портфолио для новичков на HTML и CSS. Мобильная адаптивная верстка, медиа-запросы. Темная тема на CSS переменных и JavaScript. Публикация сайта на GitHub Pages.

Макет, скрипты и готовый код: https://webcademy.ru/blog/932/

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
? Курс "Профессия HTML верстальщик": https://webcademy.ru/htmlstart/
Старт обучения: 30 Октября 2023 года
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.

? Курс "JS Frontend разработчик": https://webcademy.ru/jscourse/
Старт обучения: 23 Октября 2023 года
Обучение с наставником, 3 месяца, результат, гарантия.

? Обучение с нуля
?♂️ Обучение с наставником
? Доведение с нуля до результата
? Помощь с трудоустройством
? Поможем взять первый заказ на фрилансе

? возможна рассрочка
? если курс не понравится, вернём деньги в первую неделю

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
? Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
7 уроков по 30 мин: http://webcademy.ru/htmlsite/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Тайм коды:

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 разработке


Сайт: https://webcademy.ru/
Вконтакте: https://vk.com/webcademy
Telegram канал: https://t.me/webcademynews