Верстка сайту для початківців | Урок 5 (HTML + CSS)

Це фінальний урок із верстки вебсайту з нуля — практична частина курсу. Радий вас бачити на завершальному етапі. Це мій перший гайд, тому скажу чесно: робити сайт значно простіше, ніж знімати відео. Я стараюся, тож прошу не судити строго. Сподіваюся, що завдяки цьому курсу ви зрозумієте базові принципи верстки та зможете впевнено розвиватися в цій сфері далі. Якщо поки що не до кінця зрозуміло, як верстати — рекомендую переглянути попередні уроки ще раз. Розуміння приходить поступово, це нормально. На завершення хочу побажати вам успіхів у ваших ІТ-починаннях 🚀 А щоб закріпити знання на практиці, раджу зайти в Figma Community і почати верстати окремі елементи або сторінки, які вам подобаються. Практика — ключ до результату. Дякую за перегляд ❤️ ## 📌 Таймкоди 00:00 Вступ 00:31 Фіксація хедера зверху сторінки 02:18 Додаємо посилання на секції в меню та ID для секцій 03:32 Підключення скриптів (посилання під відео) 04:26 Налаштування плавного скролу по сторінці через якірну навігацію 07:35 Пояснення скрипта main.js 15:21 Редагуємо стилі головної секції 19:43 Додаємо відступи для футера 21:05 Додаємо активний стан кнопки в хедері ## 🔗 Посилання з відео Код із відео (гілка lesson-5) — https://github.com/vlad-tomiuk/youtube-html-css-course Скрипт main.js — https://github.com/vlad-tomiuk/youtube-html-css-course/blob/lesson-6/assets/js/main.js Плагін CSS Nesting (VS Code) —https://marketplace.visualstudio.com/items?itemName=jacobcassidy.css-nesting-syntax-highlighting Плагін Live Server (VS Code) — https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer #html #css #frontend #webdev #htmlcss #верстка #урокhtml #урокcss #вебдизайн #layout #practicehtmlcss #beginnerfriendly #websitecoding #htmlcsscourse #learningcode