<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />

<div class="min-vh-100 d-flex align-items-center justify-content-center bg-dark text-danger" style="margin-top: -75px;">
    <div class="fw-bold fs-1 px-5 py-3 border border-1 border-info rounded text-center 
                animate__animated animate__zoomInDown">
        <i class="bi bi-shield-lock me-2"></i>
        Access Denied<br>
        <a href="<?= BASE_URL ?>"
            class="fs-5 text-light text-decoration-underline animate__animated animate__fadeInUp animate__delay-1s">
            Go to Home
        </a>
    </div>
</div>

<script src="<?php echo (BASE_URL . 'vendor/jQuery-3.6.0/jquery-3.6.0.js'); ?>"></script>
<script src="<?php echo (BASE_URL . 'vendor/bootstrap-5.3.0/js/bootstrap.bundle.min.js'); ?>"></script>