<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Error!</title>
        <!-- <meta http-equiv="refresh" content="10; https://pay.evopay.africa/app"> -->
        <meta http-equiv="refresh" content="15; url=/app">
        <link rel="stylesheet" type="text/css" href="/ticket/css/index.css">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link rel="icon" type="image/png" href="/ticket/app_icon.png">
        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
        <link rel="stylesheet" type="text/css" href="/ticket/css/index.css">
        <script src="/ticket/js/evopay.js"></script>
    </head>
    <body>
        <div id="rec">
            <div class="container" style="text-align:center;">
                <div class="row row1">
                    <img src="/ticket/images/bannertop2.png" alt="Evopay Banner" id="topimagess" style="padding: 0px;" class="img-fluid" loading="lazy">
                </div>
                <div class="row">
                    <br>
                    <br>
                    <div class="col">
                        <div class="card" id="card1">
                            <div class=card-body>
                                <h3 class="card-title" style="font-family: 'Poppins', sans-serif; font-weight: 900; font-size: 30px;"> SORRY !!! </h3>
                                <br>
                                <div>
                                    <img src="/ticket/images/undraw_page_not_found_re_e9o6 1.png" alt="">
                                </div>
                                <br>
                                <h5 class="card-subtitle" style="color: red;"></h5>
                                <br>
                                <h5 class="card-subtitle" style="font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 13px;"> Seems we cannot find your No. Plate or TicketId<br> <span class="textorange"> Please visit the onsite parking office <br> or call Customer Care on 0709639111/116.</span></h5>
                                <br>
                            </div>
                        </div>
                    </div>
                </div>
               
                <div class="row">
					<!-- <form action="#" th:action="@{/__${epan}__}" th:method="get" > -->
                        <!-- <button class="paybtn">Try again</button> -->
                    <!-- </form> -->
                    <a href="/" > <button class="cardbtn"> Try again </button> </a>
                </div>
                <br>
                <div class="row" style="padding: 2px;">
                    <div class="advert-container" style="border: 0px solid #E25A26; margin-top: 10px;">
                        <!-- <img src="/ticket/images/advert/advert5.png" loading="lazy" alt="Advertisement" class="advert-image img-fluid"> -->
                        <!-- <img src="/ticket/images/advert/advert6.png" loading="lazy" alt="Advertisement" class="advert-image img-fluid"> -->
                        <img src="/ticket/images/advert/advert4.png" loading="lazy" alt="Advertisement" class="advert-image img-fluid">
                    </div>
                </div>
                
                <!-- <div class="footer">
                    <img src="/ticket/images/Group 7.png" alt="">
                </div> -->
            </div>

        </div>
    </body>
</html>