ok
Direktori : /home2/selectio/www/wedding-info/php old code/ |
Current File : /home2/selectio/www/wedding-info/php old code/kyc-new.php |
<?php include('header.php'); ?> <div class="page-wrapper"> <div class="page-content"> <!--start stepper one--> <div id="stepper1" class="bs-stepper"></div> <!--end stepper one--> <!--start stepper two--> <div id="stepper2" class="bs-stepper"></div> <!--end stepper two--> <!--start stepper three--> <div class="card"> <div class="card-body"> <h6 class="mb-1" style="color:#f99631">KYC Verification Process</h6> <div id="stepper3" class="bs-stepper gap-4 vertical"> <div class="bs-stepper-header" role="tablist"> <div class="step" data-target="#test-vl-1"> <div class="step-trigger" role="tab" id="stepper3trigger1" aria-controls="test-vl-1"> <div class="bs-stepper-circle"><i class='bx bx-user fs-4'></i></div> <div class=""> <h5 class="mb-0 steper-title">Business Type</h5> <p class="mb-0 steper-sub-title">Enter Your Details</p> </div> </div> </div> <div class="step" data-target="#test-vl-2"> <div class="step-trigger" role="tab" id="stepper3trigger2" aria-controls="test-vl-2"> <div class="bs-stepper-circle"><i class='bx bx-file fs-4'></i></div> <div class=""> <h5 class="mb-0 steper-title">Photo Identification</h5> <p class="mb-0 steper-sub-title">Upload your proof</p> </div> </div> </div> <div class="step" data-target="#test-vl-3"> <div class="step-trigger" role="tab" id="stepper3trigger3" aria-controls="test-vl-3"> <div class="bs-stepper-circle"><i class='bx bxs-graduation fs-4'></i></div> <div class=""> <h5 class="mb-0 steper-title">Document Verification</h5> <p class="mb-0 steper-sub-title">Aadhaar or Upolading <br>Document Verification</p> </div> </div> </div> </div> <div class="bs-stepper-content"> <form onSubmit="return false"> <div id="test-vl-1" role="tabpane3" class="bs-stepper-pane content fade" aria-labelledby="stepper3trigger1"> <h5 class="mb-1">Please confirm your business type</h5> <p class="mb-4">select any one business type...</p> <div class="row g-3"> <div class="col-12 col-lg-12 card " style="padding-top: 12px;background: bisque;"> <label class="form-check-label cursor-pointer " for="check_1"> <div class="row "> <div class="col-sm-1 " style="text-align:right;"> <div class="form-check form-check-success"> <input type="radio" name="business_type" checked class="form-check-input" id="check_1" style="margin-top:10px;"> </div> </div> <div class="col-sm-11"> <label for="FisrtName" class="form-label"><b style="font-size:14px;">Individual</b></label> <p>A Seller who is selling through online selling platforms, and has not registered his/her firm under Companies Act 2013</p> </div> </div> </label> </div> <div class="col-12 col-lg-12 card " style="padding-top: 12px;background: #c5dfeb;margin-top: -15px;"> <label class="form-check-label cursor-pointer " for="check_2"> <div class="row "> <div class="col-sm-1 " style="text-align:right;"> <div class="form-check form-check-success"> <input type="radio" name="business_type" class="form-check-input" id="check_2" style="margin-top:10px;"> </div> </div> <div class="col-sm-11"> <label for="FisrtName" class="form-label"><b style="font-size:14px;">Sole Proprietor</b></label> <p>Registered company as ‘Sole Proprietor’ under Companies Act 2013</p> </div> </div> </label> </div> <div class="col-12 col-lg-12 card " style="padding-top: 12px;background: #dbc4ff;margin-top: -15px;"> <label class="form-check-label cursor-pointer " for="check_3"> <div class="row "> <div class="col-sm-1 " style="text-align:right;"> <div class="form-check form-check-success"> <input type="radio" name="business_type" class="form-check-input" id="check_3" style="margin-top:10px;"> </div> </div> <div class="col-sm-11"> <label for="FisrtName" class="form-label"><b style="font-size:14px;">Company</b></label> <p>Registered company as ‘LLP’, ‘Private’, ‘Subsidiary’, ‘Holding’, etc, under Companies Act 2013</p> <select class="form-control"> <option>Select Company Type</option> <option>Partnership</option> <option>Limited Liability Partnership</option> <option>Public Limited Company</option> <option>Private Limited Company</option> </select> </div> </div> </label> </div> <div class="col-12 col-lg-6"> <button class="btn btn-sm btn-success" type="submit" name="buyer_submit">Next<i class="bx bx-right-arrow-alt ms-2"></i></button> <button class="btn btn-primary px-4" onclick="stepper3.next()">Next<i class='bx bx-right-arrow-alt ms-2'></i></button> </div> </div><!---end row--> </div> <div id="test-vl-2" role="tabpane3" class="bs-stepper-pane content fade" aria-labelledby="stepper3trigger2"> <h5 class="mb-1">Upload Photo Identification</h5> <div class="row g-3"> <div class="col-12 col-lg-6"> <input type="file" capture="camera" accept="image/*" name="logo" class="form-control" id="imgInp" placeholder="Upload Logo"> <br><br> <div class="d-flex align-items-center gap-3"> <button class="btn btn-sm btn-info" onclick="stepper3.previous()"><i class='bx bx-left-arrow-alt me-2'></i>Previous</button> <button class="btn btn-success btn-sm" onclick="stepper3.next()">Next<i class='bx bx-right-arrow-alt ms-2'></i></button> </div> </div> <div class="col-12 col-lg-6 card"> <center><img id="blah" src="https://icons.iconarchive.com/icons/paomedia/small-n-flat/512/profile-icon.png" alt="your image" style="width: 200px;height: 200px;"/></center> </div> </div><!---end row--> </div> <div id="test-vl-3" role="tabpane3" class="bs-stepper-pane content fade" aria-labelledby="stepper3trigger3"> <h5 class="mb-1">Your Education Information</h5> <p class="mb-4">Inform companies about your education life</p> <div class="row g-3"> <div class="col-12 col-lg-6"> <label for="SchoolName" class="form-label">School Name</label> <input type="text" class="form-control" id="SchoolName" placeholder="School Name"> </div> <div class="col-12 col-lg-6"> <label for="BoardName" class="form-label">Board Name</label> <input type="text" class="form-control" id="BoardName" placeholder="Board Name"> </div> <div class="col-12 col-lg-6"> <label for="UniversityName" class="form-label">University Name</label> <input type="text" class="form-control" id="UniversityName" placeholder="University Name"> </div> <div class="col-12 col-lg-6"> <label for="InputCountry" class="form-label">Course Name</label> <select class="form-select" id="InputCountry" aria-label="Default select example"> <option selected>---</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> </div> <div class="col-12"> <div class="d-flex align-items-center gap-3"> <button class="btn btn-outline-secondary px-4" onclick="stepper3.previous()"><i class='bx bx-left-arrow-alt me-2'></i>Previous</button> <button class="btn btn-primary px-4" onclick="stepper3.next()">Next<i class='bx bx-right-arrow-alt ms-2'></i></button> </div> </div> </div><!---end row--> </div> </form> </div> </div> </div> </div> <!--end stepper three--> <!--start overlay--> <div class="overlay toggle-icon"></div> <!--end overlay--> <!--Start Back To Top Button--> <a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> <!--End Back To Top Button--> <!-- <div class=" card card-body"> </div>--> </div> </div> <script> imgInp.onchange = evt => { const [file] = imgInp.files if (file) { blah.src = URL.createObjectURL(file) } } </script> <?php include('footer.php'); ?>