Edit file File name : home-loan.php Content :<?php include('header1.php'); ?> <!-- Sub banner start --> <div class="sub-banner1 overview-bgi"> <div class="container"> <div class="breadcrumb-area"> <h1>Home Loan</h1> <ul class="breadcrumbs"> <li><a href="index2.php">Home</a></li> <li class="active">Home Loan</li> </ul> </div> </div> </div> <!-- Sub Banner end --> <!-- Properties section body start --> <div class="properties-section-body content-area" id="page-top" data-spy="scroll" data-taget=".navbar-fixe-top"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12"> <div class="properties-details-section pt-1"> <nav class="navbar navbar-inverse navbar-expand-sm bg-dark navbar-dark fixed-top-small header-transparent"> <ul class="navbar-nav loan-serv"> <li class="nav-item"> <a class="nav-link page-scroll" href="#eligibility">Eligibility Criteria</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#homeloan">Banks ROI</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#salaried">Salaried Documents</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#employee"> Self Employed Documents</a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#calculatoremi">EMI Calculator </a> </li> <li class="nav-item"> <a class="nav-link page-scroll" href="#apply">Apply Now</a> </li> </ul> </nav> <div data-bs-spy="scroll" data-bs-target=".navbar-fixe-top" data-bs-offset="0" tabindex="0"> <section id="eligibility"> <div class="overviews"> <div class="properties-description"> <div class="blog-1"> <div class="detail"> <h3><a href="#">Home Loan Eligibility Criteria:</a></h3> <p>Home Loan eligibility depends upon various factors which are as follows:</p> <ol> <li><span class="read-more">Income – </span>Your income determines the amount of home loan you are eligible for. Banks generally keep the EMI to income ratio at 0.45% to 0.60% of your monthly income.</li> <li><span class="read-more">Tenure – </span>The longer tenure you opt for, the more is your home loan eligibility and the lesser is your EMI. Maximum tenure is 20 years (30 years in some banks or NBFC’s).</li> <li><span class="read-more">Age – </span>Your age will determine your home loan tenure and hence your eligibility. Maximum age to be considered for salaried is 60 years and for self employed is 75 yrs.</li> <li><span class="read-more">Interest Rate offered – </span>Banks offer Fixed and Floating Rates of Interest. Lower the interest rate more is the home loan eligibity and higher the interest rate less is the home loan eligibity.</li> <li><span class="read-more">CIBIL Score – </span>Your credit report tells the bank about your repayment capacity and hence determines if you’re eligible for a loan.(credit score must be above 650)</li> </ol> </div> </div> </div> </div> </section> <section id="homeloan"> <div class="overviews"> <div class="properties-description"> <div class="blog-1"> <div class="detail"> <h3><a href="#">Bank wise Rates of Interest for Home Loan :</a></h3> <div class="row"> <div class="col-md-12 col-lg-12"> <table class="table table-bordered"> <thead class="bg-active"> <tr> <th scope="col" colspan="4" class="headertable tabhead">INTEREST COMPARISON</th> </tr> <tr> <th scope="col">SR.NO</th> <th scope="col">BANK NAME</th> <th scope="col">RATE OF INTEREST</th> <th scope="col">PROCESSING FEES</th> </tr> </thead> <tbody> <?php $count=0; foreach($data as $dt){ $count=$count+1; ?> <tr> <th scope="row"><?=$count?></th> <td><?=$dt->bank_name?></td> <td><?=$dt->rate?></td> <td><?=$dt->pfee?></td> </tr> <?php } ?> </tbody> </table> </div> </div> </div> </div> </div> </div> </section> <section id="salaried"> <div class="overviews" > <div class="properties-description"> <div class="blog-1"> <div class="detail"> <h3><a href="#">Documents Required for salaried Home Loan :</a> </h3> <ol> <li><span class="read-more">Application Form - </span> Signed with photograph pasted (applicant and co applicant)</li> <li><span class="read-more">Identity Proof - </span> PAN card, Passport, Driving License, Aadhar Card, Voter id,(applicant and co applicant) (Any One) </li> <li><span class="read-more">Address Proof - </span> Aadhar card, Passport, Driving License, Election ID card, Rent Agreement, Electricity/ Telephone/ Mobile bill/ Bank statement (not more than 3 months old) (applicant and co applicant) Rent Agreement ( Notarised/ Registered) ( Any One) </li> <li><span class="read-more">Income Proof - </span> Form 16, Latest 6 month’s salary slip, Last 6 month’s bank statement</li> <li><span class="read-more">Stability Proof - </span> Job Stability Proof must be of 2 years</li> <li><span class="read-more">Property Documents -</span> <ol> <li>If builder purchase- draft agreement, Cc copy, Development Agreement, Approved Plan, Cost Sheet.</li> <li>If resale - Past Title Chain, Conveyance Deed, Sale Deed, Allotment Letter, Possession Letter, Latest Property Tax Receipt, Copy of Approved Plan for Construction/ Extension.</li> </ol> </ol> </div> </div> </div> </div> </section> <section id="employee"> <div class="overviews" > <div class="properties-description"> <div class="blog-1"> <div class="detail"> <h3><a href="#">Documents Required for self employed Home Loan :</a></h3> <ol> <li><span class="read-more">Application Form -</span> Signed with photograph pasted( applicant and co applicant)</li> <li><span class="read-more">Identity Proof -</span> PAN card, Passport, Driving License, Aadhar Card, Voter id,(applicant and co applicant) (Any One)</li> <li><span class="read-more">Address Proof - </span>Aadhar card, Passport, Driving License, Election ID card, Rent Agreement, Electricity/ Telephone/ Mobile bill/ Bank Statement (not more than 3 months old) (applicant and co applicant) Rent Agreement ( Notarised/ Registered) (Any One)</li> <li><span class="read-more">Business address proof -</span>Address on current account, Rent Agreement, Ghumasta License, Adhar Udyog, Electricity Bill. (Any One)</li> <li><span class="read-more">Business License -</span> Ghumasta License, GST Certificate, Government License.</li> <li><span class="read-more">Income Proof -</span> Last 3 Years ITR with CA Attested, 1Year Bank Statement Of Current And Saving Account.</li> <li><span class="read-more">Stability Proof -</span> Business Stability Proof must be of 3 Years.</li> <li><span class="read-more">Property Documents -</span> <ol> <li>If builder purchase- draft agreement, Cc copy, Development Agreement, Approved Plan, Cost Sheet.</li> <li>If resale - Past Title Chain, Conveyance Deed, Sale Deed, Allotment Letter, Possession Letter, Latest Property Tax Receipt, Copy of Approved Plan for Construction/ Extension.</li> </ol> </li> </ol> </div> </div> </div> </div> </section> <section id="calculatoremi"> <div class="overviews" > <div class="properties-description"> <div class="row"> <div class="col-lg-6 col-md-6"> <div class="sidebar-right"> <!-- Posts by category Start --> <div class="posts-by-category widget"> <h3 class="sidebar-title">Loan EMI Calculator</h3> <div class="row"> <div class="col-md-6 form-group"> <label class="d-flex" for="fromValue">Loan Amount</label> <input type="text" class="form-control form-control-lg" id="txtLoanAmount"> </div> <div class="col-md-6 form-group"> <label class="d-flex" for="toValue">Interest Rate(%)</label> <input type="text" class="form-control form-control-lg" id="txtInterestRate" /> </div> <div class="col-md-6 form-group"> <label class="d-flex" for="toValue">Loan Term</label> <input type="text" class="col-md-12 form-control form-control-lg" id="txtLoanTerm"/> </div> <div class="col-md-6 form-group"> <label class="d-flex" for="toValue">Tenure</label> <select class="col-md-12 form-control form-control-lg" id="ddlTermType"> <option value="years">Years</option> <option value="months">Months</option> </select> </div> <div class="col-md-6 form-group"> <button type="reset" class="col-md-12 btn btn-outline-secondary" id="btnResetHomeLoanEMIForm">Reset</button> </div> <div class="col-md-6 form-group"> <button type="button" class="col-md-12 btn btn-outline-primary" onclick="calculateHomeLoanEMI()">Calculate</button> </div> </div> <script> function calculateHomeLoanEMI(){ amount=parseInt(document.getElementById('txtLoanAmount').value); rate=parseFloat(document.getElementById('txtInterestRate').value); rate2=rate/12; rate2=rate2/100; time=document.getElementById('txtLoanTerm').value; time_type=document.getElementById('ddlTermType').value; if(time_type=="years"){ time=parseInt(time)*12; } let interest = amount*rate2*Math.pow(1+rate2,time); // alert(interest); let emi=interest/(Math.pow(1+rate2,time)-1) emi=emi.toFixed(2) // emi = ((amount + emi)/time).toFixed(2); emi = emi.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); document.getElementById("totalEMIValue2").innerHTML=emi document.getElementById("totalLoanAmount2").innerHTML=amount document.getElementById("totalLoanTerm2").innerHTML=time document.getElementById("totalInterestRate2").innerHTML=rate } </script> </div> </div> </div> <div class="col-lg-6 col-md-6"> <div class="sidebar-right"> <div class="posts-by-category widget"> <div class="home-loan-result-container"> <h3 class="sidebar-title">EMI Result</h3> <div class="row home-loan-result"> <div class="col-md-5 str-mon-sun home-loan-result-left-col">EMI</div> <div class="col-md-2">:</div> <div class="col-md-5 open-lbl home-loan-result-right-col" id="totalEMIValue2"></div> </div> <div class="row home-loan-result"> <div class="col-md-5 str-mon-sun home-loan-result-left-col">Loan Amount</div> <div class="col-md-2">:</div> <div class="col-md-5 open-lbl home-loan-result-right-col" id="totalLoanAmount2"></div> </div> <div class="row home-loan-result"> <div class="col-md-5 str-mon-sun home-loan-result-left-col">Loan Term</div> <div class="col-md-2">:</div> <div class="col-md-5 open-lbl home-loan-result-right-col" id="totalLoanTerm2"></div> </div> <div class="row home-loan-result"> <div class="col-md-5 str-mon-sun home-loan-result-left-col">Interest Rate</div> <div class="col-md-2">:</div> <div class="col-md-5 open-lbl home-loan-result-right-col" id="totalInterestRate2"></div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section id="apply"> <div class="overviews" > <div class="properties-description"> <div class="row"> <div class="offet-3 col-md-12"> <div class="sidebar-right"> <div class="widget recent-properties"> <form action="<?=base_url()?>form/loan_enquiry" method="post" enctype="multipart/form-data"> <div class="row"> <div class="col-md-12"> <h3 class="heading-2"> Apply Online </h3> </div> <div class="form-group name col-md-6"> <input type="hidden" name="service" value="Home Loan" class="form-control" placeholder="Name"> <input type="text" name="name" class="form-control" placeholder="Name" reuired> </div> <div class="form-group number col-md-6"> <input type="text" name="phone" class="form-control" placeholder="Number" required> </div> <div class="form-group email col-md-12"> <input type="email" name="email" class="form-control" placeholder="Email" required> </div> <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12"> <div class="form-group"> <label>PROFILE TYPE</label> <select class="search-fields" name="profile_type"> <option> SALARIED</option> <option>SELF EMPLOYED</option> <option>PROFESSIONAL</option> </select> </div> </div> <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12"> <div class="form-group"> <label>NET MONTHLY INCOME</label> <input type="text" name="income" class="selectpicker search-fields" required> </div> </div> <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12"> <div class="form-group"> <label>LOAN REQUIREMENT</label> <input type="text" name="loan_requirement" class="selectpicker search-fields" required> </div> </div> <div class="form-group message col-md-12"> <textarea class="form-control" name="message" rows="5" placeholder="Write message" required></textarea> </div> <div class="form-group message col-md-12"> <div class="g-recaptcha" data-sitekey="6LejL_4pAAAAAGIxBn7UE64V8yP_tjODPHbf_mAA"></div> </div> <div class="send-btn col-md-12"> <button type="submit" class="btn btn-md button-theme">Send Message</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> <!-- Properties section body end --> <!-- <script>--> <!-- $(function() {--> <!-- $('a.page-scroll').bind('click', function(event) {--> <!-- var $anchor = $(this);--> <!-- $('html, body').stop().animate({--> <!-- scrollTop: $($anchor.attr('href')).offset().top--> <!-- }, 1500, 'easeInOutExpo');--> <!-- event.preventDefault();--> <!-- });--> <!--});--> <!--</script>--> <!--script.js--> <!--<script>--> <!--$(function() {--> <!--Smooth scrolling--> <!-- $('a.page-scroll').on('click', function(event) {--> <!-- var $anchor = $(this);--> <!-- var target = $($anchor.attr('href'));--> <!-- if (target.length) {--> <!-- $('html, body').stop().animate({--> <!-- scrollTop: target.offset().top--> <!-- }, 1500, 'easeInOutExpo');--> <!-- event.preventDefault();--> <!-- }--> <!-- });--> <!--Change navbar and highlight active link based on scroll--> <!-- $(window).on('scroll', function() {--> <!-- var sections = $('section');--> <!-- var navbar = $('#navbar');--> <!-- var navLinks = $('#navbar ul li');--> <!-- var scrollPos = $(window).scrollTop() + navbar.outerHeight();--> <!-- sections.each(function() {--> <!-- var sectionTop = $(this).offset().top;--> <!-- var sectionHeight = $(this).outerHeight();--> <!-- if (scrollPos >= sectionTop && scrollPos < (sectionTop + sectionHeight)) {--> <!-- navbar.addClass('active');--> <!-- navLinks.removeClass('active');--> <!-- $('#navbar a[href="#' + $(this).attr('id') + '"]').parent().addClass('active');--> <!-- } else {--> <!-- navbar.removeClass('active');--> <!-- }--> <!-- });--> <!-- });--> <!--});--> <!--</script>--> <?php include('footer1.php'); ?> Save