# data[].attributes.body
исходный макет для верстки

# data[].attributes.headline
Шаг 3 - Определяем структуру html-страницы

# data[].attributes.subject
Шаг 3 - Определяем структуру html-страницы

# data[].attributes.headline
Шаг 6 - Добавляем стили для элементов

# data[].attributes.subject
Шаг 6 - Добавляем стили для элементов

# data[].attributes.body
1.     изображения: добавляем внешние отступы со всех сторон по 10 пикселей. Свойство margin

2.     заголовок h2:

o   выравниваем текст по центру. Свойство text-align

o   увеличиваем размер шрифта до 24 пунктов. Свойствоfont-size

o   изменяем гарнитуру шрифта на Georgia. Свойствоfont-family

3.     Текст под заголовком:

o   выравниваем по центру

o   изменяем гарнитуру шрифта на Georgia

4.     Меню:

o   выравниваем по центру

o   добавляем внешние отступы по 30 пикселей со всех сторон

5.     элемент меню (li):

o    устанавливаем фоновую заливку цвета #1bbc9b. Свойство background-color

o   преобразовываем вертикальный список в горизонтальный. Свойство display: inline

o    добавляем внутренние границы по 5 пикселей для увеличения размеров кнопок. Свойство padding

o   закрашиваем текст белым цветом. Свойство color

o   добавим внешние отступы для каждого элемента по 10 пикселей.

# data[].attributes.headline
Шаг 5 - Определяем CSS-стили для расположения блоков

# data[].attributes.subject
Шаг 5 - Определяем CSS-стили для расположения блоков

# data[].attributes.body
1.     блокам content, text_box, menu, bloksустанавливаем масштаб 100% . Свойство width

2.     блокам blok1, blok2, blok3, blok4 рассчитываем и устанавливаем масштаб

Этим же блокам задаем выравнивание по левому краю. Свойство float: left

Выравниваем блоки по центру. Свойство text-align

# data[].attributes.headline
Шаг 4 - Добавляем контент на сайт

# data[].attributes.subject
Шаг 4 - Добавляем контент на сайт

# data[].attributes.body
Контент - содержимое (текст, картинки, ссылки и т.п.)

# data[].attributes.headline
Шаг 2 - определяем названия блоков

# data[].attributes.subject
Шаг 2 - определяем названия блоков

# data[].attributes.body
menu, blok1, blok2, blok3 , text_box,  blok4, content, bloks:

# data[].attributes.headline
Шаг 1 Разбиваем страницу на блоки

# data[].attributes.subject
Шаг 1 Разбиваем страницу на блоки