Абзацы и изображения

В этом блоке показано, как выглядит текст рядом с изображением. Используйте понятные формулировки и логичную структуру: короткие абзацы, акценты и ссылки для удобного чтения.

Пример второго абзаца: он демонстрирует переносы строк, читаемость и визуальные интервалы между фрагментами текста.

Ссылка: ссылка, сокращение, выделенный текст, курсив, удаленный текст, и текст с подсветкой .код

Буквицы

Далеко за пределами привычных форматов, в стороне от стран Вокалия и Консонантия, живут слепые тексты. Отдельно они обитают в Букмаргсгроув на берегу Семантики, большого языкового океана. Небольшая река по имени Дуден течет мимо их места и снабжает его необходимыми правилами оформления.

Мелкий шрифт

Пример текста в мелком размере: подходит для примечаний, сносок и юридических формулировок.

Цитаты с выносом

Этот блок показывает формат цитаты, вынесенной на отдельную визуальную область. Такой стиль удобно использовать для отзывов студентов и ключевых тезисов программ.

Когда вы смотрите в глаза уверенности, когда встречаете ясность, когда принимаете решения, когда видите результаты в цифрах и ощущаете ценность обучения — это помогает не только учиться, но и действовать.

Блочные цитаты

Пример блочной цитаты: используйте ее для выдержек из материалов, интервью и источников, чтобы подчеркнуть важность фрагмента текста.

Еще один пример блочной цитаты: короткая формулировка, которая хорошо читается и визуально выделяется на странице.

Примеры списков

1. Пример
2. упорядоченного списка.
3. Элемент списка с вложенным списком.
   • пункт один
   • пункт два
   • пункт три
4. Еще один элемент.

• Пример
• неупорядоченного списка.

Списки определений

a) Многострочные определения (по умолчанию)

Это термин

это определение термина, которое находится внутри dl.

Еще один термин

и у него тоже есть определение — вот эта строка

Это второе определение для одного термина. За dt могут следовать несколько dd.

Полосы навыков

• 90%
  Маркетинг
• 85%
  Аналитика
• 70%
  Инструменты данных
• 95%
  Стратегии
• 75%
  Контент
• 90%
  Автоматизация

Кнопки

Основная кнопка Обычная кнопка Контурная кнопка

Вкладки статистики

• 1 234 Петр
• 567 Джеймс
• 23 456 Джон
• 3 456 Андрей
• 456 Филипп
• 26 Мэтью

Код

    code {
    font-size: 1.4rem;
    margin: 0 .2rem;
    padding: .2rem .6rem;
    white-space: nowrap;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;	
    border-radius: 3px;
    }

Заголовок H1.

Этот пример показывает, как выглядит основной заголовок и вступительный текст на странице. Используйте H1 для названия страницы, а затем логично переходите к разделам.

Заголовок H2.

Второй уровень заголовков помогает структурировать содержание: программы, модули, темы и результаты обучения.

Заголовок H3.

Третий уровень заголовков подходит для блоков внутри разделов: описания, списки преимуществ, шаги и примеры.

Заголовок H4.

Четвертый уровень заголовков удобно использовать для подзаголовков внутри карточек и блоков контента.

Заголовок H5.

Пятый уровень заголовков подходит для небольших секций: подсказки, уточнения, мини-разделы.

Заголовок H6.

Шестой уровень заголовков — для самых мелких элементов структуры, когда нужно подчеркнуть смысл.

Адаптивное изображение

Адаптивное видео

Стили форм

Ваш email

Причина обращения

Вопросы Отчет Другое

Сообщение Отправить копию себе

Уведомления