<html lang="en" class="wf-flaticon-n4-inactive wf-opensans-n3-active wf-opensans-n4-active wf-opensans-n6-active wf-opensans-n7-active wf-fontawesome5regular-n4-active wf-fontawesome5solid-n4-active wf-fontawesome5brands-n4-active wf-active">

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>403</title>
    <meta content="width=device-width, initial-scale=1.0, shrink-to-fit=no" name="viewport">
    <link rel="icon" href="<?php asset('assets/img/icon.ico'); ?>" type="image/x-icon">
    <script src="<?php asset('assets/js/plugin/webfont/webfont.min.js'); ?>"></script>    
    <link rel="stylesheet" href="<?php asset('assets/css/fonts.css'); ?>" media="all">
    <script>
        WebFont.load({
            google: {
                "families": ["Open+Sans:300,400,600,700"]
            },
            custom: {
                "families": ["Flaticon"],
                urls: ['<?php asset('assets/css/fonts.css'); ?>']
            },
            active: function() {
                sessionStorage.fonts = true;
            }
        });
    </script>

    <!-- CSS Files -->
    <link rel="stylesheet" href="<?php asset('assets/css/bootstrap.min.css'); ?>">
    <link rel="stylesheet" href="<?php asset('assets/css/azzara.min.css'); ?>">
</head>

<body class="page-not-found">
    <div class="wrapper not-found">
        <h1 class="">403</h1>
        <div class="desc"><span>OOPS!</span><br>Acceso prohibido</div>
        <a href="<?php url('index'); ?>" class="btn btn-primary btn-back-home mt-4">
            <span class="btn-label mr-2">
                <i class="flaticon-home"></i>
            </span>
            Volver al inicio
        </a>
    </div>
</body>

</html>