 <!-- *** 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 *** -->
        <section class="hidden-lg hidden-md main-car-mobile">
            <div class="home-carousel">

                <div class="dark-mask"></div>

                <div class="container">
                    <div class="homepage owl-carousel">
                        <div class="item">
                            <div class="row">
                                <div class="col-sm-4">
                                    <img class="img-responsive" src="img/ph_gal_01.png" alt="">
                                </div>
                                <div class="col-sm-8 right">
                                    <h1>ПОРТФОЛИО ФОТОГРАФА НИКОЛАСА</h1>
                                    <p>Рады видеть вас в портфолио портретного фото-художника Николаса. Его работы завораживают тем, насколько тонко он чувствует своих моделей. Мягкие полутени, выразительность взгляда, черно-белая фотография настоящего профессионала своего дела.</p>
                                    <p style="margin-top:25px;"> </p>
                                    <p><a href="#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать съёмку</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="row">


                                <div class="col-sm-4 text-center">
                                    <img class="img-responsive" src="img/ph_gal_02.png" alt="">
                                </div>
                                <div class="col-sm-8">
                                    <h1>БОЛЕЕ 600 ФОТО-РАБОТ</h1>
                                    <ul class="list-style-none">
                                        <li>Портретные снимки детей, женщин и мужчин любого возраста. Складывается ощущение, что Николас знаком с каждым уже много лет.</li>
                                    </ul>
                                    <p style="margin-top:25px;"> </p>
                                    <p><a href="#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать съёмку</a></p>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- /.project owl-slider -->
                </div>
            </div>
        </section>
        <section class="hidden-xs hidden-sm">
            <!-- *** HOMEPAGE CAROUSEL ***
 _________________________________________________________ -->

            <div class="home-carousel">

                <div class="dark-mask"></div>

                <div class="container">
                    <div class="homepage owl-carousel">
                        <div class="item">
                            <div class="row">
                                <div class="col-sm-8 right">
                                    <h1>ПОРТФОЛИО ФОТОГРАФА НИКОЛАСА</h1>
                                    <p>Рады видеть вас в портфолио портретного фото-художника Николаса. Его работы завораживают тем, насколько тонко он чувствует своих моделей. Мягкие полутени, выразительность взгляда, черно-белая фотография настоящего профессионала своего дела.</p>
									<p style="margin-top:25px;"> </p>
									<p><a href="#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать съёмку</a></p>
                                </div>
                                <div class="col-sm-4">
                                    <img class="img-responsive" src="img/ph_gal_01.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="row">

                                <div class="col-sm-4 text-center">
                                    <img class="img-responsive" src="img/ph_gal_02.png" alt="">
                                </div>

                                <div class="col-sm-8">
                                    <h2>БОЛЕЕ 600 ФОТО-РАБОТ</h2>
                                    <ul class="list-style-none">
                                        <li>Портретные снимки детей, женщин и мужчин любого возраста. Складывается ощущение, что Николас знаком с каждым уже много лет.</li>
                                    </ul>
									<p style="margin-top:25px;"> </p>
									<p><a href="#" class="btn btn-template-transparent-primary modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать съёмку</a></p>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- /.project owl-slider -->
                </div>
            </div>

            <!-- *** HOMEPAGE CAROUSEL END *** -->
        </section>

        <section class="bar background-white no-mb portfolio-wr">
            <div class="container" data-animate="fadeInUp">
                <div class="row">
                    <div class="col-md-12">

                        <div class="heading text-center">
                            <h2>ПОРТФОЛИО</h2>
                        </div>

                        <div class="row">
                            <div class="portfolio-showcase clearfix">
                                <div class="col-sm-6">
                                    <div class="image">
                                        <img src="img/photo1.jpeg" alt="" class="img-responsive">
                                    </div>
                                </div>

                                <div class="col-sm-6">
                                    <h3><a href="portfolio-detail.html">ПОРТФОЛИО НИКОЛАСА</a></h3>
                                    <p class="lead">Тяжело найти фотографа, который сумеет так передать всю красоту человека. Николас знает, что нужно для создания портрета на который можно любоваться долгие годы. Общение с фотографом завораживает всех, кто с ним разговаривает: он сумеет вас понять. Попробуйте и для себя создать портрет на который вы заслуживаете.</p>
                                    <p class="buttons">
                                        <a href="portfolio-detail.html" class="btn btn-template-main">Больше фотографий</a>
                                        <a href="index5.html#" class="btn btn-template-main modal-link" data-title="Заказать" data-form="artboxcore-modal">Заказать портрет</a>
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="heading text-center">
                            <h3>НЕДАВНИЕ ФОТО</h3>
                        </div>

                        <div class="row portfolio no-space">
                            <div class="col-sm-4">
                                <div class="box-image">
                                    <div class="image">
                                        <img src="img/ppl1.jpg" alt="" class="img-responsive">
                                    </div>
                                    <div class="bg"></div>
                                    <div class="name">
                                        <h3><a href="portfolio-detail.html">Фотография в портфолио</a></h3> 
                                    </div>
                                    <div class="text">
