@extends('layouts.master', ['flanks' =>true])
@section('title', 'Contact Us | Ajolla Inc')

@section('banner')
@stop
@section('content')
    <div style="height: 100px"></div>
    <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>
                    </div>
                </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="SEND" 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