<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Link Expired</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
          rel="stylesheet"
          integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
          crossorigin="anonymous">
</head>
<style>
    section {
        padding: 20px 0;
    }

    .mtg-logo {
        width: auto;
    }

    .mainrow {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .mainrow img {
        width: 500px;
        margin-bottom: 20px;
    }

    .mainrow h5 {
        font-size: 24px !important;
        font-size: medium;
        margin-bottom: 10px;
    }

    .mainrow p {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .mainrow button {
        color: #fff;
        background-color: #12439B;
        padding: 15px 50px;
        border-radius: 50px;
        font-size: 14px;
        width: auto;
    }
</style>
<body>
<section>
    <div class="container">
        <div class="row">
            <img src="/static/Mtg_log.png" alt="" class="mtg-logo">
        </div>
        <div class="row mainrow">
            <img src="/static/link-expired.png" alt="">
            <h5>Link Expired</h5>
            <p>Sorry, it seems like the link you provided has expired.</p>
            <button onclick="redirectToUrl()" class="btn btn-primary">Back</button>
        </div>
    </div>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
        crossorigin="anonymous"></script>
<script>
    function redirectToUrl() {
        window.location.href = 'https://medtransgo.com';
    }
</script>
</body>
</html>
