<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="public/css/bootstrap.min.css">
    <link rel="stylesheet" href="public/css/style.css">

    <title>No laborable</title>

    <style>
        .container {
            border-top: 5px solid #00AA5C !important;
        }
    </style>
</head>

<body>

    <div class="container mt-5 py-3 border border-success rounded" style="max-width: 700px;">
        <h1 class="text-center" style="color: #00AA5C;">
            ¡Upps lo sentimos!
        </h1>
        <h3 class="text-center" style="color: #0ACA72;">
            Por favor intente enviar sus documentos en dias y hora laborables
        </h3>

        <div class="row mt-5">
            <div class="col-md-6 align-self-center text-center" style="color: #107C4A;">
                <h5>Lunes a Viernes</h5>
                <p class="mb-0">Mañana 08:00 am - 01:00 pm</p>
                <p>Tarde 03:00 pm - 06:00 pm</p>
            </div>
            <div class="col-md-6 text-center">
                <img src="public/imagen_del_sistema/PERUCOVID19.png" alt="Imagen de covi 19">
            </div>
        </div>

        <div class="text-center mt-5">
            <a href="https://munimazamari.gob.pe/" class="btn btn-success ">Regresame a inicio</a>
        </div>
    </div>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Bootstrap JS -->
    <script src="public/js/jquery-3.5.1.min.js"></script>
    <script src="public/js/bootstrap.min.js"></script>
    <script src="public/js/main.js"></script>

    <script>
        window.history.replaceState(null, null, window.location.href);
    </script>
</body>

</html>