Справиться с реальной версткой.

1. У вас должны быть пройдены следующие курсы на сайте https://htmlacademy.ru/

-Знакомство
-Структура HTML-документа
-Разметка текста
-Ссылки и изображения
-Знакомство с таблицами
-Знакомство с формами
-Знакомство с CSS
-Селекторы, часть 1 + заодно и Использование псевдокласса :nth-child

-Наследование и каскадирование
-Оформление текста, часть 1
-Фоны, часть 1
-Блочная модель документа
-Сетки

2. Посмотреть лекции HTML Academy:
-Вводный
-Разметка
-Фотошоп для верстальщика 40:52
-Сетки

3. Выполнить следующие задания:

-Создать папку для верстки макета Барбершоп, в папке сделать файл index.html, в этой папке еще две папки с названиями img и css. В папке css файл с названием style.css

-При просмотре лекции "Разметка" сверстать главную страницу макета Барбершоп (повторяем код в своем редакторе, сохраняем у себя на комп-ре).

-После просмотра лекции "Фотошоп для верстальщика" сохранить все картинки с psd файла в папку img

-При просмотре лекции "Сетки" повторить сетку главной страницы

-Самостоятельно разметить, сохранить картинки, построить сетки для остальных страниц Барбершопа price.html, shop.html, item.html

-Разобраться с git (можете выбрать любой источник для обучения)

1. У вас должны быть пройдены следующие курсы

на сайте https://htmlacademy.ru/

-Позиционирование
-Мастерская:создаем меню
-Мастерская: декоративные элементы

2. Посмотреть лекции HTML Academy:

- Декоративные элементы

3. Выполнить следующие задания:

-Доверстать главную макета Барбершоп (повторяем код)

-По аналогии сверстать страницы shop.html и item.html
(price.html будет на 3 неделе)

ДОПОЛНИТЕЛЬНОЕ задание:

-Самостоятельно начать размечать макет Nёrd`s - 2 страницы

Посмотреть лекции HTML Academy:
-Оформление контента

-Введение в JavaScript

Выполнить следующие задания:
-Сверстать страницу price.html
-Добавить JavaScript элементы

ДОПОЛНИТЕЛЬНОЕ задание
-Построить сетки для макета Nerd's, подключить шрифты, изображения, цвета