korsygfhrfggfhfgfffgffg6655665dtggggggzangaiide
Elehhjhjjkjkfpf6df56fd65ffff
/
home2
/
apcagkk2
/
mosampati.com
/
Upload FileeE
HOME
<?php include 'includes/config.php'; ob_start(); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="author" content=""> <meta name="theme-color" content="#e33324"> <meta name="description" content="Property Service , Banking Solution & Service -Mosampati"> <meta name="keywords" content="Apartment, Estate Agency, Housing, Real Estate, Real Estate Broker, Real Estate Property, Single Property"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Loan Calculator - Property Service , Banking Solution & Service - Mosampati</title> <!-- Favicon --> <link rel="shortcut icon" href="images/logo/mslogo.png"> <!-- CSS --> <link rel="stylesheet" href="css/stylesheet.css"> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap" rel="stylesheet"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta name="viewport" maximum-scale=1.0 user-scalable=no /> <meta name = "viewport" content = "width=device-width, minimum-scale=1.0, maximum-scale = 1.0, user-scalable = no"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="https://cdn.lineicons.com/3.0/lineicons.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/line-awesome/1.3.0/line-awesome/css/line-awesome.min.css" integrity="sha512-vebUliqxrVkBy3gucMhClmyQP9On/HAWQdKDXRaAlb/FKuTbxkjPKUyqVOxAcGwFDka79eTF+YXwfke1h3/wfg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/line-awesome/1.3.0/font-awesome-line-awesome/css/all.min.css" integrity="sha512-dC0G5HMA6hLr/E1TM623RN6qK+sL8sz5vB+Uc68J7cBon68bMfKcvbkg6OqlfGHo1nMmcCxO5AinnRTDhWbWsA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <style> input, textarea { border: 1px solid #242c54 !important; } .my-account { background: #fff; box-shadow: 3px 4px 4px 6px rgb(0 0 0 / 20%); border-radius: 5px; } #contact textarea:focus, #contact input:focus, .widget .utf-search-blog-input input:focus { transition: box-shadow 0.2s !important; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 7%); border-color: #e96b56 !important; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } </style> </head> <body> <!-- Preloader Start --> <div class="preloader"> <div class="utf-preloader"> <span></span> <span></span> <span></span> </div> </div> <!-- Preloader End --> <!-- Wrapper --> <div id="wrapper"> <!-- Header Container --> <?php include 'includes/header.php'; ?> <!-- Header Container / End --> <!-- Titlebar --> <!-- Titlebar --> <?php if(strstr(strtolower($_SERVER['HTTP_USER_AGENT']), 'mobile') || strstr(strtolower($_SERVER['HTTP_USER_AGENT']), 'android')) { ?> <div class="utf-user-profile-item" style="border-radius: 0 !important;"> <div class="utf-submit-page-inner-box" style="border-radius: 0 !important;"> <h3 style="border-radius: 0 !important;"> <a href="./" style="color: white;"><i class="fa fa-arrow-left" style="color: white;padding-right: 10%;"></i> </a> Loan Calculator </h3> </div> </div> <?php } else { ?> <div class="parallax titlebar" data-background="images/listings-parallax.jpg" data-color="rgba(48, 48, 48, 1)" data-color-opacity="0.8" data-img-width="800" data-img-height="505" > <div id="titlebar"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2>Loan Calculator</h2> <!-- Breadcrumbs --> <nav id="breadcrumbs"> <ul> <li><a href="./">Home</a></li> <li>Loan Calculator</li> </ul> </nav> </div> </div> </div> </div> </div> <?php } ?> <!-- Container / Start --> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="utf-section-headline-item centered margin-bottom-50 margin-top-0"> <h3 class="headline"> Loan Calculator</h3> </div> </div> <!-- Contact Form --> <div class="col-md-7"> <section id="contact"> <div class="utf-boxed-list-headline-item"> <h3><i class="icon-feather-layers"></i> Loan Calculator </h3> </div> <div class="utf-contact-form-item" style="padding: 0px 5px 30px 5px;"> <form method="post" name="myForm3" onsubmit="return validateForm()"> <div class="row"> <div class="col-md-12"> <h5><b>Loan Amount <span style="color:red;">*</span></b></h5> <input class="search-field" placeholder="Enter Loan Amount" type="number" id="loan_amnt" name="loan_amnt" oninput="computeLoan()"/> </div> <div class="col-md-12"> <h5><b>Rate of interest (in %) <span style="color:red;">*</span></b></h5> <input class="search-field" placeholder="Enter Rate of interest (p.a)" type="number" id="roint" name="roint" oninput="computeLoan()"/> </div> <div class="col-md-12"> <h5><b>Loan tenure (in month)<span style="color:red;">*</span></b></h5> <input class="search-field" min="1" step="1" placeholder="Enter Loan tenure" type="number" id="loan_ten" name="loan_ten" oninput="computeLoan()"/> </div> </div> <div class="utf-centered-button margin-bottom-15"> </div> </form> </div> </section> </div> <!-- Contact Form / End --> <!-- Contact Details --> <div class="col-md-5" style="position: -webkit-sticky;position: sticky;top: 0;"> <div class="utf-boxed-list-headline-item" style="margin-bottom: 5px;"> <h3><i class="icon-feather-map"></i>Break-up of Total Payment </h3> </div> <!-- Contact Details --> <div class="widget utf-sidebar-widget-item" style="padding: 10px;"> <div class="utf-boxed-list-headline-item"> <div class="utf-sidebar-categorie"> <div class="agent"> <div class="utf-agent-content" style="border-bottom: 1px solid #dadada;"> <div class="utf-agent-name"> <span style="color: #485867;"><center><b>Principal Amount</b></center></span> <center> <a><h4 id="result1" style="font-size: 22px;padding-top: 3px;text-align: center;"></h4></a></center> </div> </div> <div class="utf-agent-content" style="border-bottom: 1px solid #dadada;"> <div class="utf-agent-name"> <span style="color: #485867;"><center><b>Total interest </b></center></span> <center> <a><h4 id="result2" style="font-size: 22px;padding-top: 3px;text-align: center;"></h4></a></center> </div> </div> <div class="utf-agent-content" style="border-bottom: 1px solid #dadada;"> <div class="utf-agent-name"> <span style="color: #485867;"><center><b>Monthly EMI</b></center></span> <center> <a><h4 id="result3" style="font-size: 22px;padding-top: 3px;text-align: center;"></h4></a></center> </div> </div> <div class="utf-agent-content" style="border-bottom: 1px solid #dadada;"> <div class="utf-agent-name"> <span style="color: #485867;"><center><b>Total Amount (Principal + Interest) </b></center></span> <center> <a><h4 id="result4" style="font-size: 22px;padding-top: 3px;text-align: center;"></h4></a></center> </div> </div> </div> </div> </div> </div> </div> <!-- --> <!----> <script> function computeLoan(){ //Some of the class functions have been assigned a global constant const principal = document.querySelector('#loan_amnt').value; const interest_rate = document.querySelector('#roint').value; const months = document.querySelector('#loan_ten').value; var interest = interest_rate / 100 / 12; var payments = months * 1; var formatter = new Intl.NumberFormat('en-IN', { minimumFractionDigits: 0, }); var num_op1 = formatter.format(principal); // Now compute the monthly payment figure, using esoteric math. var x = Math.pow(1 + interest, payments); var monthly1 = (principal*x*interest)/(x-1); var tot_int1 = (monthly1 * payments) - principal; var tot_int = Math.floor(tot_int1); var tot_amnt1 = monthly1 * payments; var tot_amnt = Math.floor(tot_amnt1); var monthly = Math.floor(monthly1); var tot_intt = formatter.format(tot_int); var monthlyt = formatter.format(monthly); var tot_amntt = formatter.format(tot_amnt); //"innerHTML" will help you to see the information in the webpage document.querySelector('#result1').innerHTML = `${num_op1}` document.querySelector('#result2').innerHTML = `${tot_intt}` document.querySelector('#result3').innerHTML = `${monthlyt}` document.querySelector('#result4').innerHTML = `${tot_amntt}` } </script> </div> </div> <!-- Parallax --> <div class="parallax margin-top-0 margin-bottom-0" data-background="https://www.wbm.org.uk/wp-content/uploads/2022/07/Business-Loan-Eligibility.png" data-color="#36383e" data-color-opacity="0.7" data-img-width="800" data-img-height="505" style="padding-top: 0px;padding-bottom: 0px;"> <!-- Infobox --> <div class="text-content white-font"> <div class="container"> <div class="row"> <div class="col-lg-6 col-sm-12 col-sm-push-3 smart-utf-listing-item"> <h2>Are You Looking For A Loan ?</h2> <p>All kinds of loans are available, please contact us for any loan related issue</p> <a href="tel: 9878787656" class="button border margin-top-15" style="color: white;">Call us now <i class="fa fa-long-arrow-right"></i></a> <a href="contact.php" class="button margin-top-15">Contact us now <i class="fa fa-long-arrow-right"></i></a> </div> </div> </div> </div> <!-- Infobox / End --> </div> <!-- Parallax / End --> <!-- Contact --> <div class="margin-top-20 padding-bottom-20"> <div class="container"> <div class="row"> <div class="col-xl-12 col-md-12"> <h2><b>What is EMI?</b></h2> <p class="text-justify" style="color: #212529;">Equated Monthly Installment - EMI for short - is the amount payable every month to the bank or any other financial institution until the loan amount is fully paid off. It consists of the interest on loan as well as part of the principal amount to be repaid. The sum of principal amount and interest is divided by the tenure, i.e., number of months, in which the loan has to be repaid. This amount has to be paid monthly. The interest component of the EMI would be larger during the initial months and gradually reduce with each payment. The exact percentage allocated towards payment of the principal depends on the interest rate. Even though your monthly EMI payment won't change, the proportion of principal and interest components will change with time. With each successive payment, you'll pay more towards the principal and less in interest. <br> <br> Here's the formula to calculate EMI: </p> <blockquote class="margin-bottom-20"> <img loading=lazy class="size-full wp-image-4031 alignleft" src=images/emi/emiformula.png alt="EMI Formula" width=320 height=75 srcset="images/emi/emiformula.png" /> </blockquote> <p class="text-justify" style="color: #212529;padding-left: 20px;"> Where <br> <b>E</b> is EMI <br> <b>P</b> is Principal Loan Amount <br> <b>r</b> is rate of interest calculated on monthly basis. (i.e., r = Rate of Annual interest/12/100. If rate of interest is 10.5% per annum, <br> then <b>r</b> = 10.5/12/100=0.00875) <br> <b>n</b> is loan term / tenure / duration in number of months </p> <blockquote class="margin-bottom-20"> <p class="text-justify" style="color: #212529;"> <i> <b>For example</b>, if you borrow ₹10,00,000 from the bank at 10.5% annual interest for a period of 10 years (i.e., 120 months), then EMI = ₹10,00,000 * 0.00875 * (1 + 0.00875)120 / ((1 + 0.00875)120 - 1) = ₹13,493. i.e., you will have to pay ₹13,493 for 120 months to repay the entire loan amount. The total amount payable will be ₹13,493 * 120 = ₹16,19,220 that includes ₹6,19,220 as interest toward the loan. </i> </p> </blockquote> <p class="text-justify" style="color: #212529;"> Computing EMI for different combinations of principal loan amount, interest rates and loan term using the above EMI formula by hand or MS Excel is time consuming, complex and error prone. Our EMI calculator automates this calculation for you and gives you the result in a split second along with visual charts displaying payment schedule and the break-up of total payment. </p> </div> </div> </div> </div> <!-- Container / End --> <!-- Footer --> <?php include 'includes/footer.php'; ?> <!-- Footer / End --> <!-- Back To Top Button --> <div id="backtotop"><a href="#"></a></div> </div> <!-- Wrapper / End --> <!-- Sign In Popup --> <div id="utf-signin-dialog-block" class="zoom-anim-dialog mfp-hide dialog-with-tabs"> <div class="utf-signin-form-part"> <ul class="utf-popup-tabs-nav-item"> <li><a href="#login">Log In</a></li> <li><a href="#register">Register</a></li> </ul> <div class="utf-popup-container-part-tabs"> <!-- Login --> <div class="utf-popup-tab-content-item" id="login"> <div class="utf-welcome-text-item"> <h3>Welcome Back Sign in to Continue</h3> <span>Don't Have an Account? <a href="#" class="register-tab">Sign Up!</a></span> </div> <form method="post" id="login-form"> <div class="utf-no-border"> <input type="text" name="emailaddress" id="emailaddress" placeholder="Email Address" required/> </div> <div class="utf-no-border"> <input type="password" name="password" id="password" placeholder="Password" required/> </div> <div class="checkbox margin-top-0"> <input type="checkbox" id="two-step"> <label for="two-step"><span class="checkbox-icon"></span> Remember Me</label> </div> <a href="forgot_password.php" class="forgot-password">Forgot Password?</a> </form> <button class="button full-width utf-button-sliding-icon ripple-effect" type="submit" form="login-form">Log In <i class="icon-feather-chevrons-right"></i></button> <div class="utf-social-login-separator-item"><span>Or Login in With</span></div> <div class="utf-social-login-buttons-block"> <button class="facebook-login ripple-effect"><i class="icon-brand-facebook-f"></i> Facebook</button> <button class="google-login ripple-effect"><i class="icon-brand-google"></i> Google</button> <button class="twitter-login ripple-effect"><i class="icon-brand-twitter"></i> Twitter</button> </div> </div> <!-- Register --> <div class="utf-popup-tab-content-item" id="register"> <div class="utf-welcome-text-item"> <h3>Create your Account!</h3> <span>Don't Have an Account? <a href="#" class="register-tab">Sign Up!</a></span> </div> <form method="post" id="utf-register-account-form"> <div class="utf-no-border margin-bottom-20"> <select class="utf-chosen-select-single-item utf-with-border" title="Single User"> <option>Single User</option> <option>Agent</option> <option>Multi User</option> </select> </div> <div class="utf-no-border"> <input type="text" name="name" id="name" placeholder="User Name" required/> </div> <div class="utf-no-border"> <input type="text" name="emailaddress-register" id="emailaddress-register" placeholder="Email Address" required/> </div> <div class="utf-no-border"> <input type="password" name="password-register" id="password-register" placeholder="Password" required/> </div> <div class="utf-no-border"> <input type="password" name="password-repeat-register" id="password-repeat-register" placeholder="Repeat Password" required/> </div> <div class="checkbox margin-top-0"> <input type="checkbox" id="two-step0"> <label for="two-step0"><span class="checkbox-icon"></span> By Registering You Confirm That You Accept <a href="#">Terms & Conditions</a> and <a href="#">Privacy Policy</a></label> </div> </form> <button class="margin-top-10 button full-width utf-button-sliding-icon ripple-effect" type="submit" form="utf-register-account-form">Register <i class="icon-feather-chevrons-right"></i></button> </div> </div> </div> </div> <!-- Sign In Popup / End --> <!-- Scripts --> <script src="scripts/jquery-3.3.1.min.js"></script> <script src="scripts/bootstrap.min.js"></script> <script src="scripts/chosen.min.js"></script> <script src="scripts/magnific-popup.min.js"></script> <script src="scripts/owl.carousel.min.js"></script> <script src="scripts/rangeSlider.js"></script> <script src="scripts/sticky-kit.min.js"></script> <script src="scripts/slick.min.js"></script> <script src="scripts/masonry.min.js"></script> <script src="scripts/mmenu.min.js"></script> <script src="scripts/tooltips.min.js"></script> <script src="scripts/custom_jquery.js"></script> <!-- Maps --> <script src="https://maps.googleapis.com/maps/api/js?key=&libraries=places"></script> <script src="scripts/infobox.min.js"></script> <script src="scripts/markerclusterer.js"></script> <script src="scripts/maps.js"></script> </body> </html>