{% set page_title = 'Dark Creative Portfolio - Contact' %}
{% extends 'layouts/layout-dark-creative-portfolio.html' %}

{% block content %}

    <div class="container">
        <div class="row">
            <div class="col-lg-8 offset-lg-2">
                <!-- START: Contact Info -->
                <div class="nk-gap-2 mt-10"></div>

                <div class="text-center">
                    <h1>Contact Info</h1>
                    <div class="nk-gap mnt-10"></div>

                    <p>Let us know what you're looking for in an agency. We'll take a look and see if this <br> could be the start of something beautiful. Please get in touch and <br> let’s schedule time to talk!</p>
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="nk-ibox-5">
                            <div class="nk-ibox-icon">
                                <span class="pe-7s-call"></span>
                            </div>
                            <div class="nk-ibox-cont">
                                <div class="nk-ibox-title">Phone</div>
                                <div class="nk-ibox-text text-gray">+44 987 065 908</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="nk-ibox-5">
                            <div class="nk-ibox-icon">
                                <span class="pe-7s-map-marker"></span>
                            </div>
                            <div class="nk-ibox-cont">
                                <div class="nk-ibox-title">Address</div>
                                <div class="nk-ibox-text text-gray">10111 Santa Monica Boulevard, LA</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="nk-ibox-5">
                            <div class="nk-ibox-icon">
                                <span class="pe-7s-paper-plane"></span>
                            </div>
                            <div class="nk-ibox-cont">
                                <div class="nk-ibox-title">Email</div>
                                <div class="nk-ibox-text text-gray">info@Example.com</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="nk-gap-4"></div>
                <!-- END: Contact Info -->
            </div>
        </div>
    </div>

    <div class="bg-dark-05">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <!-- START: Get in Touch -->
                    <div class="nk-gap-5"></div>

                    <form action="php/ajax-contact-form.php" class="nk-form nk-form-ajax">
                        <div class="row vertical-gap">
                            <div class="col-md-6">
                                <input type="text" class="form-control required" name="name" placeholder="Your Name">
                            </div>
                            <div class="col-md-6">
                                <input type="email" class="form-control required" name="email" placeholder="Your Email">
                            </div>
                        </div>

                        <div class="nk-gap-1"></div>
                        <input type="text" class="form-control required" name="title" placeholder="Your Title">

                        <div class="nk-gap-1"></div>
                        <textarea class="form-control required" name="message" rows="8" placeholder="Your Message" aria-required="true"></textarea>
                        <div class="nk-gap-1"></div>
                        <div class="nk-form-response-success"></div>
                        <div class="nk-form-response-error"></div>
                        <div class="text-center">
                            <button class="nk-btn nk-btn-color-dark-1">Send Message</button>
                        </div>
                    </form>
                    <!-- END: Get in Touch -->

                    <div class="nk-gap-5"></div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}