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