    <meta charset="utf-8">
    <title><?= lang('Errors.pageNotFound') ?></title>

    <!-- Required meta tags -->
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Favicon icon-->
    <link rel="shortcut icon" href="<?= base_url('assets/images/logos/favicon.png'); ?>" />

    <!-- Core Css -->
    <link rel="stylesheet" href="<?= base_url('assets/css/styles.css'); ?>" />
    </head>

    <body>
        <div id="main-wrapper">
            <div class="position-relative overflow-hidden min-vh-100 w-100 d-flex align-items-center justify-content-center">
                <div class="d-flex align-items-center justify-content-center w-100">
                    <div class="row justify-content-center w-100">
                        <div class="col-lg-4">
                            <div class="text-center">
                                <img src="<?= base_url('assets/images/backgrounds/errorimg.svg') ?>" alt="modernize-img" class="img-fluid" width="500">
                                <h1 class="fw-semibold mb-7 fs-9">Opps!!!</h1>
                                <h4 class="fw-semibold mb-7">La página que intenta cargar ya no se encuentra disponible.</h4>
                                <a class="btn btn-primary" href="<?=site_url()?>" role="button">Volver al inicio</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>

    </html>