Уроки адаптивной верстки
Контрольное задание «Создание адаптивного шаблона на основе PSD-шаблона».
Варианты 16-30
Выполнить контрольное задание согласно своему варианту – создать адаптивный html-шаблон из psd-шаблона средствами верстки на Flexbox.
Требования к адаптивному макету:
– макет должен иметь различное расположение блоков на экранах разной ширины. Предварительно необходимо сделать эскиз сетки html-страницы для пяти экранов (xs, sm, md, lg, xl). Т.е. размеры экранов взять из Bootstrap. Продемонстрировать эскиз при сдаче контрольного задания;
– навигационная панель должна сворачиваться в кнопку с выпадающим меню;
– в макет включить адаптивный слайдер. Слайдер можно найти в Интернет или в разделе Web-дизайн – Слайдеры этого сайта;
– при необходимости часть элементов дизайна макета можно скрыть на маленьком экране;
– окончательный вариант должен быть максимально похож на исходник;
– рекомендуется выполнить видеокурс 1_Flexbox_часть_1.mkv и 1_Flexbox_часть_2.mkv
Вариант 16
Вариант 17
Вариант 18
Вариант 19
Вариант 20
Вариант 21
Вариант 22
Вариант 23
Вариант 24
Вариант 25
Вариант 26
Вариант 27
Вариант 28
Вариант 29
Вариант 30