<!--                                        <p class="hidden-sm">Повседневная практика показывает, что новая модель организационной деятельности требуют от нас анализа существенных финансовых и административных условий.</p>-->
                                        <p class="buttons">
                                            <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">Посмотреть</a>
                                            <a href="index5.html#" class="btn btn-template-transparent-primary">Вебсайт</a>
                                        </p>
                                    </div>
                                </div>
                                <!-- /.box-image -->

                            </div>

                            <div class="col-sm-4">
                                <div class="box-image">
                                    <div class="image">
                                        <img src="img/ppl2.jpg" alt="" class="img-responsive">
                                    </div>
                                    <div class="bg"></div>
                                    <div class="name">
                                        <h3><a href="portfolio-detail.html">Фотография в портфолио</a></h3> 
                                    </div>
                                    <div class="text">
<!--                                        <p class="hidden-sm">Повседневная практика показывает, что новая модель организационной деятельности требуют от нас анализа существенных финансовых и административных условий.</p>-->
                                        <p class="buttons">
                                            <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">Посмотреть</a>
<!--                                            <a href="index5.html#" class="btn btn-template-transparent-primary">Вебсайт</a>-->
                                        </p>
                                    </div>
                                </div>
                                <!-- /.box-image -->

                            </div>

                            <div class="col-sm-4">
                                <div class="box-image">
                                    <div class="image">
                                        <img src="img/ppl3.jpg" alt="" class="img-responsive">
                                    </div>
                                    <div class="bg"></div>
                                    <div class="name">
                                        <h3><a href="portfolio-detail.html">Фотография в портфолио</a></h3> 
                                    </div>
                                    <div class="text">
<!--                                        <p class="hidden-sm">Повседневная практика показывает, что новая модель организационной деятельности требуют от нас анализа существенных финансовых и административных условий.</p>-->
                                        <p class="buttons">
                                            <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">Посмотреть</a>
<!--                                            <a href="index5.html#" class="btn btn-template-transparent-primary">Вебсайт</a>-->
                                        </p>
                                    </div>
                                </div>
                                <!-- /.box-image -->

                            </div>

                            <div class="col-sm-4">
                                <div class="box-image">
                                    <div class="image">
                                        <img src="img/ppl4.jpg" alt="" class="img-responsive">
                                    </div>
                                    <div class="bg"></div>
                                    <div class="name">
                                        <h3><a href="portfolio-detail.html">Фотография в портфолио</a></h3> 
                                    </div>
                                    <div class="text">
<!--                                        <p class="hidden-sm">Повседневная практика показывает, что новая модель организационной деятельности требуют от нас анализа существенных финансовых и административных условий.</p>-->
                                        <p class="buttons">
                                            <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">Посмотреть</a>
