Адаптивная верстка сайта на HTML CSS

Адаптивная HTML верстка сайта для новичков на чистом HTML + CSS. Сайт портфолио фрилансера. Заверстаем по макету с Figma. Сделаем адаптацию для мобильных устройств, мобильную навигацию. Применим адаптивные изображения. Верстка на flexbox.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 05 Августа 2024 года.

Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 12 Августа 2024 года.

💻 Курс "Разработка сайтов на PHP + MySQL":
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.

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

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

Тайм коды:

00:00 Обзор проекта
01:10 Объявление
02:06 Создание проекта
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 Финал

[belovmihan]

Спасибо автору за это видео. Отличная вёрстка без лишней воды. Также особо понравились пояснения по вёрстке. Будем ждать новых видеороликов!

[enmzshi]

Это очень крутой урок.
Понравилось что было немного про JS, про то как подгрузить картинку другова размера при мобильном разрешении и о том как делается анимация блоков в конце ролика.
Спасибо было очень познавательно.

[seron]

Один из лучших блогеров!Такого понятного объяснения еще не видел)И теги нужные и свойства к ним, подписываюсь!)

[HA_CTPIME]

Я очень много материалов перелопатил, удивлён что раньше мне не встретился настолько качественный контент. 👍👍👍

[iwmatt]

Одно из самых лучших видео которых я видел по теме верстки, отличные объяснение, приятный голос, много нового для себя подчеркнул.

[marytmnv]

Очень крутой видео урок, спасибо большое! Не все готовы в одном видео всё и сразу рассказать, а у Вас очень много полезного

[rjphztq]

Спасибо за урок! Очень нравится Ваш канал! И по java script уроки тоже хорошие!

[NeGaTV]

Очень качественное объяснение каждого шага, спасибо. Все просто и понятно. До этого натыкался на ролики где совсем нет понятных обьяснений, а тут прямо идеально. Много нового для себя выделил. Спасибо!

[davidgrigoryan]

Боже, это видео просто находка. У автора дар объяснять, пересмотрел видео по верстке в сумме часов на 20, но за эти 2 часа понял раз в 10 больше моментов. За анимации отдельный лайк, не думал, что это так просто)

[lidiamenshikova]

Редко, когда бывает возникает намерение просмотреть все доступные материалы на интересующие темы какого-то конкретного лектора. Это тот редкий случай. Не первое видео, которое с удовольствием "прорешиваю", вернее проверстываю с вами. Спасибо большое.

[Savanna_Slytherin]

Спасибо огромущее! Сделала и получилось просто класс. Обьясняете круче всех!☺

[pjkslqc]

Ты просто лучший кого я смотрел за эти пол года!!! Многое для себя открыл!

[fhqrtdx]

просто до дрожи! Юра вы Талантище в плане преподавания!!! Я свами заверстался на одном дыхании! ДАЙ ВАМ БОГ ВСЕГО И ПО БОЛЬШЕ)))

[vordoen]

Автору большое спасибо за такое подробное видео! Совсем недавно начал верстать и делать это в vscode. Задавался вопросом как быстро скопировать строку. Хотел уже коммент с этим вопросом написать. Но автор как - будто услышал мой вопрос. Вообщем всё очень очень понятно и по горячим клавишам и по вёрстке в целом)) Здоровья и удачи! 🤝

[bvmvumi]

Спасибо за урок.Мне понравилась и подача и информативность.

[irinaste]

Присоединяюсь, это самое лучшее объяснение.Спасибо огромное.

[denisly]

Ура! Я сделал его) благодарю за урок! С вами плюс сто к усидчивости.))))

[pipopipo]

спасибо за прекрасное видео, все очень понятно объясняете, узнал много нового)

[seventhspace]

Замечательный урок ! Спасибо за труды !

[while.]

Спасибо большое за ролик. Много нового узнал благодаря вам + работа в портфолио