Номера — оформительские метки; шаги остаются настоящим HTML-списком.

Готовые классы: list-unstyled, d-flex, gap-3, badge, text-bg-primary.

Как выглядит блок

  1. 1

    Остановитесь

    Не открывайте вложение и не вводите данные, пока не проверите запрос.

  2. 2

    Перепроверьте

    Позвоните по известному номеру или напишите в привычный рабочий чат.

  3. 3

    Сообщите о подозрении

    Используйте принятый в организации канал для подозрительных сообщений.

Показать HTML для копирования

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

<!-- Пошаговая инструкция. Фрагмент для HTML-режима редактора Moodle. -->
<ol class="list-unstyled mb-4">
  <li class="d-flex gap-3 mb-3"><span class="badge text-bg-primary align-self-start">1</span><div><h3 class="h5">Остановитесь</h3><p class="mb-0">Не открывайте вложение и не вводите данные, пока не проверите запрос.</p></div></li>
  <li class="d-flex gap-3 mb-3"><span class="badge text-bg-primary align-self-start">2</span><div><h3 class="h5">Перепроверьте</h3><p class="mb-0">Позвоните по известному номеру или напишите в привычный рабочий чат.</p></div></li>
  <li class="d-flex gap-3 mb-3"><span class="badge text-bg-primary align-self-start">3</span><div><h3 class="h5">Сообщите о подозрении</h3><p class="mb-0">Используйте принятый в организации канал для подозрительных сообщений.</p></div></li>
</ol>

Что можно менять

Заменяйте учебный текст своим, сохраняя теги и классы. Заголовки подстройте под структуру своего урока. Цвета берутся из темы вашего Moodle.

← В мастерскую · Как вставить HTML · Скачать все шаблоны ZIP