{include file=$header title=""}

<!-- blog cover-->
<section class="bg blog-cover" style="background-image: url('/img/pages/{$page[0].main_img}.jpg');">
    <div class="container">
        <div class="text-center sm-padding-40px-tb sm-padding-15px-lr">
            <h5 class="text-uppercase alt-font text-white margin-20px-bottom font-weight-700">
                {$page[0].title}</h5>
            <p class="text-white margin-5px-bottom">{$page[0].description}</p>
            <div class="page_nav">
                <span class="text-white">:~# </span> <a href="/" class="text-white">Старт</a> <span class="text-white"><i class="fa fa-angle-double-right"></i> {$page[0].title}</span>
            </div>
        </div>
    </div>
</section>
<!-- blog cover end-->

<!-- blog content-->
<section>

    <div class="container">

        <div class="row">
            <!-- blog right side -->
            <div class="col-md-12 col-sm-12 col-xs-12 right-sidebar sm-margin-60px-bottom xs-margin-40px-bottom no-padding-left sm-no-padding-right">
                <h1 style="font-size: 16pt;">{$page[0].title}</h1>
                <!-- start post item -->
                <div class="col-md-12 col-sm-12 col-xs-12 margin-50px-bottom">
                    <div class="blog-post-list">

                        <article>
                            {$page[0].txt}
                        </article>
                    </div>
                </div>





            </div>

            <!-- blog left side -->
            <aside class="col-md-3 col-sm-12 col-xs-12 pull-right" style="display: none;">
                <!-- search -->
                <div class="display-inline-block width-100 margin-45px-bottom xs-margin-25px-bottom">
                    <form>
                        <div class="position-relative">
                            <input type="text" class="bg-transparent text-small no-margin border-color-extra-light-gray medium-input pull-left" placeholder="Enter your keywords...">
                            <button type="submit" class="bg-transparent btn btn-blog-icon position-absolute"><i class="fa fa-search no-margin-left"></i></button>
                        </div>
                    </form>
                </div>
                {*
                <!-- contributor -->
                <div class="margin-25px-bottom contributor">
                    <div class="text-extra-dark-gray margin-20px-bottom alt-font text-large font-weight-600">Our Contributors</div>
                    <!-- contributor one -->
                    <div class="contributor-toltip">
                        <a href="#."><img src="images/contributor-img1.jpg" alt="image"></a>
                        <span class="tooltiptext text-small">Mary Youm</span>
                    </div>
                    <!-- contributor two -->
                    <div class="contributor-toltip">
                        <a href="#."><img src="images/contributor-img2.jpg" alt="image"></a>
                        <span class="tooltiptext text-small">Steph Hok</span>
                    </div>
                    <!-- contributor three -->
                    <div class="contributor-toltip">
                        <a href="#."><img src="images/contributor-img3.jpg" alt="image"></a>
                        <span class="tooltiptext text-small">Kevin Dar</span>
                    </div>
                    <!-- contributor four -->
                    <div class="contributor-toltip">
                        <a href="#."><img src="images/contributor-img4.jpg" alt="image"></a>
                        <span class="tooltiptext text-small">Kriti yum</span>
                    </div>
                    <!-- contributor five -->
                    <div class="contributor-toltip">
                        <a href="#."><img src="images/contributor-img5.jpg" alt="image"></a>
                        <span class="tooltiptext text-small">Jhon De</span>
                    </div>
                    <!-- contributor six -->
                    <div class="contributor-toltip">
                        <a href="#."><img src="images/contributor-img6.jpg" alt="image"></a>
                        <span class="tooltiptext text-small">Kris Den</span>
                    </div>

                    <p class="margin-20px-bottom text-small margin-30px-top">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard.</p>
                </div>
                *}
                <!-- popular post -->
                <div class="margin-45px-bottom xs-margin-25px-bottom">
                    <div class="text-extra-dark-gray margin-25px-bottom alt-font font-weight-600 text-large aside-title"><span>Popular post</span></div>
                    <ul class="latest-post position-relative no-padding">
                        <li class="padding-15px-bottom sm-padding-30px-bottom">
                            <figure class="margin-5px-right">
                                <a href="#."><img src="images/aside-image-1.jpg" alt="image"></a>
                            </figure>
                            <div class="display-table-cell vertical-align-top text-small"><a href="#." class="text-extra-dark-gray text-small"><span class="display-inline-block margin-5px-bottom">At The End Of The Day Going Forward</span></a> <span class="clearfix text-medium-gray text-small">August 23, 2018</span></div>
                        </li>
                        <li class="padding-15px-bottom sm-padding-30px-bottom">
                            <figure class="margin-5px-right">
                                <a href="#."><img src="images/aside-image-2.jpg" alt="image"></a>
                            </figure>
                            <div class="display-table-cell vertical-align-top text-small"><a href="#." class="text-extra-dark-gray text-small"><span class="display-inline-block margin-5px-bottom">At The End Of The Day Going Forward</span></a> <span class="clearfix text-medium-gray text-small">August 23, 2018</span></div>
                        </li>
                        <li class="padding-15px-bottom sm-padding-30px-bottom">
                            <figure class="margin-5px-right">
                                <a href="#."><img src="images/aside-image-3.jpg" alt="image"></a>
                            </figure>
                            <div class="display-table-cell vertical-align-top text-small"><a href="#." class="text-extra-dark-gray text-small"><span class="display-inline-block margin-5px-bottom">At The End Of The Day Going Forward</span></a> <span class="clearfix text-medium-gray text-small">August 23, 2018</span></div>
                        </li>
                    </ul>
                </div>
                <!-- Categories -->
                <div class="margin-45px-bottom xs-margin-25px-bottom">
                    <div class="text-extra-dark-gray margin-20px-bottom alt-font font-weight-600 text-large aside-title"><span>Разделы</span></div>
                    <ul class="blog-list-style margin-50px-bottom text-small no-padding">
                        {section name=customer loop=$cats_lists} {if $cats_lists[customer].id}


                        <li><a href="/cat/{$cats_lists[customer].id}" class="text-extra-medium-gray">{$cats_lists[customer].txt}</a><span class="float-right">{$cats_lists[customer].posts_count}</span></li>

                        {/if} {/section}
                    </ul>
                </div>
                <!-- Tags -->
                <div class="margin-45px-bottom xs-margin-25px-bottom">
                    <div class="text-extra-dark-gray margin-25px-bottom alt-font font-weight-600 text-large aside-title">Tags</div>
                    <div class="tag-cloud text-extra-small">

                        {if ($keys)} {section name=customer loop=$keys}{if $keys[customer]}

                        <a href="/find/{$keys[customer]|lower}">{$keys[customer]}</a> {/if}{/section}{/if}
                        <!--a href="#">Business</a>
                        <a href="#">Art & Craft</a>
                        <a href="#">Logestic</a>
                        <a href="#">Lifestyle</a>
                        <a href="#">Professional</a>
                        <a href="#">Art</a>
                        <a href="#">Handy Craft</a>
                        <a href="#">Creativity</a -->
                    </div>
                </div>
            </aside>
        </div>
    </div>
