<!DOCTYPE html>
<html lang="en" dir="ltr" data-nav-layout="horizontal" data-nav-style="menu-hover" data-theme-mode="light">
        
    <head>
        <!-- META DATA -->
        <meta charset="UTF-8">
        <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="author" content="Spruko Technologies Private Limited">
        <meta name="keywords" content="Hosting Website Templates, PHP Hosting Website Template, Hosting PHP Template, Professional Hosting PHP Template, Top Web Hosting PHP Templates, Web Hosting PHP Template, web hosting Bootstrap template, This professional Hosting PHP Template, Web Hosting Template, Bootstrap hosting template, Web Hosting Template Bootstrap, Bootstrap Web Hosting Template, Web Hosting Programming Template.">

        <!-- TITLE -->
        <title>Hostma – PHP Modern Web Hosting Template </title>
        
        <!-- FAVICON -->
        <link rel="icon" href="../assets/images/brand/favicon.ico" type="image/x-icon">
        
        <?php include '../layouts/styles.php'; ?>
    
    </head>

    <body class="main-body light-theme construction-bg">
        
        <!-- BACK-TO-TOP -->
        <a href="#top" id="back-to-top" class="back-to-top rounded-circle shadow all-ease-03 fade-in">
            <i class="fe fe-arrow-up"></i>
        </a>
        <!-- END BACK-TO-TOP -->

        <!-- PAGE -->
        <div class="page">
            
            <!-- MAIN-CONTENT -->
            <div class="main-content app-content my-auto pt-0">
                <section class="section ">
                    <div class="container">
                        <div class="row justify-content-center align-items-center">
                            <div class="col-xl-5 col-lg-7 text-center">
                                <h1 class="construction-heading text-white">Under Construction</h1>
                                <p class="mb-5 text-white op-8">The Page you're looking for is currently under maintenance and will be back soon. Subscribe to get notified</p>
                                <div class="main d-sm-flex">
                                    <div class="counter-item">
                                        <h4 class="count_down">0</h4>
                                        <h5>Days</h5>
                                    </div>
                                    <div class="counter-item">
                                        <h4 class="count_down">0</h4>
                                        <h5>Hours</h5>
                                    </div>
                                    <div class="counter-item">
                                        <h4 class="count_down">0</h4>
                                        <h5>Minutes</h5>
                                    </div>
                                    <div class="counter-item">
                                        <h4 class="count_down">0</h4>
                                        <h5>Seconds</h5>
                                    </div>
                                </div>
                            </div>
                        </div>   
                        <div class="row justify-content-center align-items-center">
                            <div class="col-lg-5">
                                <form action="javascript:void(0);" class="form mt-5">
                                    <div class="form-group custom-form-group">
                                        <input type="Email" class="form-control form-control-lg border-0" placeholder="Enter Your Email...">
                                        <button class="custom-form-btn btn btn-lg bg-primary-gradient text-white border-0" type="button" id="btn-addon">Subscribe <i class="fa fa-paper-plane ms-1"></i></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <!-- END MAIN-CONTENT -->
        </div>
        <!-- END PAGE -->

        <!-- SCRIPTS -->

        <!-- BOOTSTRAP JS -->
        <script src="../assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>

        <!-- POPPER JS -->
        <script src="../assets/libs/@popperjs/core/umd/popper.min.js"></script>

        <!-- COUNTDOWN JS -->
        <script src="../assets/js/count-down.js"></script>

        <!-- SIMONWEP-PICKER JS -->
        <script src="../assets/libs/@simonwep/pickr/pickr.es5.min.js"></script>
        
        <!-- CUSTOM-SWITCHER JS -->
        <script src="../assets/js/custom-switcher.js"></script>

        <!-- CUSTOM JS -->
        <script src="../assets/js/custom.js"></script>

        <!-- END SCRIPTS -->

    </body>
</html>