ok
Mini Shell
<?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'); ?>
Zerion Mini Shell 1.0