<!-- *** LOGIN MODAL ***
_________________________________________________________ -->

        <div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="Login" aria-hidden="true">
            <div class="modal-dialog modal-sm">

                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="Login">Customer login</h4>
                    </div>
                    <div class="modal-body">
                        <form action="customer-orders.html" method="post">
                            <div class="form-group">
                                <input type="text" class="form-control" id="email_modal" placeholder="email">
                            </div>
                            <div class="form-group">
                                <input type="password" class="form-control" id="password_modal" placeholder="password">
                            </div>

                            <p class="text-center">
                                <button class="btn btn-template-main"><i class="fa fa-sign-in"></i> Log in</button>
                            </p>

                        </form>

                        <p class="text-center text-muted">Not registered yet?</p>
                        <p class="text-center text-muted"><a href="customer-register.html"><strong>Register now</strong></a>! It is easy and done in 1&nbsp;minute and gives you access to special discounts and much more!</p>

                    </div>
                </div>
            </div>
        </div>

        <!-- *** LOGIN MODAL END *** -->

        <div id="heading-breadcrumbs">
            <div class="container">
                <div class="row">
                    <div class="col-md-7">
                        <h1>Контакты</h1>
                    </div>
                    <div class="col-md-5">
                        <ul class="breadcrumb">
                            <li><a href="index.html">Главная</a>
                            </li>
                            <li>Контакты</li>
                        </ul>

                    </div>
                </div>
            </div>
        </div>

        <div id="content">
            <div class="container" id="contact">

                <section>

                    <div class="row">
                        <div class="col-md-12">
                            <section>
                                <div class="heading">
                                    <h2>КАК​ ​НАС​ ​НАЙТИ</h2>
                                </div>

                                <p class="lead">Вы сразу обратите внимание на наш офис. Нас можно найти в Дарницком районе, город Киев, по адресу проспект Николая Бажана 1-М, офис 25. Заблудились? Звоните и мы вас встретим. </p>
                                <p class="lead">Наша служба работы с клиентами всегда берет трубку.</p>
                            </section>
                        </div>
                    </div>

                </section>

                <section>

                    <div class="row">
                        <div class="col-md-4">
                            <div class="box-simple">
                                <div class="icon">
                                    <i class="fa fa-map-marker"></i>
                                </div>
                                <h3>Адрес</h3>
                                <p>Киев, ул. Н. Бажана 1-М<br/>(Дарницкий район).
                                </p>
                            </div>
                            <!-- /.box-simple -->
                        </div>


                        <div class="col-md-4">

                            <div class="box-simple">
                                <div class="icon">
                                    <i class="fa fa-phone"></i>
                                </div>
                                <h3>Телефон</h3>
                                <!--<p class="text-muted">Боитесь говорить по телефону? Порой, мы тоже. Можем ответить вам в Telegram, Viber, Whatsapp.</p>-->
                                <p>Контактный номер:<br/>
									<strong>+38 (044) 593-73-76</strong><br/>
									<strong>+38 (098) 468-07-64</strong>
                                </p>
                            </div>
                            <!-- /.box-simple -->

                        </div>

                        <div class="col-md-4">

                            <div class="box-simple">
                                <div class="icon">
                                    <i class="fa fa-envelope"></i>
                                </div>
                                <h3>Электронная почта</h3>
                                <p class="text-muted">Пишите письма, все читаем. Рабочая почта:</p>
                                <ul class="list-style-none">
                                    <li><strong><a href="mailto:mpav@artweb.ua">mpav@artweb.ua</a></li>
                                </ul>
                            </div>
                            <!-- /.box-simple -->
                        </div>
                    </div>

                </section>

                <section>

                    <div class="row text-center">

                        <div class="col-md-12">
                            <div class="heading">
                                <h2>Связаться с нами</h2>
                            </div>
                        </div>

                        <div class="col-md-8 col-md-offset-2">
                            <form>
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="firstname">Имя</label>
                                            <input type="text" class="form-control" id="firstname">
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="lastname">Фамилия</label>
                                            <input type="text" class="form-control" id="lastname">
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="email">Email</label>
                                            <input type="text" class="form-control" id="email">
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <label for="subject">Тема</label>
                                            <input type="text" class="form-control" id="subject">
                                        </div>
                                    </div>
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <label for="message">Сообщение</label>
                                            <textarea id="message" class="form-control"></textarea>
                                        </div>
                                    </div>

                                    <div class="col-sm-12 text-center">
                                        <button type="submit" class="btn btn-template-main"><i class="fa fa-envelope-o"></i> Отправить сообщение</button>

                                    </div>
                                </div>
                                <!-- /.row -->
                            </form>



                        </div>
                    </div>
                    <!-- /.row -->

                </section>


            </div>
            <!-- /#contact.container -->
        </div>
        <!-- /#content -->

        <div id="map">

        </div>

        <!-- *** GET IT ***