<!--                                            <a href="index5.html#" class="btn btn-template-transparent-primary">Вебсайт</a>-->
                                        </p>
                                    </div>
                                </div>
                                <!-- /.box-image -->
                            </div>

                            <div class="col-sm-4">
                                <div class="box-image">
                                    <div class="image">
                                        <img src="img/ppl5.jpg" alt="" class="img-responsive">
                                    </div>
                                    <div class="bg"></div>
                                    <div class="name">
                                        <h3><a href="portfolio-detail.html">Фотография в портфолио</a></h3> 
                                    </div>
                                    <div class="text">
<!--                                        <p class="hidden-sm">Повседневная практика показывает, что новая модель организационной деятельности требуют от нас анализа существенных финансовых и административных условий.</p>-->
                                        <p class="buttons">
                                            <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">Посмотреть</a>
<!--                                            <a href="index5.html#" class="btn btn-template-transparent-primary">Вебсайт</a>-->
                                        </p>
                                    </div>
                                </div>
                                <!-- /.box-image -->
                            </div>

                            <div class="col-sm-4">
                                <div class="box-image">
                                    <div class="image">
                                        <img src="img/ppl6.jpg" alt="" class="img-responsive">
                                    </div>
                                    <div class="bg"></div>
                                    <div class="name">
                                        <h3><a href="portfolio-detail.html">Фотография в портфолио</a></h3> 
                                    </div>
                                    <div class="text">
<!--                                        <p class="hidden-sm">Повседневная практика показывает, что новая модель организационной деятельности требуют от нас анализа существенных финансовых и административных условий.</p>-->
                                        <p class="buttons">
                                            <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">Посмотреть</a>
<!--                                            <a href="index5.html#" class="btn btn-template-transparent-primary">Вебсайт</a>-->
                                        </p>
                                    </div>
                                </div>
                                <!-- /.box-image -->
                            </div>

                            <div class="col-sm-4">
                                <div class="box-image">
                                    <div class="image">
                                        <img src="img/ppl11.jpg" alt="" class="img-responsive">
                                    </div>
                                    <div class="bg"></div>
                                    <div class="name">
                                        <h3><a href="portfolio-detail.html">Фотография в портфолио</a></h3> 
                                    </div>
                                    <div class="text">
<!--                                        <p class="hidden-sm">Повседневная практика показывает, что новая модель организационной деятельности требуют от нас анализа существенных финансовых и административных условий.</p>-->
                                        <p class="buttons">
                                            <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">Посмотреть</a>
<!--                                            <a href="index5.html#" class="btn btn-template-transparent-primary">Вебсайт</a>-->
                                        </p>
                                    </div>
                                </div>
                                <!-- /.box-image -->
                            </div>
                            <div class="col-sm-4">
                                <div class="box-image">
                                    <div class="image">
                                        <img src="img/ppl9.jpg" alt="" class="img-responsive">
                                    </div>
                                    <div class="bg"></div>
                                    <div class="name">
                                        <h3><a href="portfolio-detail.html">Фотография в портфолио</a></h3> 
                                    </div>
                                    <div class="text">
<!--                                        <p class="hidden-sm">Повседневная практика показывает, что новая модель организационной деятельности требуют от нас анализа существенных финансовых и административных условий.</p>-->
                                        <p class="buttons">
                                            <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">Посмотреть</a>
<!--                                            <a href="index5.html#" class="btn btn-template-transparent-primary">Вебсайт</a>-->
                                        </p>
                                    </div>
                                </div>
                                <!-- /.box-image -->
                            </div>
                            <div class="col-sm-4">
                                <div class="box-image">
                                    <div class="image">
                                        <img src="img/ppl10.jpg" alt="" class="img-responsive">
                                    </div>
                                    <div class="bg"></div>
                                    <div class="name">
                                        <h3><a href="portfolio-detail.html">Фотография в портфолио</a></h3> 
                                    </div>
                                    <div class="text">
