После: урок с Bootstrap

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

<section class="mb-4">
<p class="small text-body-secondary mb-2">ЦИФРОВАЯ БЕЗОПАСНОСТЬ · МИНИ-УРОК</p>
<h2 class="display-6 mb-3">Как распознать подозрительное письмо</h2>
<p class="lead">Подозрительное письмо может выглядеть как обычное рабочее сообщение. Перед действием проверьте отправителя, цель сообщения и адрес ссылки.</p>
</section>
<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>
<div class="row g-3 mb-4">
  <div class="col-12 col-md-4"><div class="card h-100"><div class="card-body">
    <p class="small text-body-secondary mb-2">ПРИЗНАК 1</p><h3 class="h5">Торопят</h3>
    <p class="mb-0">«Ваш доступ закроют через 10 минут». Искусственная срочность мешает проверить факты.</p>
  </div></div></div>
  <div class="col-12 col-md-4"><div class="card h-100"><div class="card-body">
    <p class="small text-body-secondary mb-2">ПРИЗНАК 2</p><h3 class="h5">Просят секрет</h3>
    <p class="mb-0">Пароль, код подтверждения или резервный код. Такие сведения нельзя отправлять в ответ на письмо.</p>
  </div></div></div>
  <div class="col-12 col-md-4"><div class="card h-100"><div class="card-body">
    <p class="small text-body-secondary mb-2">ПРИЗНАК 3</p><h3 class="h5">Адрес не совпадает</h3>
    <p class="mb-0">Имя отправителя знакомое, но домен или адрес ссылки — другой. Сверьте его с известным адресом сервиса.</p>
  </div></div></div>
</div>
<div class="row g-3 mb-4">
  <div class="col-12 col-md-6"><div class="border rounded p-4 h-100">
    <h3 class="h5">Рискованное действие</h3>
    <p>Нажать «Восстановить доступ» прямо из неожиданного письма и ввести пароль.</p>
    <p class="mb-0">Внешний вид страницы ещё не доказывает, что она принадлежит знакомому сервису.</p>
  </div></div>
  <div class="col-12 col-md-6"><div class="border rounded p-4 h-100 bg-body-tertiary">
    <h3 class="h5">Безопасное действие</h3>
    <p>Открыть сервис через сохранённую закладку и проверить уведомления в своём аккаунте.</p>
    <p class="mb-0">Если запрос вызывает сомнения, уточнить его через известный канал поддержки.</p>
  </div></div>
</div>
<div class="mb-4">
  <h3 class="h5">Проверьте себя</h3>
  <p>Вам пришло письмо: «Срочно подтвердите пароль по ссылке, иначе доступ будет закрыт». Как поступить?</p>
  <details class="border rounded p-3">
    <summary class="fw-semibold">Показать разбор</summary>
    <div class="pt-3"><p class="mb-0">Не вводить пароль по ссылке из письма. Открыть сервис привычным способом и уточнить запрос через известный канал поддержки. Срочность и просьба сообщить секрет — поводы остановиться.</p></div>
  </details>
</div>
<section class="border rounded p-4 bg-body-tertiary mb-4">
  <p class="small text-body-secondary mb-2">ИТОГ УРОКА</p>
  <h3 class="h4">Сначала проверка — потом действие</h3>
  <p class="lead">Знакомое имя и красивое оформление письма ещё не подтверждают отправителя.</p>
  <p class="mb-0"><strong>Следующий шаг:</strong> найдите в своей организации канал для сообщений о подозрительных письмах и сохраните его в контактах.</p>
</section>