_________________________________________________________ -->

        <div id="get-it">
            <div class="container">
                <div class="col-md-8 col-sm-12">
                    <h3>ХОТИТЕ ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК?</h3>
                </div>
                <div class="col-md-4 col-sm-12">
                    <a href="contact.html#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">ПОЗВОНИТЕ МНЕ</a>
                </div>
            </div>
        </div>


        <!-- *** GET IT END *** -->
<?php
	require("./blocks/modal.php");
?>

<!-- *** FOOTER ***
_________________________________________________________ -->

        <footer id="footer">
            <div class="container">
                <div class="col-md-3 col-sm-6">
                    <h4>О нас</h4>

                    <p>Сложившаяся структура организации требует определения и уточнения форм развития.</p>

                    <hr>

                    <h4>Подпишитесь на нашу рассылку</h4>

                    <form>
                        <div class="input-group">

                            <input type="text" class="form-control">

                            <span class="input-group-btn">

                        <button class="btn btn-default" type="button"><i class="fa fa-send"></i></button>

                    </span>

                        </div>
                        <!-- /input-group -->
                    </form>

                    <hr class="hidden-md hidden-lg hidden-sm">

                </div>
                <!-- /.col-md-3 -->

                <div class="col-md-3 col-sm-6">

                    <h4>Блог</h4>

                    <div class="blog-entries">
                        <div class="item same-height-row clearfix">
                            <div class="image same-height-always">
                                <a href="index.html#">
                                    <img class="img-responsive" src="img/detailsquare7.jpg" alt="">
                                </a>
                            </div>
                            <div class="name same-height-always">
                                <h5><a href="index.html#">САМЫЕ ИНТЕРЕСНЫЕ МЕСТА ИНДИИ</a></h5>
                            </div>
                        </div>

                        <div class="item same-height-row clearfix">
                            <div class="image same-height-always">
                                <a href="index.html#">
                                    <img class="img-responsive" src="img/detailsquare8.jpg" alt="">
                                </a>
                            </div>
                            <div class="name same-height-always">
                                <h5><a href="index.html#">ЖИВОПИСНАЯ НОРВЕГИЯ</a></h5>
                            </div>
                        </div>

                        <div class="item same-height-row clearfix">
                            <div class="image same-height-always">
                                <a href="index.html#">
                                    <img class="img-responsive" src="img/detailsquare9.jpg" alt="">
                                </a>
                            </div>
                            <div class="name same-height-always">
                                <h5><a href="index.html#">МАЛЬДИВЫ: РАЙ ДЛЯ ТУРИСТА?</a></h5>
                            </div>
                        </div>
                    </div>

                    <hr class="hidden-md hidden-lg">

                </div>
                <!-- /.col-md-3 -->

                <div class="col-md-3 col-sm-6">

                    <h4>Контакты</h4>

                    <p><strong>Название компании.</strong>
                        <br>Название улицы
                        <br>Дом и офис
                        <br>Киев
                        <br>
                        <strong>Украина</strong>
                    </p>

                    <a href="contact.html" class="btn btn-small btn-template-main">На страницу контактов</a>

                    <hr class="hidden-md hidden-lg hidden-sm">

                </div>
                <!-- /.col-md-3 -->



                <div class="col-md-3 col-sm-6">

                    <h4>Фотогалерея</h4>

                    <div class="photostream">
                        <div>
                            <a href="/gallery.html">
                                <img src="img/detailsquare.jpg" class="img-responsive" alt="#">
                            </a>
                        </div>
                        <div>
                            <a href="/gallery.html">
                                <img src="img/detailsquare2.jpg" class="img-responsive" alt="#">
                            </a>
                        </div>
                        <div>
                            <a href="/gallery.html">
                                <img src="img/detailsquare3.jpg" class="img-responsive" alt="#">
                            </a>
                        </div>
                        <div>
                            <a href="/gallery.html">
                                <img src="img/detailsquare4.jpg" class="img-responsive" alt="#">
                            </a>
                        </div>
                        <div>
                            <a href="/gallery.html">
                                <img src="img/detailsquare5.jpg" class="img-responsive" alt="#">
                            </a>
                        </div>
                        <div>
                            <a href="/gallery.html">
                                <img src="img/detailsquare6.jpg" class="img-responsive" alt="#">
                            </a>
                        </div>
                    </div>

                </div>
                <!-- /.col-md-3 -->
            </div>
            <!-- /.container -->
        </footer>
        <!-- /#footer -->

        <!-- *** FOOTER END *** -->

        <button type="button" class="btn btn-template-primary btn-sm collapsed" data-toggle="collapse" data-target="#style-switch" id="style-switch-button" aria-expanded="false">
            <i class="fa fa-cog fa-2x"></i>
        </button>
		<div id="style-switch" class="collapse" aria-expanded="false" style="height: 42px;">

            <h4 class="text-uppercase">Цвет темы</h4>

            <form class="mb-small">
                <select class="form-control" name="colour" id="colour">
                    <option value="">Выбрать цвет темы</option>
                    <option value="lightblue">голубой</option>
                    <option value="default">зелёный</option>
                    <option value="blue">синий</option>
                    <option value="pink">розовый</option>
                    <option value="turquoise">бирюзовый</option>
                    <option value="violet">фиолетовый</option>
                    <option value="red">красный</option>
                    <option value="marsala">марсала</option>
                </select>
            </form>

            <h4 class="text-uppercase">Формат темы</h4>

            <form class="mb-small">
                <select class="form-control" name="layout" id="layout">
                    <option value="">Выбрать формат темы</option>
                    <option value="wide">Широкий</option>
                    <option value="boxed">Компактный</option>
                </select>
            </form>

            <p>
                <img class="img-responsive" src="img/templatepop.png" alt="">
            </p>

        </div>

    </div>
    <!-- /#all -->

    <!-- #### JAVASCRIPT FILES ### -->

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script>
        window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')
    </script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

    <script src="js/jquery.cookie.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <script src="js/jquery.parallax-1.1.3.js"></script>
    <script src="js/front.js"></script>
    <script src="js/modal.js"></script>
	<script src="/js/photoswipe.min.js"></script>
	<script src="/js/photoswipe-ui-default.min.js"></script>
	<script src="/js/start-swipe.js"></script>
	

	<!-- gmaps -->


    <script src="/js/gmaps.init.js"></script>
    <script src="//maps.googleapis.com/maps/api/js?key=AIzaSyCgyPQhOmGEwyAdZ0uS6fJLLvnNxgncfy0"></script>

    <!-- gmaps end -->
    <!-- owl carousel -->
    <script src="js/owl.carousel.min.js"></script>
    <script src="/js/submit.js"></script>

</body>
</html>