ok
Mini Shell
<?php include('header.php'); ?>
<style>
.individual{
padding: 20px;
}
.individual:hover{
border: 1px solid #5ba8a378;
padding: 20px;
border-radius: 26px;
}
</style>
<div class="page-wrapper">
<div class="page-content">
<div id="stepper1" class="bs-stepper">
<div class="card">
</div>
</div>
<h6 class="text-uppercase">Linear Stepper</h6>
<hr>
<div id="stepper2" class="bs-stepper">
<div class="card">
<div class="card-header">
<div class="d-lg-flex flex-lg-row align-items-lg-center justify-content-lg-between" role="tablist">
<div class="step" data-target="#test-nl-1">
<div class="step-trigger" role="tab" id="stepper2trigger1" aria-controls="test-nl-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>
</div>
</div>
</div>
<div class="bs-stepper-line"></div>
<div class="step" data-target="#test-nl-2">
<div class="step-trigger" role="tab" id="stepper2trigger2" aria-controls="test-nl-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>
</div>
</div>
</div>
<div class="bs-stepper-line"></div>
<div class="step" data-target="#test-nl-3">
<div class="step-trigger" role="tab" id="stepper2trigger3" aria-controls="test-nl-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>
</div>
</div>
</div>
</div>
</div>
<div class="card-body">
<div class="bs-stepper-content">
<form onSubmit="return false">
<div id="test-nl-1" role="tabpanel" class="bs-stepper-pane" aria-labelledby="stepper2trigger1">
<h5 class="mb-1">Please confirm your Business Type</h5>
<div class="row g-3" style="margin-top:2%;">
<div class="col-12 col-lg-12 individual" id="individual">
<div class="row">
<div class="col-sm-1" style="text-align:right;"><input type="radio"></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>
</div>
<div class="col-12 col-lg-12 individual">
<div class="row">
<div class="col-sm-1" style="text-align:right;"><input type="radio"></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>
</div>
<div class="col-12 col-lg-12 individual">
<div class="row">
<div class="col-sm-1" style="text-align:right;"><input type="radio"></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>
<br>
<div class="row">
<div class="col-sm-4">
<div class="form-group">
<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>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<button class="btn btn-primary px-4" onclick="stepper2.next()">Next<i class='bx bx-right-arrow-alt ms-2'></i></button>
</div>
</div><!---end row-->
</div>
<div id="test-nl-2" role="tabpanel" class="bs-stepper-pane" aria-labelledby="stepper2trigger2">
<h5 class="mb-1">Account Details</h5>
<p class="mb-4">Enter Your Account Details.</p>
<div class="row g-3">
<div class="col-12 col-lg-6">
<label for="InputUsername" class="form-label">Username</label>
<input type="text" class="form-control" id="InputUsername" placeholder="jhon@123">
</div>
<div class="col-12 col-lg-6">
<label for="InputEmail2" class="form-label">E-mail Address</label>
<input type="text" class="form-control" id="InputEmail2" placeholder="example@xyz.com">
</div>
<div class="col-12 col-lg-6">
<label for="InputPassword" class="form-label">Password</label>
<input type="password" class="form-control" id="InputPassword" value="12345678">
</div>
<div class="col-12 col-lg-6">
<label for="InputConfirmPassword" class="form-label">Confirm Password</label>
<input type="password" class="form-control" id="InputConfirmPassword" value="12345678">
</div>
<div class="col-12">
<div class="d-flex align-items-center gap-3">
<button class="btn btn-outline-secondary px-4" onclick="stepper2.previous()"><i class='bx bx-left-arrow-alt me-2'></i>Previous</button>
<button class="btn btn-primary px-4" onclick="stepper2.next()">Next<i class='bx bx-right-arrow-alt ms-2'></i></button>
</div>
</div>
</div><!---end row-->
</div>
<div id="test-nl-3" role="tabpanel" class="bs-stepper-pane" aria-labelledby="stepper2trigger3">
<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="stepper2.previous()"><i class='bx bx-left-arrow-alt me-2'></i>Previous</button>
<button class="btn btn-primary px-4" onclick="stepper2.next()">Next<i class='bx bx-right-arrow-alt ms-2'></i></button>
</div>
</div>
</div><!---end row-->
</div>
<div id="test-nl-4" role="tabpanel" class="bs-stepper-pane" aria-labelledby="stepper2trigger4">
<h5 class="mb-1">Work Experiences</h5>
<p class="mb-4">Can you talk about your past work experience?</p>
<div class="row g-3">
<div class="col-12 col-lg-6">
<label for="Experience1" class="form-label">Experience 1</label>
<input type="text" class="form-control" id="Experience1" placeholder="Experience 1">
</div>
<div class="col-12 col-lg-6">
<label for="Position1" class="form-label">Position</label>
<input type="text" class="form-control" id="Position1" placeholder="Position">
</div>
<div class="col-12 col-lg-6">
<label for="Experience2" class="form-label">Experience 2</label>
<input type="text" class="form-control" id="Experience2" placeholder="Experience 2">
</div>
<div class="col-12 col-lg-6">
<label for="PhoneNumber" class="form-label">Position</label>
<input type="text" class="form-control" id="PhoneNumber" placeholder="Position">
</div>
<div class="col-12 col-lg-6">
<label for="Experience3" class="form-label">Experience 3</label>
<input type="text" class="form-control" id="Experience3" placeholder="Experience 3">
</div>
<div class="col-12 col-lg-6">
<label for="PhoneNumber" class="form-label">Position</label>
<input type="text" class="form-control" id="PhoneNumber" placeholder="Position">
</div>
<div class="col-12">
<div class="d-flex align-items-center gap-3">
<button class="btn btn-primary px-4" onclick="stepper2.previous()"><i class='bx bx-left-arrow-alt me-2'></i>Previous</button>
<button class="btn btn-success px-4" onclick="stepper2.next()">Submit</button>
</div>
</div>
</div><!---end row-->
</div>
</form>
</div>
</div>
</div>
</div>
<!--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>
<style>
table{ width:100%;font-size:14px;font-family: SFProDisplay-Semibold;}
th{padding:10px;font-weight:bold;}
td{padding:7px;}
tr{margin:5px;}
thead,tr{
border: 0 solid transparent;
margin-bottom: 1.5rem;
border-radius:5px;
box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}.span-success{
background: #819558;
color: white;
padding: 3px 6px 3px 6px;
border-radius: 15px;
}
}
</style>
<script>
function custom_view(file_name,id){
$('#loader').show();$('#new_con').empty();
$('#'+id).load("ui-pages/orders/"+file_name+".php");
$('#loader').hide();
}
$(document).ready(function(){
$('#loader').show();
$('#all_con').load("ui-pages/orders/all_con.php");
$('#loader').hide();
});
</script>
<?php include('footer.php'); ?>
Zerion Mini Shell 1.0