Уроки адаптивной верстки
Контрольное задание по Flex верстке «Создание адаптивного шаблона на основе PSD-шаблона».
Варианты 1-15
Выполнить контрольное задание согласно своему варианту – создать адаптивный html-шаблон из psd-шаблона средствами верстки на Flexbox.
Требования к адаптивному макету:
– макет должен иметь различное расположение блоков на экранах разной ширины. Предварительно необходимо сделать эскиз сетки html-страницы для пяти экранов (xs, sm, md, lg, xl). Т.е. размеры экранов взять из Bootstrap. Продемонстрировать эскиз при сдаче контрольного задания;
– навигационная панель должна сворачиваться в кнопку с выпадающим меню;
– в макет включить адаптивный слайдер. Слайдер можно найти в Интернет или в разделе Web-дизайн – Слайдеры этого сайта;
– при необходимости часть элементов дизайна макета можно скрыть на маленьком экране;
– окончательный вариант должен быть максимально похож на исходник;
– рекомендуется выполнить видеокурс 1_Flexbox_часть_1.mkv и 1_Flexbox_часть_2.mkv
Вариант 1
Вариант 2
Вариант 3
Вариант 4
Вариант 5
Вариант 6
Вариант 7
Вариант 8
Вариант 9
Вариант 10
Вариант 11
Вариант 12
Вариант 13
Вариант 14
Вариант 15
