ok

Mini Shell

Direktori : /home2/selectio/public_html/wedding-info/php old code/
Upload File :
Current File : //home2/selectio/public_html/wedding-info/php old code/kyc.php

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