Создайте лендинг курса
Поделитесь со своей школой
Это финальный проект. Вы добавили геймификацию к контенту, отслеживали прогресс и создавали адаптивные пути — теперь упакуйте всё это в лендинг курса, которым можно поделиться с родителями, коллегами и всей школой.
Отличный лендинг выполняет четыре задачи: шапка с названием курса, которая захватывает внимание; список уроков, показывающий содержание; призыв к записи, делающий регистрацию простой; и подвал, завершающий страницу. Вы соберёте каждый раздел по порядку.
Эта страница — ваш ответ на вопрос «чем занимаются ваши ученики?». Сделайте её хорошо и пусть она говорит за ваш класс.
Инструкции
Добавьте раздел header с градиентным фоном, названием курса в h1 и однострочным подзаголовком.
Подсказка: Используйте `<header class="bg-gradient-to-br from-indigo-900 via-gray-900 to-gray-900 py-20 px-6 text-center">` с `<h1>` внутри.
Куда это писать?
<!-- Assemble your course landing page here -->Пишите в строке 11 — под тем комментарием, после уже добавленного кода.
Добавьте список уроков: заголовок «Что вы узнаете» и ul с элементами списка со скруглёнными углами rounded-xl.
Добавьте призыв к записи: выделенный блок с кнопкой «Записаться».
Завершите страницу подвалом footer, который закрывает страницу и упоминает курс.
Ваш код
Опишите, что хотите создать на этом шаге, и я напишу код — затем нажмите «Применить», чтобы вставить его в редактор. Текущий шаг: Добавьте раздел header с градиентным фоном, названием курса в h1 и однострочным подзаголовком.