Верстка сайта-портфолио для новичков с подробным объяснением. Часть 1 – HTML, CSS

Привет! Сегодня мы начнем серию из 3-х уроков, в ходе которых мы полностью сверстаем сайт портфолио. Уроки подойдут для новичков, так как сайт достаточно простой, но с интересными блоками, в которых можно использовать разные подходы. В первой части мы сверстаем сам сайт, его десктопную версию. Во второй части мы сделаем адаптив нашего сайта, а последняя часть будет посвящена JavaScript и некоторому функционалу сайта. Присаживайтесь поудобнее, приятного просмотра! ———————————————————————— Ссылки: Шпаргалки по Flex: ———————————————————————— Шпаргалки по Grid CSS: ———————————————————————— Ссылка на архив с результатом: ———————————————————————— Макет: Сайт-портфолио?node-id=2:339 После того, как перейдёшь по ссылке, нажми на стрелку сверху, далее на Duplicate to your Drafts. После этого сможешь взаимодействовать с макетом ———————————————————————— Соцсети: Telegram: Github: Рекомендую подписаться на мой канал Душевная Верстка: ———————————————————————— Таймкоды: 00:00 – Введение 00:30 – Обзор макета 02:22 – Настройка проекта 08:47 – Верстка шапки 15:18 – Верстка первой секции 20:57 – Донастройка шапки 21:50 – Верстка секции с клиентами 26:50 – Верстка секции с работами 38:37 – Верстка секции About 44:43 – Верстка подвала ———————————————————————— Теги: #webdev #верстка #layout