<!-- *** 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>
    <!-- owl carousel -->
    <script src="js/owl.carousel.min.js"></script>
	<script src="/js/submit.js"></script>

</body>
</html>