Адаптивная HTML верстка сайта портфолио для новичков на HTML и CSS. Мобильная адаптивная верстка, медиа-запросы. Темная тема на CSS переменных и JavaScript. Публикация сайта на GitHub Pages. Макет, скрипты и готовый код: https://webcademy.ru/blog/932/ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" От установки редактора, до публикации в сети. 👉 Получить уроки, конспекты, макет и код из уроков: http://webcademy.ru/htmlsite/ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс по созданию и верстке сайтов: https://webcademy.ru/htmlstart/ Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. 💻 Курс "Frontend разработчик. JavaScript + React": https://webcademy.ru/jscourse/ Обучение с наставником, 3 месяца, результат, гарантия. 💻 Курс "Разработка сайтов на PHP + MySQL": https://webcademy.ru/phpcourse/ Создание сайтов с системой управления. Присоединиться к курсу можно прямо сейчас. 🏁 Обучение с нуля 💁♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Сайт школы ВебКадеми: https://webcademy.ru/ 💈 Вступайте в группу Вконтакте: https://vk.com/webcademy 💈 Подписывайтесь на Telegram: https://t.me/webcademynews Тайм коды: 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 #верстка #WebCademy #ВебКадеми #HTML5 #CSS3 #html #css #html5 #css3 #javascript #js #freelance #portfolio #variables #уроки #бесплатно #курс #rutube #Rutube #RUTUBE #рутуб #Рутуб #РУТУБ #ЮрийКлючевский