<% include partials/head %>
    
    <div class="main-wrapper">

        <% include partials/header %>

        <!-- Inner Page Banner -->
        <section class="inner-page-banner position-relative">
            <div class="container d-flex align-items-center justify-content-center h-100 px-0 position-relative">
                <div class="inner-banner-block d-flex align-items-center justify-content-center position-relative p-4">
                    <div class="text-center text-black">
                        <div class="heading lg position-relative  pb-2">
                            <h1 class="text-expand font-weight-bold text-white">
                                Get a Quote
                            </h1>
                        </div>
                        <div class="subheading item-animated fadeInUp animation-du-1_5s animation-dl-2ms pt-3">
                            <h3 class="font-weight-light">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</h3>
                        </div>
                    </div>
                </div>
            </div>
            <div class="wavesshape shape">
                <img src="<%= baseUrl %>/images/waves-shape-2.svg" alt="Shape">
            </div>
        </section>
        <!-- End Inner Page Banner -->
        
        <!-- Main Get a Quote form -->
        <section class="quote-section py-sm-5 py-4">
            <div class="container p-lg-4">
                <div class="row align-items-center">
                    <div class="col-lg-5 col-12">
                        <div class="tumbnails-img-md mx-500 mx-auto" data-aos="zoom-in" data-aos-duration='2000'>
                            <img src="<%= baseUrl %>/images/illustration/ideas-yellow.svg" alt="Get a Quote" class="img-fluid">
                        </div>
                    </div>
                    <div class="col-lg-7 col-12 pl-lg-5 pt-lg-0 pt-4">
                        <div data-aos="fade-zoom-in" data-aos-easing="ease-in" data-aos-delay="00" data-aos-offset="0">
                            <div class="heading">
                                <h2 class="font-weight-semibold">Want to quote? Send us an <span class="text-darkYellow">e-mail</span></h2>
                            </div>
                            <div class="text-darkGrey pt-md-4 pt-3 px-md-0">
                                <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iusto quisquam, eveniet impedit facilis adipisci minus quos sequi magnam cum? Consequatur neque voluptates fugit nisi earum, illo nam ullam quisquam facilis?</p>
                            </div>
                            <form action="" method="post" class="pt-md-4 pt-3">
                                <div class="row">
                                    <div class="col-sm-6 col-12">
                                        <div class="form-group">
                                            <label for="">Full Name</label>
                                            <input type="text" class="form-control" name="" id="" aria-describedby="fullName">
                                            <!-- <small id="fullName" class="form-text text-muted">Help text</small> -->
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-12">
                                        <div class="form-group">
                                            <label for="">Email Address</label>
                                            <input type="email" class="form-control" name="" id="" aria-describedby="emailAddress">
                                            <!-- <small id="emailAddress" class="form-text text-muted">Help text</small> -->
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-12">
                                        <div class="form-group">
                                            <label for="">Contact Number</label>
                                            <input type="text" class="form-control" name="" id="" aria-describedby="contactNumber">
                                            <!-- <small id="contactNumber" class="form-text text-muted">Help text</small> -->
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-12">
                                        <div class="form-group">
                                            <label for="">Company Name</label>
                                            <input type="text" class="form-control" name="" id="" aria-describedby="companyName">
                                            <!-- <small id="companyName" class="form-text text-muted">Help text</small> -->
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label for="">Website</label>
                                            <input type="text" class="form-control" name="" id="" aria-describedby="website">
                                            <!-- <small id="website" class="form-text text-muted">Help text</small> -->
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="form-check pt-2 px-0">
                                            <label class="form-check-label custom-checkbox">
                                                <input type="checkbox" class="form-check-input" name="" id="" value="checkedValue">
                                                <span class="checkmark d-flex align-items-center">
                                                    <span class="check"></span>
                                                    <span class="pl-1">Get emails with news, promos, and updates on the latest events and deals from Jogaapp.</span>
                                                </span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="pt-md-4 pt-3">
                                    <button type="submit" class="btn btn-lg global-radius btn-yellow btn-hvr-shutter">Send Request</button>
                                    <button type="reset" class="btn btn-lg global-radius btn-black btn-hvr-shutter ml-3">Reset</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Main Get a Quote form -->

    </div>

<% include partials/footer %>