<!-- // created by : KuduSinau_Hendrik_081275532220 (TERIMAKASIH UNTUK MENDAPATKAN KEBERKAHAN, DENGAN TIDAK MERUBAH NAMA HAK CIPTA, PLAGIAT, DAN TIDAK MEMPERJUALBELIKAN APLIKASI INI, SEMOGA KITA SEMUA MENDAPAT MANFAAT DAN KEBERKAHAN DARI APLIKASI INI)
// created by : KuduSinau_Hendrik_081275532220 (UNTUK MASUKAN DAN SARAN SERTA PENGEMBANGAN BISA MENGHUBUNGI NOMOR) -->
<!DOCTYPE html>
<html lang="en-US">

<head>
    <meta charset="utf-8">
    <title><?= $title; ?>
        <meta content="yes" name="apple-mobile-web-app-capable">
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <meta content="ThemeWagon" name="author">
        <meta content="The most spectacular coming soon template!" name="description">
        <meta content="Comming Soon, Responsive, Landing Page, One Page" name="keywords">
        <meta content="The most spectacular coming soon template!">
        <meta content="ThemeWagon">
        <meta content="ThemeWagon">
        <meta content="website">
        <meta content="index.html">
        <meta content="summary" name="twitter:card">
        <meta content="@themewagon" name="twitter:site">
        <meta content="@themewagon" name="twitter:creator">
        <meta content="ThemeWagon" name="twitter:title">
        <meta content="Imminent - The most spectacular coming soon template!" name="twitter:description">
        <link rel="shortcut icon" type="image/x-icon" href="<?= base_url(); ?>/assets/login/images/icons/dr.ico">
        <link href="<?= base_url(); ?>/assets/soon/css/loader.css" rel="stylesheet" type="text/css">
        <link href="<?= base_url(); ?>/assets/soon/css/normalize.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" href="<?= base_url(); ?>/assets/soon/css/font-awesome.min.css">
        <link href="<?= base_url(); ?>/assets/soon/css/style.css" rel="stylesheet" type="text/css">
        <script src="<?= base_url(); ?>/assets/soon/js/jquery.js"></script>
</head>

<body>
    <div class="preloader">
        <div class="loading">
            <h2>
                Loading...
            </h2>
            <span class="progress"></span>
        </div>
    </div>
    <div class="wrapper">
        <ul class="scene unselectable" data-friction-x="0.1" data-friction-y="0.1" data-scalar-x="25" data-scalar-y="15" id="scene">
            <li class="layer" data-depth="0.00">
            </li>
            <li class="layer" data-depth="0.10">
                <div class="background">
                </div>
            </li>
            <li class="layer" data-depth="0.20">
                <div class="title">
                    <h2>
                        Digital Rapor by Kudu Sinau
                    </h2>
                    <span class="line"></span>
                </div>
            </li>
            <li class="layer" data-depth="0.25">
                <div class="sphere">
                    <img alt="sphere" src="<?= base_url(); ?>/assets/soon/images/kudusinau.png" width="150px">
                </div>
            </li>
            <li class="layer" data-depth="0.30">
                <div class="hero">
                    <h1 id="countdown">
                        Silahkan tunggu, Sedang proses pengujian sistem !
                    </h1>
                    <p class="sub-title">
                        Silahkan tunggu, Sedang proses pengujian sistem !
                    </p>
                </div>
            </li>
            <li class="layer" data-depth="0.40">
                <div class="depth-1 flake1">
                    <img alt="flake" src="<?= base_url(); ?>/assets/soon/images/flakes/depth1/flakes1.png">
                </div>
                <div class="depth-1 flake2">
                    <img alt="flake" src="<?= base_url(); ?>/assets/soon/images/flakes/depth1/flakes2.png">
                </div>
                <div class="depth-1 flake3">
                    <img alt="flake" src="<?= base_url(); ?>/assets/soon/images/flakes/depth1/flakes3.png">
                </div>
                <div class="depth-1 flake4">
                    <img alt="flake" src="<?= base_url(); ?>/assets/soon/images/flakes/depth1/flakes4.png">
                </div>
            </li>
            <li class="layer" data-depth="0.50">
                <div class="depth-2 flake1">
                    <img alt="flake" src="<?= base_url(); ?>/assets/soon/images/flakes/depth2/flakes1.png">
                </div>
                <div class="depth-2 flake2">
                    <img alt="flake" src="<?= base_url(); ?>/assets/soon/images/flakes/depth2/flakes2.png">
                </div>
            </li>
            <li class="layer" data-depth="0.60">
                <div class="depth-3 flake1">
                    <img alt="flake" src="<?= base_url(); ?>/assets/soon/images/flakes/depth3/flakes1.png">
                </div>
                <div class="depth-3 flake2">
                    <img alt="flake" src="<?= base_url(); ?>/assets/soon/images/flakes/depth3/flakes2.png">
                </div>
                <div class="depth-3 flake3">
                    <img alt="flake" src="<?= base_url(); ?>/assets/soon/images/flakes/depth3/flakes3.png">
                </div>
                <div class="depth-3 flake4">
                    <img alt="flake" src="<?= base_url(); ?>/assets/soon/images/flakes/depth3/flakes4.png">
                </div>
            </li>
            <li class="layer" data-depth="0.80">
                <div class="depth-4">
                    <img alt="flake" src="<?= base_url(); ?>/assets/soon/images/flakes/depth4/flakes.png">
                </div>
            </li>
            <li class="layer" data-depth="1.00">
                <div class="depth-5">
                    <img alt="flake" src="<?= base_url(); ?>/assets/soon/images/flakes/depth5/flakes.png">
                </div>
            </li>
            <li class="layer" data-depth="0.20">
                <div class="contact">
                    <ul class="icons">
                        <li>
                        </li>
                        <li>
                        </li>
                        <li>
                        </li>
                    </ul>
                    <p>Copyright &#169; 2021 | <?= $nama; ?> V.04 by <?= $footer; ?></p>
                </div>
            </li>
        </ul>
    </div>
    <script src="<?= base_url(); ?>/assets/soon/js/plugins.js"></script>
    <script src="<?= base_url(); ?>/assets/soon/js/jquery.countdown.min.js"></script>
    <script src="<?= base_url(); ?>/assets/soon/js/main.js"></script>
</body>

</html>