<!--                                        <p class="hidden-sm">Повседневная практика показывает, что новая модель организационной деятельности требуют от нас анализа существенных финансовых и административных условий.</p>-->
                                        <p class="buttons">
                                            <a href="portfolio-detail.html" class="btn btn-template-transparent-primary">Посмотреть</a>
<!--                                            <a href="index5.html#" class="btn btn-template-transparent-primary">Вебсайт</a>-->
                                        </p>
                                    </div>
                                </div>
                                <!-- /.box-image -->
                            </div>
                        </div>

                        <div class="see-more">
                            <a href="portfolio-4.html" class="btn btn-template-main">Посмотреть больше работ</a>
                        </div>

                    </div>

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

        <section class="bar background-pentagon no-mb">
            <div class="container">
                <div class="row showcase">
                    <div class="col-md-3 col-sm-6">
                        <div class="item">
                            <div class="icon"><i class="fa fa-align-justify"></i>
                            </div>
                            <h4><span class="counter">600</span><br>

		Фото</h4>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="item">
                            <div class="icon"><i class="fa fa-users"></i>
                            </div>
                            <h4><span class="counter">500</span><br>

		Моделей</h4>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="item">
                            <div class="icon"><i class="fa fa-copy"></i>
                            </div>
                            <h4><span class="counter">45</span><br>

		Глянцевых проектов</h4>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="item">
                            <div class="icon"><i class="fa fa-font"></i>
                            </div>
                            <h4><span class="counter">10</span><br> 

		Наград</h4>
                        </div>
                    </div>
                </div>
                <!-- /.row -->
            </div>
            <!-- /.container -->
        </section>
        <!-- /.bar -->

        <section class="bar background-white no-mb">
            <div class="container">

                <div class="col-md-12">
                    <div class="heading text-center">
                        <h2>БЛОГ ФОТОГРАФА</h2>
                    </div>

                    <p class="lead">Привет, меня зовут Николас. Я вырос в Риге, а сейчас живу в Киеве. Я знаю, что вы пришли посмотреть на фотографии, и я этому очень рад. Но мне хочется, чтобы больше узнали о чем я думаю, когда делаю фото. <a href="blog.html"><span class="accent">Заглянуть в блог.</span></a>
                    </p>

                    <!-- *** BLOG HOMEPAGE ***
