<?php include 'header.php'; ?>


    <!-- banner-section start -->
    <section class="banner-section inner-banner car-loans">
        <div class="overlay">
            <div class="banner-content d-flex align-items-center">
                <div class="container">
                    <div class="row justify-content-start">
                        <div class="col-lg-7 col-md-10">
                            <div class="main-content">
                                <h1>Car Loans</h1>
                                <div class="breadcrumb-area">
                                    <nav aria-label="breadcrumb">
                                        <ol class="breadcrumb d-flex align-items-center">
                                            <li class="breadcrumb-item"><a href="index-2.html">Home</a></li>
                                            <li class="breadcrumb-item"><a href="product.html">Product</a></li>
                                            <li class="breadcrumb-item"><a href="javascript:void(0)">Loan</a></li>
                                            <li class="breadcrumb-item active" aria-current="page">Car Loans</li>
                                        </ol>
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- banner-section end -->

    <!-- About car loan In start -->
    <section class="about-car-loan">
        <div class="overlay pt-120 pb-120">
            <div class="container wow fadeInUp">
                <div class="row align-items-center">
                    <div class="col-lg-6 cus-ord">
                        <div class="section-text">
                            <h5 class="sub-title">Why should you demand a <?php echo $sitename ?> loan</h5>
                            <h2 class="title">Smarter car loans. Designed for you.</h2>
                            <p><?php echo $sitename ?> expands access to fair credit with a simple and fast loan application that looks at you – not just your credit score.A flexible hassle-free financing facility that enables you to own your dream car</p>
                        </div>
                        <a href="#car-loan-form" class="cmn-btn">Apply Now</a>
                    </div>
                    <div class="col-lg-6 text-end">
                        <div class="img-area">
                            <img class="img-3" src="assets/images/about-car-loan-Illus.png" alt="image">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- About car loan In end -->

    <!-- Apply for a loan form In start -->
    <section class="apply-for-loan" id="car-loan-form">
        <div class="overlay pt-120">
            <div class="container wow fadeInUp">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="section-header text-center">
                            <h2 class="title">Apply for a loan today. Your new car is waiting for you</h2>
                            <p>Don’t just dream, get your dream car.<?php echo $sitename ?> offers a flexible and hassle-free financing facility that enables you to own your dream car and provides financing up to 85% of the value of your desired car.</p>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-lg-10">
                        <div class="form-content">
                            <div class="section-header text-center">
                                <h2 class="title">Apply for a loan</h2>
                                <p>Please fill the form below. We will get in touch with you within 1-2 business days, to request all necessary details</p>
                            </div>
                            <form action="#">
                                <div class="row">
                                    <div class="col-6">
                                        <div class="single-input">
                                            <label for="name">Name</label>
                                            <input type="text" id="name" placeholder="What's your name?">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="single-input">
                                            <label for="email">Email</label>
                                            <input type="text" id="email" placeholder="What's your email?">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <div class="single-input">
                                            <label for="phone">Phone</label>
                                            <input type="text" id="phone" placeholder="(123) 480 - 3540">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="single-input">
                                            <label for="state">State</label>
                                            <input type="text" id="state" placeholder="California">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <div class="single-input">
                                            <label for="amount">Loan amount</label>
                                            <input type="text" id="amount" placeholder="Ex. $8,000 USD">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="single-input">
                                            <label for="term">Loan term</label>
                                            <input type="text" id="term" placeholder="Ex. 12 months">
                                        </div>
                                    </div>
                                </div>
                                <div class="btn-area text-center">
                                    <button class="cmn-btn">Submit</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Apply for a loan form In end -->

    <!-- Get Loan In start -->
    <section class="account-feature get-loan">
        <div class="overlay pt-120 pb-120">
            <div class="container wow fadeInUp">
                <div class="row justify-content-center">
                    <div class="col-lg-9">
                        <div class="section-header text-center">
                            <h5 class="sub-title">A Better Way to Get Loan</h5>
                            <h2 class="title">How it works</h2>
                            <p>It's easier than you think. Follow the following simple easy steps</p>
                        </div>
                    </div>
                </div>
                <div class="row cus-mar">
                    <div class="col-lg-3">
                        <div class="single-box">
                            <div class="icon-box">
                                <img src="assets/images/icon/get-loan-1.png" alt="icon">
                            </div>
                            <h5>1. Fill the form</h5>
                            <p>Fill basic information for us to get in touch with you.</p>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="single-box">
                            <div class="icon-box">
                                <img src="assets/images/icon/get-loan-2.png" alt="icon">
                            </div>
                            <h5>2. Get pre-qualified</h5>
                            <p>Verify your ID and get on a quick video call with a loan specialist.</p>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="single-box">
                            <div class="icon-box">
                                <img src="assets/images/icon/get-loan-3.png" alt="icon">
                            </div>
                            <h5>3. Send documents</h5>
                            <p>Upload your documents on the <?php echo $sitename ?> app and get approved in</p>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="single-box">
                            <div class="icon-box">
                                <img src="assets/images/icon/get-loan-4.png" alt="icon">
                            </div>
                            <h5>4. Get a New Car</h5>
                            <p>Make smart spending decisions on the spot. Our budgeting too</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Get Loan In end -->

    <!-- Call to action In start -->
    <section class="call-action car-page">
        <div class="overlay pt-120">
            <div class="container wow fadeInUp">
                <div class="row d-flex justify-content-center">
                    <div class="col-lg-10">
                        <div class="main-content">
                            <div class="section-header text-center">
                                <h2 class="title">Get a new car today, apply now.</h2>
                            </div>
                            <div class="bottom-area text-center">
                                <a href="#car-loan-form" class="cmn-btn">Apply for Loan</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Call to action In end -->

    <!-- Get Loan In start -->
    <section class="account-feature loan-feature">
        <div class="overlay pt-120 pb-120">
            <div class="container wow fadeInUp">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="section-header text-center">
                            <h5 class="sub-title">Why <?php echo $sitename ?> is a great financing option for you.</h5>
                            <h2 class="title">Great benefits from <?php echo $sitename ?></h2>
                            <p><?php echo $sitename ?> CarLoan offers you the freedom to choose any vehicle on a fixed mark-up rate facility to suit your personal requirements​</p>
                        </div>
                    </div>
                </div>
                <div class="row cus-mar">
                    <div class="col-lg-4 col-md-6">
                        <div class="single-box">
                            <div class="icon-box">
                                <img src="assets/images/icon/loan-feature-1.png" alt="icon">
                            </div>
                            <h5>Simple Application Process</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adiet libero.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-box">
                            <div class="icon-box">
                                <img src="assets/images/icon/loan-feature-2.png" alt="icon">
                            </div>
                            <h5>No credit check</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adiet libero.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-box">
                            <div class="icon-box">
                                <img src="assets/images/icon/loan-feature-3.png" alt="icon">
                            </div>
                            <h5>No employment requiered</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adiet libero.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-box">
                            <div class="icon-box">
                                <img src="assets/images/icon/loan-feature-4.png" alt="icon">
                            </div>
                            <h5>Secure loan</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adiet libero.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-box">
                            <div class="icon-box">
                                <img src="assets/images/icon/loan-feature-5.png" alt="icon">
                            </div>
                            <h5>Fast approval</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adiet libero.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-box">
                            <div class="icon-box">
                                <img src="assets/images/icon/loan-feature-6.png" alt="icon">
                            </div>
                            <h5>Cash within minutes</h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adiet libero.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Get Loan In end -->

    
    <!-- Get Start In start -->
    <section class="get-start wow fadeInUp">
        <div class="overlay">
            <div class="container">
                <div class="col-12">
                    <div class="get-content">
                        <div class="section-text">
                            <h3 class="title">Ready to get started?</h3>
                            <p>It only takes a few minutes to register your FREE <?php echo $sitename ?> account.</p>
                        </div>
                        <a href="sign_up.php" class="cmn-btn">Open an Account</a>
                        <img src="assets/images/get-start.png" alt="images">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Get Start In end -->

   <?php include 'footer.php'; ?>