<?php 

include 'function/connect.php'; 

$cuk = mysqli_query($koneksi, "SELECT * FROM tb_web");
$cek_web = mysqli_fetch_array($cuk);
$status_web = $cek_web['status'];


if ($status_web == "active") {
    header("Location:index.php");
}

?>
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pemeliharaan Situs</title>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
    <style>

        <picture><source srcset="//d2rzzcn1jnr24x.cloudfront.net/Images/maintenance/stripe-bar.webp?v=20240813" type="image/webp"><source srcset="//d2rzzcn1jnr24x.cloudfront.net/Images/maintenance/stripe-bar.png?v=20240813" type="image/png"><img loading="lazy" src="//d2rzzcn1jnr24x.cloudfront.net/Images/maintenance/stripe-bar.png?v=20240813"></picture>
    </div>
html,body,.maintenance-container {
    width: 100%;
    height: 100%
}

body {
    color: #fff;
    background: center no-repeat;
    background-size: cover
}

.maintenance-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    overflow: auto
}

.maintenance-container main {
    display: flex;
    align-items: center
}

.maintenance-container main section {
    margin: 3em 1em 2em
}

.maintenance-container main section h1,.maintenance-container main section h3 {
    color: #ffb902;
    text-transform: uppercase;
    margin: 0
}

.maintenance-container main section h1 {
    margin-top: .2em;
    font-size: 5em
}

.maintenance-container main section h3 {
    font-size: 2.5em
}

.maintenance-container main section h4 {
    font-size: 1.5em;
    margin-bottom: 1.5em
}

.maintenance-container main section h4 span {
    display: block;
    margin: 5px 0;
    text-transform: uppercase;
    font-size: .8em
}

.maintenance-container main section:first-child {
    text-align: center
}

.maintenance-container main section:last-child {
    font-size: 1.4em
}

.maintenance-container img {
    max-width: 100%
}

@media(max-width: 480px) {
    body {
        font-size:12px
    }

    .maintenance-container {
        display: block;
        text-align: center
    }

    .maintenance-container main {
        display: block
    }

    .maintenance-container main img {
        display: none
    }
}
    </style>
</head>
<body style="background-image: url(//d2rzzcn1jnr24x.cloudfront.net/Images/maintenance/background.jpg?v=20240813);">
    <div class="maintenance-container">
<picture><source srcset="//d2rzzcn1jnr24x.cloudfront.net/Images/platform-engine/amb-engine.webp?v=20240813" type="image/webp"><source srcset="//d2rzzcn1jnr24x.cloudfront.net/Images/platform-engine/amb-engine.png?v=20240813" type="image/png"><img class="powered-by-logo" height="40" loading="lazy" src="//d2rzzcn1jnr24x.cloudfront.net/Images/platform-engine/amb-engine.png?v=20240813"></picture>        <main>
            <section>
                <picture><source srcset="//d2rzzcn1jnr24x.cloudfront.net/Images/maintenance/alert.webp?v=20240813" type="image/webp"><source srcset="//d2rzzcn1jnr24x.cloudfront.net/Images/maintenance/alert.png?v=20240813" type="image/png"><img loading="lazy" src="//d2rzzcn1jnr24x.cloudfront.net/Images/maintenance/alert.png?v=20240813"></picture>
                <h1>Under</h1>
                <h3>Maintenance</h3>
            </section>
            <section>
                <p>We are going under maintenance now. Please come back later.</p>
                <p>Kami sedang dalam pemeliharaan sekarang. Silakan kembali lagi nanti.</p>
                <p>我们现在正在维修，请稍后再回来。</p>
                <p>현재 점검 중입니다.</p>
                <p>เรากำลังอยู่ในระหว่างการบำรุงรักษาโปรดกลับมาใหม่ในภายหลัง.</p>
                <p>Chúng tôi đang bảo trì ngay bây giờ. Vui lòng quay lại sau.</p>
                    <h4>        
                        
                        <span>will be normal estimate in an hour</span>
                       
            </section>
        </main>


</body>
</html>