@extends('layouts.master')
@section('banner')
    <section class="xs-inner-welcome-section ajolla-inner-welcome-section ajolla-inner-bg-2 parallax-window"
             data-parallax="scroll" data-image-src="assets/images/background/get_in_bg.jpg">
        <div class="xs-solid-overlay xs-bg-black"></div>
        <div class="container">
            <div class="ajolla-inner-welcome-content">
                <h2 class="color-white">Get In Touch</h2>
                <ul class="xs-breadcumb ajolla-breadcumb">
                    <li><a href="index.html" class="color-white"> Home /</a> Contact</li>
                </ul>
            </div>
        </div>
    </section>
@stop
@section('content')
        <section class="xs-content-section-padding ajolla-contact-details-section xs-contact-details-section">
            <div class="container">
                <div class="ajolla-heading-title text-center xs-mb-60">
                    <h2 class="color-navy-blue xs-mb-0">We everywhere for support you</h2>
                </div><!-- .xs-heading-title .ajolla-heading-title END -->

                <div class="row">
                    <div class="col-md-4">
                        <div class="ajolla-contact-details">
                            <div class="xs-box-shadow xs-mb-40 ajolla-widnow-wraper">
                                <div class="ajolla-window-top">
                                    <div id="xs-multiple-map-1" class="xs-map"></div>
                                </div>
                                <div class="ajolla-window-back">
                                    <img src="assets/images/contact/contact-info-img-1.png" alt="">
                                </div>
                                <div class="ajolla-window-nav">
                                    <a href="#" class="ajolla-window-opener">
                                        <i class="fa fa-angle-right"></i>
                                    </a>
                                </div>
                            </div>
                            <!-- xs-box-shadow xs-mb-40 ajolla-widnow-wraper -->
                            <ul class="xs-list-item-icon-text">
                                <li><i class="fa fa-phone color-green"></i>+88 00 11 22 33</li>
                                <li><i class="fa fa-envelope-o color-green"></i>name@yourdomain.com</li>
                                <li><i class="fa fa-map-marker color-green"></i>Welington City, Beside Pull, Australia
                                </li>
                            </ul>
                        </div>
                        <!-- ajolla-contact-details -->
                    </div>
                    <div class="col-md-4">
                        <div class="ajolla-contact-details">
                            <div class="xs-box-shadow xs-mb-40 ajolla-widnow-wraper">
                                <div class="ajolla-window-top">
                                    <div id="xs-multiple-map-2" class="xs-map"></div>
                                </div>
                                <div class="ajolla-window-back">
                                    <img src="assets/images/contact/contact-info-img-2.png" alt="">
                                </div>
                                <div class="ajolla-window-nav">
                                    <a href="#" class="ajolla-window-opener">
                                        <i class="fa fa-angle-right"></i>
                                    </a>
                                </div>
                            </div>
                            <!-- xs-box-shadow xs-mb-40 ajolla-widnow-wraper -->
                            <ul class="xs-list-item-icon-text">
                                <li><i class="fa fa-phone color-green"></i>+09 56 43 768</li>
                                <li><i class="fa fa-envelope-o color-green"></i>name@yourdomain.com</li>
                                <li><i class="fa fa-map-marker color-green"></i>10/A, Hesting City, USA</li>
                            </ul>
                        </div>
                        <!-- ajolla-contact-details -->
                    </div>
                    <div class="col-md-4">
                        <div class="ajolla-contact-details">
                            <div class="xs-box-shadow xs-mb-40 ajolla-widnow-wraper">
                                <div class="ajolla-window-top">
                                    <div id="xs-multiple-map-3" class="xs-map"></div>
                                </div>
                                <div class="ajolla-window-back">
                                    <img src="assets/images/contact/contact-info-img-3.png" alt="">
                                </div>
                                <div class="ajolla-window-nav">
                                    <a href="#" class="ajolla-window-opener">
                                        <i class="fa fa-angle-right"></i>
                                    </a>
                                </div>
                            </div>
                            <!-- xs-box-shadow xs-mb-40 ajolla-widnow-wraper -->
                            <ul class="xs-list-item-icon-text">
                                <li><i class="fa fa-phone color-green"></i>+00 876 54 34</li>
                                <li><i class="fa fa-envelope-o color-green"></i>name@yourdomain.com</li>
                                <li><i class="fa fa-map-marker color-green"></i>Protus Thom, Prekunak, Africa</li>
                            </ul>
                        </div>
                        <!-- ajolla-contact-details -->
                    </div>
                </div>
            </div>
        </section>    <!-- End contact details section -->
        <!-- contact us section -->
        <section class="xs-section-padding xs-gray-bg-2 ajolla-contact-us-section xs-contact-us-section">
            <div class="container">
                <div class="row">
                    <div class="col-md-10 content-center">
                        <div class="xs-section-heading ajolla-section-heading">
                            <div class="xs-heading-title ajolla-heading-title">
                                <h2 class="color-navy-blue">Get in touch</h2>
                                <span class="xs-separetor dashed-separetor ajolla-separetor"></span>
                                <p>Ajolla Inc site thoughtfully designed for real humans which means the best user
                                    experience
                                    for your entire community of donors, fundraisers, customers, and staff.</p>
                            </div><!-- .xs-heading-title .ajolla-heading-title .xs-col-9 END -->
                        </div><!-- .xs-section-heading .ajolla-section-heading .xs-spilit-container END -->
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-8 content-center">
                        <div class="xs-contact-form-wraper">
                            <form action="#" method="POST" id="xs-contact-form">
                                <div class="row xs-margin-0 xs-mb-30">
                                    <div class="col-md-6 xs-padding-0 xs-pr-15">
                                        <div class="xs-input-group">
                                            <label for="xs_contact_name">Name</label>
                                            <div class="xs-input-group-addon">
                                                <i class="fa fa-user color-green xs-input-addon"></i>
                                                <input type="text" name="name" id="xs_contact_name"
                                                       class="xs-input-control"
                                                       placeholder="Enter your name...">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 xs-padding-0 xs-pl-15">
                                        <div class="xs-input-group">
                                            <label for="xs_contact_email">email</label>
                                            <div class="xs-input-group-addon">
                                                <i class="fa fa-envelope-o color-green xs-input-addon"></i>
                                                <input type="email" name="email" id="xs_contact_email"
                                                       class="xs-input-control" placeholder="Enter your email...">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="xs-input-group xs-mb-30">
                                    <label for="xs_contact_subject">subject</label>
                                    <div class="xs-input-group-addon">
                                        <i class="fa fa-sticky-note color-green xs-input-addon"></i>
                                        <input type="text" name="subject" id="xs_contact_subject"
                                               class="xs-input-control"
                                               placeholder="Subject">
                                    </div>
                                </div>
                                <div class="xs-massage-group xs-mb-30">
                                    <label for="x_contact_massage">Message</label>
                                    <div class="xs-massage-group-addon">
                                        <i class="fa fa-pencil color-green xs-input-addon"></i>
                                        <textarea name="massage" id="x_contact_massage" class="xs-textarea-control"
                                                  cols="30" rows="10" placeholder="Enter your message..."></textarea>
                                    </div>
                                </div>
                                <div class="xs-submit-wraper content-center">
                                    <input type="submit" name="submit" value="get a query" id="xs_contact_submit"
                                           class="xs-submit-btn">
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>    <!-- End contact us section -->

        <!-- map section -->
        <div class="xs-map-section">
            <div id="xs-maps" class="xs-map">

            </div>
        </div>    <!-- End map section -->
@stop
@section('scripts')
@stop