<!DOCTYPE html>
<html lang='en'>

<head>
    <meta data-n-head='ssr' charset="utf-8">
    <meta data-n-head='ssr' name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Redirect -->
    <!-- <meta http-equiv="Refresh" content="0; url='https://www.patreon.com/disconnectbot'" /> -->
    <!-- <meta http-equiv="Refresh" content="0; url='/'" /> -->
    <!-- Head Information -->
    <title>Sayuchan Donation</title>
    <link data-n-head='ssr' rel='icon' type='image/x-icon' href='assets/logo.png'>

    <!-- Styles -->
    <link type='text/css' rel='stylesheet' href='styles/utilities.css'>
    <link type='text/css' rel='stylesheet' href='styles/common.css'>
    <link type='text/css' rel='stylesheet' href='styles/index.css'>

    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
        integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
        crossorigin="anonymous">

    <!-- Meta -->
    <meta name="robots" content="all" />
    <meta data-n-head='ssr' data-hid='theme-color' name='theme-color' content='#8f45d9'>
    <meta data-n-head='ssr' data-hid='og:type' name='og:type' content='website'>
    <meta data-n-head='ssr' data-hid='og:title' name='og:title' content='Sayuchan Donation'>
    <meta data-n-head='ssr' data-hid='og:url' name='og:url' content='http://sayuchan.ezyro.com/donation.html'>
    <meta data-n-head='ssr' data-hid='og:image' name='og:image'
        content='http://sayuchan.ezyro.com/assets/logo.png'>
    <meta data-n-head='ssr' data-hid='description' name='description' content='View the Sayuchan preium tiers!'>
    <meta data-n-head='ssr' data-hid='og:description' name='og:description'
        content='Sayuchan is a multi-purpose discord bot. Built with love and entertainment in mind to keep your discord members busy and active. But it does not stop there...'>

</head>

<body style='background-color: #292a2e'>
    <!-- Preloader -->

    <body class='preload'></body>

    <!-- Header -->
    <div class='navbar'>
        <div class='container full flex'>
            <a href='/' class='logo flex'>
                <img src='assets//logo.png' alt='Sayuchan Logo'>
                <p class='title'>Sayuchan</p>
            </a>
            <nav>
                <ul>
                    <li><a class='button' href='./commands.html'><span>Commands</span></a></li>
                    <li><a class='button' href='./docs.html'><span>Information</span></a></li>
                    <li><a class='button currentPage' href='./donation.html'><span>Donation</span></a></li>
                    <li><a class='button' href='./invite.html'><span>Invite Sayuchan</span></a></li>
                    <li><a class='button' href='./support.html'><span>Support</span></a></li>
                </ul>
            </nav>
        </div>
    </div>

    <!-- Showcase -->
    <div class='showcase'>
        <div class='container flex'>
            <div class='showcase-text'>
                <!-- <h1>Redirecting...</h1>
                <p>If you are not automatically redirected please click the button below to view Sayuchan Donation
                    tiers!</p> -->
                    <h1>Go Back To Home</h1>
                    <p>Coming Soon Donation Tier Patreon</p>
                <div class='buttons flex'>
                    <a class='button btn' href='index.html'><span><i
                                class="fas fa-home fa-2x"></i> Go Back Home</span></a>
                </div>
            </div>
        </div>
    </div>

    <!-- Footer -->
    <div class='footer'>
        <div class='container full grid'>
            <div class='branding'>
                <h4>Sayuchan</h4>
                <p>Copyright &copy; 2021-2022 Sayuchan</p>
            </div>
            <div class='flex'>
                <div class='footernav'>
                    <ul>
                        <li><a class='button' href='/'><span>Home</span></a></li>
                        <li><a class='button' href='commands.html'><span>Commands</span></a></li>
                        <li><a class='button' href='docs.html'><span>Information</span></a></li>
                    </ul>
                </div>
                <div class='footernav'>
                    <ul>
                        <li><a class='button' href='donation.html'><span>Donation</span></a></li>
                        <li><a class='button' href='support.html'><span>Support Server</span></a></li>
                        <li><a class='button' href='invite.html'><span>Invite Sayuchan</span></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- Scripts -->
    <script>$(window).load(function () { 'body'.removeClass('.preload'); });</script>
</body>

</html>