Gecko [ dp-client.com ]

Name	Size	Permission
calculator	[ DIR ]	drwxr-xr-x
css	[ DIR ]	drwxr-xr-x
fonts	[ DIR ]	drwxr-xr-x
images	[ DIR ]	drwxr-xr-x
img	[ DIR ]	drwxr-xr-x
includes	[ DIR ]	drwxr-xr-x
js	[ DIR ]	drwxr-xr-x
about.php	1.6 KB	-rw-r--r--
apply-now.php	11.65 KB	-rw-r--r--
blog-single.php	2.91 KB	-rw-r--r--
blog.php	4.36 KB	-rw-r--r--
calculator.php	5.79 KB	-rw-r--r--
contact.php	4.18 KB	-rw-r--r--
faq.php	4.3 KB	-rw-r--r--
index.php	18.53 KB	-rw-r--r--
single-loan.php	5.12 KB	-rw-r--r--

Code Editor : apply-now.php

<?php include("includes/header.php");?>
<div class="page-header">
   <div class="container">
      <div class="row">
         <div class="col-md-12 text-center">
            <h2>Loan Calculator</h2>
            <nav aria-label="breadcrumb">
               <ol class="breadcrumb">
                  <li class="breadcrumb-item"><a href="#">Home</a></li>
                  <li class="breadcrumb-item active" aria-current="page">Loan Calculator</li>
               </ol>
            </nav>
         </div>
      </div>
   </div>
</div>

