У цьому уроці буде розпочато створення файлової структури проєкту, зокрема налаштування директорій, підготовка базових налаштувань стилів та початок верстки шапки сторінки — header. Особлива увага буде приділена правильному використанню семантичних тегів HTML, щоб забезпечити доступність і зручність для користувачів та пошукових систем. Крім того, на уроці буде розглянуто основні моменти роботи з препроцесором SASS та зокрема його синтаксисом SCSS, включаючи налаштування структури SCSS-файлів і використання змінних, міксинів та вкладеності для зручності написання стилів. Додатково, урок передбачає налаштування збірки проєкту за допомогою Gulp, що дозволить автоматизувати процеси компіляції стилів, отже протягом уроку буде встановлена та налаштовано збірку. На завершення уроку буде здійснена верстка header для десктопної та мобільної версій, з використанням адаптивних технік для забезпечення коректного відображення на різних пристроях.