Три плашки с текстовыми заголовками: смысл понятен и без различения цветов.

Готовые классы: alert alert-warning, alert-info, alert-success.

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

Важно: не спешите переходить по ссылке

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

Пример

В письме написано «служба поддержки», но адрес отправителя относится к незнакомому домену. Это повод перепроверить запрос.

Попробуйте

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

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

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

<!-- Плашки: важное, пример, задание. Фрагмент для HTML-режима редактора Moodle. -->
<div class="alert text-body alert-warning mb-4">
  <h3 class="h5">Важно: не спешите переходить по ссылке</h3>
  <p class="mb-0">Если письмо требует срочно ввести пароль, откройте нужный сервис через закладку или вручную наберите его адрес.</p>
</div>
<div class="alert text-body alert-info mb-4">
  <h3 class="h5">Пример</h3>
  <p class="mb-0">В письме написано «служба поддержки», но адрес отправителя относится к незнакомому домену. Это повод перепроверить запрос.</p>
</div>
<div class="alert text-body alert-success mb-4">
  <h3 class="h5">Попробуйте</h3>
  <p class="mb-0">Откройте последнее служебное письмо и проверьте адрес отправителя, цель сообщения и адрес ссылки.</p>
</div>

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

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

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