<?php include 'header1.php'; ?>
   
    <div class="row authentication authentication-cover-main mx-0">
        <div class="col-xxl-9 col-xl-9">
            <div class="row justify-content-center align-items-center h-100">
                <div class="col-xxl-4 col-xl-5 col-lg-6 col-md-6 col-sm-8 col-12">
                    <div class="card custom-card border-0  shadow-none my-4">
                        <div class="card-body p-5">
                            <div>
                                <h4 class="mb-1 fw-semibold">Create your account</h4>
                                <p class="mb-4 text-muted fw-normal">Please enter valid credentials</p>
                            </div>
                            <div class="row gy-3">
                                <div class="col-xl-12"> 
                                    <label for="signup-username" class="form-label text-default">User Name</label> 
                                    <input type="text" class="form-control" id="signup-username" placeholder="Enter User Name" value="Tom Phillip"> 
                                </div>
                                <div class="col-xl-12">
                                    <label for="signin-email" class="form-label text-default">Email</label>
                                    <input type="text" class="form-control" id="signin-email" placeholder="Enter Email" value="tomphillip21@gmail.com">
                                </div>
                                <div class="col-xl-12 mb-2">
                                    <label for="signin-password" class="form-label text-default d-block">Password</label>
                                    <div class="position-relative">
                                        <input type="password" class="form-control" id="signin-password" placeholder="Enter Password" value="12345678">
                                        <a href="javascript:void(0);" class="show-password-button text-muted" onclick="createpassword('signin-password',this)" id="button-addon2"><i class="ri-eye-off-line align-middle"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="d-grid mt-3">
                                <a href="index.html" class="btn btn-primary">Sign In</a>
                            </div>
                        
                            <div class="text-center mt-3 fw-medium">
                                Already have a account? <a href="sign-in-basic.html" class="text-primary">Login Here</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xxl-3 col-xl-3 col-lg-12 d-xl-block d-none px-0">
            <div class="authentication-cover overflow-hidden">
                <div class="authentication-cover-logo">
                    <a href="index.html">
                    <img src="https://sprukomarket.com/products/html/bootstrap/vyzor/dist/assets/images/brand-logos/toggle-logo.png" alt="logo" class="desktop-dark"> 
                    </a>
                </div>
                <div class="authentication-cover-background">
                    <img src="https://sprukomarket.com/products/html/bootstrap/vyzor/dist/assets/images/media/backgrounds/9.png" alt="">
                </div>
                <div class="authentication-cover-content">
                    <div class="p-5">
                        <h3 class="fw-semibold lh-base">Welcome to Dashboard</h3>
                        <p class="mb-0 text-muted fw-medium">Manage your website and content with ease using our powerful admin tools.</p>
                    </div>
                    <div>
                        <img src="https://sprukomarket.com/products/html/bootstrap/vyzor/dist/assets/images/media/media-72.png" alt="" class="img-fluid">
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php include 'footer1.php'; ?>