</section>
<!-- blog content end-->


<!-- start work -->
<section id="work" class="portfolio no-transition no-padding-bottom">

    <!-- div class="container">
        <div class="row">
            <div class="col-lg-9 text-center center-col last-paragraph-no-margin">
                <div class="sec-title margin-50px-bottom">
                    <div class="text-large text-red margin-10px-bottom font-weight-400 text-blue">Portfolio Designs</div>
                    <h3 class="text-capitalize alt-font text-extra-dark-gray font-weight-300">
                        Последние работы</h3>
                    <p class="width-75 margin-lr-auto md-width-90 xs-width-100 xs-margin-30px-bottom">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Perspiciatis unde omnis iste natus error sit.</p>
                </div>
            </div>
        </div>
    </div -->
    <div class="row">
        <!-- filter links -->
        <!-- div class="filtering col-sm-12 text-center margin-50px-bottom">
            <span data-filter="*" class="active">Все</span>
            <span data-filter=".brand">Логотипы</span>
            <span data-filter=".web">Дизайн</span>
            <span data-filter=".montazh">Монтаж</span>
        </div -->

        <div class="clearfix"></div>
        <!-- gallery -->
        <div class="gallery text-center">

            <!-- gallery item -->
            <div class="col-md-3 items web sm-width-100">
                <div class="item-img">
                    <a href="images/workimg2.jpg" data-fancybox="images">
                        <img src="images/workimg2.jpg" alt="image">
                        <div class="item-img-overlay valign">
                            <div class="overlay-info width-100">
                                <h6 class="margin-5px-bottom">Recent Work</h6>
                                <p>See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

            <!-- gallery item -->
            <div class="col-md-3 items web sm-width-100">
                <div class="item-img">
                    <a href="images/workimg3.jpg" data-fancybox="images">
                        <img src="images/workimg3.jpg" alt="image">
                        <div class="item-img-overlay valign">
                            <div class="overlay-info width-100">
                                <h6 class="margin-5px-bottom">Recent Work</h6>
                                <p>See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

            <!-- gallery item -->
            <div class="col-md-6 items web sm-width-100">
                <div class="item-img">
                    <a href="images/workimg1.jpg" data-fancybox="images">
                        <img src="images/workimg1.jpg" alt="image">
                        <div class="item-img-overlay valign">
                            <div class="overlay-info width-100">
                                <h6 class="margin-5px-bottom">Recent Work</h6>
                                <p>See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

            <!-- gallery item -->
            <div class="col-md-6 items graphic sm-width-100">
                <div class="item-img">
                    <a href="images/workimg6.jpg" data-fancybox="images">
                        <img src="images/workimg6.jpg" alt="image">
                        <div class="item-img-overlay valign">
                            <div class="overlay-info width-100">
                                <h6 class="margin-5px-bottom">Recent Work</h6>
                                <p>See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

            <!-- gallery item -->
            <div class="col-md-3 items brand sm-width-100">
                <div class="item-img">
                    <a href="images/workimg4.jpg" data-fancybox="images">
                        <img src="images/workimg4.jpg" alt="image">
                        <div class="item-img-overlay valign">
                            <div class="overlay-info width-100">
                                <h6 class="margin-5px-bottom">Recent Work</h6>
                                <p>See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

            <!-- gallery item -->
            <div class="col-md-3 items graphic sm-width-100">
                <div class="item-img">
                    <a href="images/workimg5.jpg" data-fancybox="images">
                        <img src="images/workimg5.jpg" alt="image">
                        <div class="item-img-overlay valign">
                            <div class="overlay-info width-100">
                                <h6 class="margin-5px-bottom">Recent Work</h6>
                                <p>See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

        </div>

        <div class="clear-fix"></div>


    </div>
</section>
<!-- end work -->
{include file=$footer}