<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Loan Calculator | Hema Capital</title>
    <link rel="shortcut icon" href="images/favicon.jpg" type="image/x-icon">
    <link rel="icon" href="images/favicon.jpg" type="image/x-icon">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link href="https://fonts.googleapis.com/css?family=Lato|Open+Sans|Roboto+Slab" rel="stylesheet">
    <link rel="stylesheet" href="css/animate.css">
    <link href="css/prettyPhoto.css" rel="stylesheet">
    <script src="js/javascript00.js"></script>
    <link href="css/style.css" rel="stylesheet" />
</head>

<body>
    <header>
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="navigation">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse.collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <div class="navbar-brand">
                            <a href="index.html"><img src="images/logo.png" alt="hemaCapital"></a>
                        </div>
                    </div>
                    <div class="navbar-collapse collapse">
                        <div class="menu">
                            <ul class="nav nav-tabs" role="tablist">
                                <li role="presentation"><a href="borrower.html" class="active">Home</a></li>
                                <li role="presentation"><a href="services.html">Services</a></li>
                                <li role="presentation"><a href="calculator.html">Loan Calculator</a></li>
                                <li role="presentation"><a href="about.html">About Us</a></li>
                                <li role="presentation"><a href="contact.html">Contact</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
    </header>
    <div id="breadcrumb">
        <div class="container">
            <div class="breadcrumb">
                <li><a href="index.html">Home</a></li>
                <li>Loan Calculator</li>
            </div>
        </div>
    </div>

    <div id="loan_br">
        <h2 align="centre" id="breakdown">.</h2>
    </div>

    <div class="calc">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 push">
                    <h2>Loan Calculator</h2>
                    <hr>
                    <p>Check how much you qualify for.</p>
                    <div class="form-group">
                        <label for="name">Monthly Income</label>
                        <input type="text" class="form-control" id="monthly_income" placeholder=" Enter Income">
                    </div>
                    <div class="form-group">
                        <label for="telephone">Loan Period (Months)</label>
                        <input type="text" class="form-control" id="loan_period" placeholder=" Enter Loan Period">
                    </div>
                    <div class="form-group">
                        <label for="country">Current Loan Repayment</label>
                        <input type="text" class="form-control" id="curr_loan_rep" placeholder=" Enter your Loan Repayment">
                    </div>

                    <div>
                            <button type="button" class="btn btn-default submit" onclick="button_click()">
                            <i class="fa fa-paper-plane" aria-hidden="true"></i>  Calculate</button>
                        </div>

                </div>
                <div class="col-lg-6">
                    <h2>Are you interested in getting one ?</h2>
                    <hr>
                    <p>Simply fill your details and our representative will get back to you</p>
                    <div class="form-group">
                        <label for="name">Your name</label>
                        <input type="text" class="form-control" id="cli_name" placeholder=" Enter Name">
                    </div>
                    <div class="form-group">
                        <label for="telephone">Mobile No.</label>
                        <input type="tel" class="form-control" id="telephone" placeholder=" Enter 10-digit mobile no.">
                    </div>
                    <div class="form-group">
                        <label for="country">Current Country</label>
                        <input type="text" class="form-control" id="cli_email" placeholder=" Enter your Country">
                    </div>
                        <div>
                            <button type="button" class="btn btn-default submit"><i class="fa fa-paper-plane" aria-hidden="true"></i>  Submit</button>
                        </div>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-4">
                        <h3>SERVICES</h3>
                        <p><a href="services.html">Salary Advance</a></p>
                        <p><a href="services.html">Short term loans</a></p>
                        <p><a href="services.html">Short term loans buyoff</a></p>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <h3>COMPANY</h3>
                        <p><a href="about.html">About Us</a></p>
                        <p><a href="contact.html">Contact Us</a></p>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <h3>CONNECT WITH US</h3>
                        <ul class="social-network">
                            <li><a href="#" class="fb tool-tip" title="Facebook"><i class="fa fa-facebook"></i>  Facebook</a></li>
                            <li><a href="#" class="linkedin tool-tip" title="Linkedin"><i class="fa fa-linkedin"></i> LinkedIn</a></li>
                            <li><a href="#" class="ytube tool-tip" title="You Tube"><i class="fa fa-youtube-play"></i> Youtube</a></li>
                        </ul>
                    </div>
                </div>
                <div class="pull-right">
                    <a href="#home" class="scrollup"><i class="fa fa-angle-up fa-3x"></i></a>
                </div>
            </div>
    </footer>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-2.1.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/javascript00.js"></script>
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/functions.js"></script>
</body>

</html>
