<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>
   Under Construction
        </title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <!-- Google Font -->
        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&amp;display=swap" rel="stylesheet">
        <style>
            body {
                margin              : 0;
                font-family         : "Poppins", sans-serif;
                background          : linear-gradient(135deg, #0f172a, #1e293b);
                color               : white;
                display             : flex;
                justify-content     : center;
                align-items         : center;
                height              : 100vh;
                text-align          : center;
            }
            .container {
                max-width           : 600px;
                padding             : 20px;
            }
            h1 {
                font-size           : 3rem;
                margin-bottom       : 10px;
            }
            p {
                font-size           : 1.2rem;
                color               : #cbd5f5;
                margin-bottom       : 30px;
            }
            .loader {
                width               : 60px;
                height              : 60px;
                border              : 5px solid rgba(255,255,255,0.2);
                border-top          : 5px solid #38bdf8;
                border-radius       : 50%;
                animation           : spin 1s linear infinite;
                margin              : 0 auto 30px;
            }
            @keyframes spin {
                0%
                 
                { transform: rotate(0deg); }
                
                   
                100%
                 
                { transform: rotate(360deg); }
            }
            .footer {
                font-size           : 0.9rem;
                color               : #94a3b8;
                margin-top          : 20px;
            }
            a {
                color               : #38bdf8;
                text-decoration     : none;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="loader">
            </div>
            <h1>
                We&rsquo;re Working On It
            </h1>
            <p>
                Our website is currently under construction.
                We&rsquo;ll be back very soon with something amazing.
            </p>
            <div class="footer">
                Contact:
                <a href="mailto:[email protected]">
                    [email protected]
                </a>
            </div>
        </div>
    </body>
</html>