<div class="alert alert-info alert-dismissible" role="alert" style="margin-top: 1rem;">
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    Thanks for using <code>lockdown</code>, your antivirus really appreciates it.<br>
    This is a friendly reminder that this template is intended as a joke and not to be used in production !
</div>

<div class="modal fade" tabindex="-1" role="dialog" id="modal">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">It seems that you want to get out of this page...</h4>
        </div>
        <div class="modal-body">
          <p>Please remember to&nbsp;:</p>
          <ul>
              <li>wash your hands</li>
              <li>wear a mask</li>
              <li>keep your distances</li>
              <li>avoid crowded and poorly ventilated indoors</li>
              <li>keep yourself informed with sources based on good science</li>
          </ul>
          <p>Stay safe&nbsp;!</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Okay, I'll stay there</button>
          <button type="button" class="btn btn-primary" data-dismiss="modal" id="exit_button">Got it !</button>
        </div>
      </div>
    </div>
  </div>