Це фінальний урок із верстки вебсайту з нуля — практична частина курсу. Радий вас бачити на завершальному етапі.
Це мій перший гайд, тому скажу чесно: робити сайт значно простіше, ніж знімати відео. Я стараюся, тож прошу не судити строго.

Сподіваюся, що завдяки цьому курсу ви зрозумієте базові принципи верстки та зможете впевнено розвиватися в цій сфері далі.
Якщо поки що не до кінця зрозуміло, як верстати — рекомендую переглянути попередні уроки ще раз. Розуміння приходить поступово, це нормально.

На завершення хочу побажати вам успіхів у ваших ІТ-починаннях 🚀
А щоб закріпити знання на практиці, раджу зайти в Figma Community і почати верстати окремі елементи або сторінки, які вам подобаються. Практика — ключ до результату.

Дякую за перегляд ❤️

## 📌 Таймкоди

00:00 Вступ
00:00:31 Фіксація хедера зверху сторінки
00:02:18 Додаємо посилання на секції в меню та ID для секцій
00:03:32 Підключення скриптів (посилання під відео)
00:04:26 Налаштування плавного скролу по сторінці через якірну навігацію
00:07:35 Пояснення скрипта main.js
00:15:21 Редагуємо стилі головної секції
00:19:43 Додаємо відступи для футера
00: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