EDeev/web-tech
1
0
Fork 0
mirror of https://github.com/EDeev/web-tech.git synced 2026-06-15 19:11:07 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions
web-tech/labs/lab-10/other/Задание - Лабораторная работа 10.md
Egor Deev b90fea83f5
LAB-10
2025-11-20 15:46:57 +03:00

2.7 KiB
Raw Blame History

Лабораторная работа № 10. Вёрстка адаптивного лендинга для компании доставки еды

При помощи фреймворка Bootstrap 5 создайте адаптивный лендинг (landing page) для компании, доставляющей бизнес-ланчи.

Порядок выполнения

Добавьте к вашему проекту страницу лендинга. На этой странице должны присутствовать следующие элементы:

  • Блок с названием компании, её кратким описанием и картинкой для привлечения внимания (hero section).
  • Блок с перечислением основных особенностей/преимуществ компании.
  • Блок с призывом к действию (CTA, call to action) и ссылкой для перехода на страницу "Собрать ланч".
  • Блок с формой для обратной связи и контактами.

Дизайн страницы формируется на усмотрение студента с учётом обязательных блоков, перечисленных выше. Идеи для оформления лендинга можно посмотреть здесь.

  • Вёрстка лендинга должна быть выполнена с использованием фреймворка Bootstrap 5.
  • Допускается определение кастомных стилей в случае, если требуемого результата нельзя добиться средствами Bootstrap.
  • Обязательно использование системы сеток Bootstrap (Bootstrap Grid System).
  • Страница должна корректно отображаться на мобильных устройствах (смартфонах, планшетах).
  • Вёрстка должна быть выполнена студентом самостоятельно (использование готовых шаблонов лендингов не допускается).

Материалы для изучения

Документация Bootstrap Bootstrap Grid System Отзывчивый дизайн [MDN] Что такое лендинг и чем он отличается от сайта?