_________________________________________________________ -->

                    <div class="row articles-flex">
                        <div class="col-md-3 col-sm-6">
                            <div class="box-image-text blog">
                                <div class="top">
                                    <div class="image">
                                        <img src="img/portf01.jpg" alt="" class="img-responsive">
                                    </div>
                                    <div class="bg"></div>
                                    <div class="text">
                                        <p class="buttons">
                                            <a href="blog-post.html" class="btn btn-template-transparent-primary"><i class="fa fa-link"></i> Читать далее</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="content">
                                    <h4><a href="blog-post.html">Девушка с веснушками Ольга</a></h4>
                                    <p class="author-category">By <a href="index5.html#">НИКОЛАС</a> in <a href="blog.html">PHOTOBYN</a>
                                    </p>
                                    <p class="intro">С Ольгой мы знакомы чуть больше чем целую вечность. Я сразу заметил ее рыжие волосы и в день первой встречи сказал, что мы просто обязаны сделать фотосессию.</p>
                                    <p class="read-more"><a href="blog-post.html" class="btn btn-template-main">Читать далее</a>
                                    </p>
                                </div>
                            </div>
                            <!-- /.box-image-text -->

                        </div>

                        <div class="col-md-3 col-sm-6">
                            <div class="box-image-text blog">
                                <div class="top">
                                    <div class="image">
                                        <img src="img/portf02.jpg" alt="" class="img-responsive">
                                    </div>
                                    <div class="bg"></div>
                                    <div class="text">
                                        <p class="buttons">
                                            <a href="blog-post.html" class="btn btn-template-transparent-primary"><i class="fa fa-link"></i> Читать далее</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="content">
                                    <h4><a href="blog-post.html">Черно-белые фото</a></h4>
                                    <p class="author-category">By <a href="index5.html#">НИКОЛАС</a> in <a href="blog.html">PHOTOBYN</a>
                                    </p>
                                    <p class="intro">Меня завораживают ретро фото. Все кто со мной знаком лично знают об этой маленькой страсти. В этой статье я расскажу почему так часто делаю снимки без цвета.</p>
                                    <p class="read-more"><a href="blog-post.html" class="btn btn-template-main">Читать далее</a>
                                    </p>
                                </div>
                            </div>
                            <!-- /.box-image-text -->

                        </div>

                        <div class="col-md-3 col-sm-6">
                            <div class="box-image-text blog">
                                <div class="top">
                                    <div class="image">
                                        <img src="img/portf03.jpg" alt="" class="img-responsive">
                                    </div>
                                    <div class="bg"></div>
                                    <div class="text">
                                        <p class="buttons">
                                            <a href="blog-post.html" class="btn btn-template-transparent-primary"><i class="fa fa-link"></i> Читать далее</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="content">
                                    <h4><a href="blog-post.html">10 Советов начинающим фотографам</a></h4>
                                    <p class="author-category">By <a href="index5.html#">НИКОЛАС</a> in <a href="blog.html">PHOTOBYN</a>
                                    </p>
                                    <p class="intro">У меня есть опыт в портретной съемке и я хочу им поделиться.</p>
                                    <p class="read-more"><a href="blog-post.html" class="btn btn-template-main">Читать далее</a>
                                    </p>
                                </div>
                            </div>
                            <!-- /.box-image-text -->

                        </div>

                        <div class="col-md-3 col-sm-6">
                            <div class="box-image-text blog">
                                <div class="top">
                                    <div class="image">
                                        <img src="img/portf04.jpg" alt="" class="img-responsive">
                                    </div>
                                    <div class="bg"></div>
                                    <div class="text">
                                        <p class="buttons">
                                            <a href="blog-post.html" class="btn btn-template-transparent-primary"><i class="fa fa-link"></i> Читать далее</a>
                                        </p>
                                    </div>
                                </div>
                                <div class="content">
                                    <h4><a href="blog-post.html">Как я фотографировал свою дочку</a></h4>
                                    <p class="author-category">By <a href="index5.html#">НИКОЛАС</a> in <a href="blog.html">PHOTOBYN</a>
                                    </p>
                                    <p class="intro">Моей дочке всего 7 лет. В отличие от меня она откровенно безразлична к фото. Но мне удалось уговорить ее сделать одну потрясающую съемку.</p>
                                    <p class="read-more"><a href="blog-post.html" class="btn btn-template-main">Читать далее</a>
                                    </p>
                                </div>
                            </div>
                            <!-- /.box-image-text -->

                        </div>

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

                    <!-- *** BLOG HOMEPAGE END *** -->

                </div>

            </div>
            <!-- /.container -->
        </section>
        <!-- /.bar -->

        

        <!-- *** 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="index5.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/portf02s.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/portf03s.jpg" alt="">
                                </a>
                            </div>
                            <div class="name same-height-always">
                                <h5><a href="index.html#">10 СОВЕТОВ НАЧИНАЮЩИМ ФОТОГРАФАМ</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/portf04s.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/sppl6.jpg" class="img-responsive" alt="#">
                            </a>
                        </div>
                        <div>
                            <a href="/gallery.html">
                                <img src="img/sppl7.jpg" class="img-responsive" alt="#">
                            </a>
                        </div>
                        <div>
                            <a href="/gallery.html">
                                <img src="img/sppl8.jpg" class="img-responsive" alt="#">
                            </a>
                        </div>
                        <div>
                            <a href="/gallery.html">
                                <img src="img/sppl9.jpg" class="img-responsive" alt="#">
                            </a>
                        </div>
                        <div>
                            <a href="/gallery.html">
                                <img src="img/sppl10.jpg" class="img-responsive" alt="#">
                            </a>
                        </div>
                        <div>
                            <a href="/gallery.html">
                                <img src="img/sppl11.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>