Адаптивная верстка сайта на HTML CSS
Адаптивная HTML верстка сайта для новичков на чистом HTML + CSS. Сайт портфолио фрилансера. Заверстаем по макету с Figma. Сделаем адаптацию для мобильных устройств, мобильную навигацию. Применим адаптивные изображения. Верстка на flexbox. Материалы к уроку: https://webcademy.ru/blog/855/
Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" От установки редактора, до публикации в сети. 👉 Получить уроки, конспекты, макет и код из уроков: http://webcademy.ru/htmlsite/
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Мои авторские курсы: 💻 Профессия HTML верстальщик Для начинающих. Курс по созданию и верстке сайтов. 👉 https://webcademy.ru/htmlstart/
💻 Курс "Frontend разработчик. JavaScript + React" Станьте frontend разработчиком за 3 месяца. 👉 https://webcademy.ru/jscourse/
💻 Курс "Разработка сайтов на PHP + MySQL" Сможете создавать сайты с любым функционалом. 👉 https://webcademy.ru/phpcourse/
🏁 Обучение с нуля 💁♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Сайт ВебКадеми: https://webcademy.ru/
💈 Группа Вконтакте: https://vk.com/webcademy
💈 Telegram канал: https://t.me/webcademynews
Тайм коды: 00:00 Обзор проекта 01:10 Объявление 02:06 Создание проекта 04:30 Сброс стилей reset.css 07:05 Нарезка изображений 13:41 Подключение шрифтов 16:16 Верстка шапки сайта 24:12 Разметка под логотип и навигацию 26:44 Верстка логотипа 33:42 Верстка навигации 38:19 Контент в шапке 47:48 Верстка секции с услугами 54:26 Портфолио 1:03:15 Верстка Контакты 1:17:25 Мобильная навигация 1:31:51 Адаптация шапки 1:41:30 Адаптация секции Услуги 1:46:18 Адаптация Портфолио 1:48:27 Адаптация Контактов 1:50:35 Правка кнопки с навигацией 1:52:22 Добавление анимации 1:57:21 Настройки анимации 2:00:08 Финал Сайт: https://webcademy.ru/
Вконтакте: https://vk.com/webcademy
Telegram канал: https://t.me/webcademynews
