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