<section class="loan-deatils-area bg_disable pt-130 pb-120">
   <div class="container">
      <div class="row row pt-5 pb-5">
         <div class="col-lg-3">
            <div class="stepper-widget mt-sm-5 px-3 px-sm-0">
               <ul>
                  <li class="lone-da active mt-0">
                     <a href="">
                        <div class="number"><i class="icon_check"></i> <span>1</span></div>
                        Loan
                        Details
                     </a>
                  </li>
                  <li class="verify-w">
                     <a href="">
                        <div class="number"><i class="icon_check"></i> <span>2</span></div>
                        Verify
                     </a>
                  </li>
               </ul>
            </div>
         </div>
         <div class="col-lg-9">
            <div class="loan-details-widget bg_white">
               <form action="">
                  <div class="Step-1">
                     <div class="row mb-35 gy-4">
                        <div class="col-lg-3 col-md-6">
                           <input class="select-loan-type-radio" name="select-loan-type" type="radio"
                              id="Personal_loan">
                           <label for="Personal_loan" class="loan-type">
                           <img src="calculator/icon-4.1.png" alt="icon">
                           <img src="calculator/icon-4.2.png" alt="icon">
                           <span>Personal Loan</span>
                           </label>
                        </div>
                        <div class="col-lg-3 col-md-6">
                           <input class="select-loan-type-radio" name="select-loan-type" type="radio"
                              id="Home_loan">
                           <label for="Home_loan" class="loan-type">
                           <img src="calculator/icon-5.1.png" alt="icon">
                           <img src="calculator/icon-5.2.png" alt="icon">
                           <span>home Loan</span>
                           </label>
                        </div>
                        <div class="col-lg-3 col-md-6">
                           <input class="select-loan-type-radio" name="select-loan-type" type="radio"
                              id="Buisness_loan">
                           <label for="Buisness_loan" class="loan-type">
                           <img src="calculator/icon-6.1.png" alt="icon">
                           <img src="calculator/icon-6.2.png" alt="icon">
                           <span>Buisness Loan</span>
                           </label>
                        </div>
                        <div class="col-lg-3 col-md-6">
                           <input class="select-loan-type-radio" name="select-loan-type" type="radio"
                              id="Car_loan">
                           <label for="Car_loan" class="loan-type">
                           <img src="calculator/icon-7.1.png" alt="icon">
                           <img src="calculator/icon-7.2.png" alt="icon">
                           <span>car Loan</span>
                           </label>
                        </div>
                     </div>
                     <div class="row gy-4">
                        <div class="col-md-6 mb-3">
                           <label class="label" for="First-name">First Name</label>
                           <div class="input-field">
                              <input type="text" id="f-name" name="" class="form-control" required>
                           </div>
                        </div>
                        <div class="col-md-6  mb-3">
                           <label class="label" for="Last-name">Last Name</label>
                           <div class="input-field">
                              <input type="text" id="Last-name" name="" class="form-control" required>
                           </div>
                        </div>
                        <div class="col-md-6  mb-3">
                           <label class="label" for="email">Email</label>
                           <div class="input-field">
                              <input type="email" id="email-name" name="" class="form-control" required>
                           </div>
                        </div>
                        <div class="col-md-6  mb-3">
                           <label class="label" for="Telephone-No">Telephone No</label>
                           <div class="input-field">
                              <input type="number" id="Telephone" name="" class="form-control" required>
                           </div>
                        </div>
                        <div class="col-md-6 mb-3">
                           <label class="label" for="loan-amount">Yout loan amount</label>
                           <div class="input-field">
                              <span>$</span>
                              <input type="number" id="loan-amount" class="form-control" required> 
                           </div>
                           <p class="mb-0"><small>Minimum loan amount is 100,000 baht</small></p>
                        </div>
                        <div class="col-md-6 mb-3">
                           <label class="label" for="Province">Province</label>
                           <select class="w-100 required" id="">
                              <option value="">Bangkok</option>
                              <option value="">Bangkok 2</option>
                           </select>
                        </div>
                        <div class="col-md-6 mb-3">
                           <label class="label" for="district">District
                           </label>
                           <select class="w-100 required" id="district">
                              <option value="Individual-Banking">Bangkok</option>
                              <option value="Business-Banking">Bangkok</option>
                           </select>
                        </div>
                        <div class="col-md-12 mb-3">
                           <label class="label" for="Branch">Branch</label>
                           <div class="input-field">
                              <input type="text" id=""  class="form-control" required>
                           </div>
                        </div>
                     </div>
                     <div class="row mt-4">
                        <div class="col-md-12">
                           <div class="nav-btn d-flex justify-content-end">
                              <button class="btn applybtn btn-default btn-sm jq-next"
                                 type="submit"> Next <i class="fas fa-long-arrow-alt-right"></i></button>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="Step-2" style="display:none">
                     <div class="row">
                        <div class="col-md-12">
                           <div class="bd-example">
                              <ul class="list-group">
                                 <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <span>First Name</span>
                                    <span class="badge badge-primary badge-pill">Jai Kumar </span>
                                 </li>
                                 <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <span>Last Name</span>
                                    <span class="badge badge-primary badge-pill">Singh</span>
                                 </li>
                                 <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <span>Email</span>
                                    <span class="badge badge-primary badge-pill">jaikumarsingh40@gmail.com</span>
                                 </li>
                                 <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <span>Telephone No</span>
                                    <span class="badge badge-primary badge-pill">+91 9372037333</span>
                                 </li>
                                 <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <span>Province</span>
                                    <span class="badge badge-primary badge-pill">Bangkok</span>
                                 </li>
                                 <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <span>District
                                    </span>
                                    <span class="badge badge-primary badge-pill">Bangkok</span>
                                 </li>
                                 <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <span>Branch
                                    </span>
                                    <span class="badge badge-primary badge-pill">Bangkok</span>
                                 </li>
                              </ul>
                           </div>
                           <div class="row mt-5">
                              <div class="col-md-6 col-6">
                                 <div class="nav-btn d-flex justify-content-start">
                                    <button class="btn applybtn btn-default btn-sm jq-Back"
                                       type=""><i class="fas fa-long-arrow-alt-left"></i>  Back </button>
                                 </div>
                              </div>
                              <div class="col-md-6 col-6">
                                 <div class="nav-btn d-flex justify-content-end">
                                    <button class="btn applybtn btn-default btn-sm"
                                       type="submit">Submit <i class="far fa-check-circle"></i> </button>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </form>
            </div>
         </div>
      </div>
   </div>
</section>

<link rel="stylesheet" type="text/css" href="calculator/calculator.css" media="all" />
<script type="text/javascript" src="calculator/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="calculator/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="calculator/jquery.nice-select.min.js"></script>
<script type="text/javascript" src="calculator/nouislider.min.js"></script>
<script type="text/javascript" src="calculator/wNumb.js"></script>
<script type="text/javascript" src="calculator/custom.js"></script>
<?php include("includes/footer.php");?>

${this.title}

Code Editor : apply-now.php