<!doctype html>
<html lang="en" dir="ltr">

	<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 custom-bg zindex-0">

        <!-- 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 -->

        <!-- MAIN-CONTENT -->
        <div class="page justify-content-center">
            <div class="main-content app-content pt-0">
                <section class="section banner-pd-1">
                    <div class="container">
                        <div class="heading-section">
                            <div class="heading-subtitle"><span class="tx-primary tx-16 fw-semibold">Login</span></div>
                            <div class="heading-title">Login to your <span class="tx-primary">Account</span></div>
                        </div>
                        <div class="row justify-content-center align-items-center">
                            <div class="col-xl-4 col-lg-6 mt-3">
                                <a href="index.php">
                                    <img src="../assets/images/brand/logo-color.png" alt="img" class="auth-logo logo-color mb-4 mx-auto">
                                    <img src="../assets/images/brand/logo-white.png" alt="img" class="auth-logo logo-dark mb-4 mx-auto">
                                </a>
                                <div class="card border mb-0">
                                    <div class="card-body p-sm-6">
                                        <h3 class="mb-1">Login</h3>
                                        <p class="mb-4 tx-muted">Sign in to your account to continue.</p>
                                        <form class="form-horizontal" action="index.php">
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <div class="mb-3">
                                                        <label class="mb-2 fw-500">Email<span class="tx-danger ms-1">*</span></label>
                                                        <input class="form-control ms-0" type="email" placeholder="Enter your Email">
                                                    </div>
                                                </div>
                                                <div class="col-sm-12">
                                                    <div class="mb-3">
                                                        <label class="mb-2 fw-500">Password<span class="tx-danger ms-1">*</span></label>
                                                        <div class="input-group">
                                                            <input class="form-control ms-0 border-end-0" type="password" placeholder="Enter your Password" id="password">
                                                            <a href="javascript:void(0)" class="input-group-text bg-transparent tx-muted">
                                                                <i class="fe fe-eye tx-muted op-7" id="showPassword"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-xl-12">
                                                    <div class="d-flex mb-3">
                                                        <div class="form-check">
                                                            <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                                                            <label class="form-check-label tx-15" for="flexCheckDefault">
                                                                Remember me
                                                            </label>
                                                        </div>
                                                        <div class="ms-auto">
                                                            <a href="forgot-password.php" class="tx-primary ms-1 tx-13">Forgot Password?</a>
                                                        </div>
                                                    </div>
                                                    <div class="d-grid mb-3">
                                                        <a href="index.php" class="btn btn-primary"> Login</a>
                                                    </div>
                                                    <div class="d-grid mb-3">
                                                        <button type="button" class="btn btn-white border"><img src="../assets/images/png/45.png" class="me-2" alt="img" width="20">Continue with Google</button>
                                                    </div>
                                                    <div class="text-center">
                                                        <p class="mb-0 tx-14">Don't have an account yet?
                                                            <a href="register.php" class="tx-primary ms-1">Sign Up</a>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
        <!-- END MAIN-CONTENT -->

        <!-- 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>

        <!-- SHOW PASSWORD JS -->
        <script src="../assets/js/show-password.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>

    </body>
</html>