{include file=$header title=$page_info[0].txt}

<!-- blog cover-->
<section class="bg blog-cover" style="background-image: url('/img/pages_cat/slider/{$smarty.get.id}/{$sliders[0]}');">
    <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_info[0].txt}</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_info[0].txt}</span>
            </div>
        </div>
    </div>
</section>
<!-- blog cover end-->

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

    <div class="container">

        <div class="row">
            <!-- blog right side -->
            <div class="col-md-9 col-sm-12 col-xs-12 right-sidebar sm-margin-60px-bottom xs-margin-40px-bottom no-padding-left sm-no-padding-right">
                <h1>{$page_info[0].txt}</h1>
                <!-- start post item -->
                <div class="col-md-12 col-sm-12 col-xs-12 margin-50px-bottom">
                    <div class="blog-post-list">
                        <div class="col-xs-12 margin-30px-bottom">
                            <!--div class="blog-list-image">
                                <img src="images/blog-list-img1.jpg" alt="blog-image">
                            </div-->
                        </div>
                        <!-- div class="col-md-8 col-sm-6">
                            <a href="blog.html" class="text-dark-gray">
                                <h5 class="text-extra-dark-gray text-capitalize alt-font text-extra-large font-weight-600 margin-15px-bottom display-block">{*$page[0].title*}</h5>
                            </a>
                            <p class="margin-20px-top">Lorem Ipsum is simply dummy text of the printing and typeset industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a specimen.</p>
                        </div -->
                        <!--div class="col-md-4 col-sm-6">
                            <div class="blog-author">
                                <span class="author-img"><img src="images/author1.jpg" alt="author"></span>
                                <div class="author-name"><a class="no-margin-bottom text-medium font-weight-400 text-extra-medium-gray" href="#.">{$user_info.fio}</a> <span class="display-block text-small">contributor</span> </div>
                                <p class="metas"> <i class="fa fa-calendar"></i> <span>{$page[0].date}</span></p>
                                <p class="metas"> <i class="fa fa-folder-open"></i> <span>Retail, Food, Business</span></p>
                            </div>
                        </div>
                        <hr -->
                        <article class="row">
                            {section name=customer loop=$list} {if $list[customer].id}
                            <div class="col-sm-3">{if ($list[customer].alias)}
                                <a href="/{$list[customer].alias}.html">
                                {else}
                                <a href="/page/{$list[customer].id}"> {/if}<img src="/img/pages/{$list[customer].main_img}_300_300.jpg"></a></div>
                            <div class="col">

                                <h5>
                                    {if ($list[customer].alias)}
                                    <a href="/{$list[customer].alias}.html">
                                    {else}
                                    <a href="/page/{$list[customer].id}"> {/if} {$list[customer].title}
                                    </a>
                                </h5>
                                <p>{$list[customer].description}</p>
                            </div>





                            {/if} {/section}
                        </article>
                    </div>
                </div>




                <!-- end post item -->
                <!-- start video post item -->
                <!--div class="col-md-12 col-sm-12 col-xs-12 margin-50px-bottom">
                    <div class="blog-post-list">
                        <div class="col-xs-12 margin-30px-bottom">
                            <div class="blog-list-image">
                                <img src="images/blog-list-img3.jpg" alt="blog-img">
                                <a data-fancybox="" href="https://vimeo.com/191947042">
                                    <div class="play-hvr">
                                        <div class="play-icon">
                                            <i class="fa fa-play"></i>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-8 col-sm-6">
                            <a href="blog.html" class="text-dark-gray">
                                <h5 class="text-extra-dark-gray text-capitalize alt-font text-extra-large font-weight-600 margin-15px-bottom display-block">Retail Bussiness Ideas</h5>
                            </a>
                            <p class="margin-20px-top">Lorem Ipsum is simply dummy text of the printing and typeset industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a specimen.</p>
                        </div>
                        <div class="col-md-4 col-sm-6">
                            <div class="blog-author">
                                <span class="author-img"><img src="images/author1.jpg" alt="author"></span>
                                <div class="author-name"><a class="no-margin-bottom text-medium font-weight-400 text-extra-medium-gray" href="#.">Henda Ercil</a> <span class="display-block text-small">contributor</span> </div>
                                <p class="metas"> <i class="fa fa-calendar"></i> <span>Apr 17, 2018</span></p>
                                <p class="metas"> <i class="fa fa-folder-open"></i> <span>Retail, Food, Business</span></p>
                            </div>
                        </div>
                    </div>
                </div -->
                <!-- end post item -->
                <!-- start post item -->
                <!-- div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="blog-post-list">
                        <div class="col-xs-12 margin-30px-bottom">
                            <div class="blog-list-image">
                                <img src="images/blog-list-img2.jpg" alt="blog-img">
                            </div>
                        </div>
                        <div class="col-md-8 col-sm-6">
                            <a href="#." class="text-dark-gray">
                                <h5 class="text-extra-dark-gray text-capitalize alt-font text-extra-large font-weight-600 margin-15px-bottom display-block">Retail Bussiness Ideas</h5>
                            </a>
                            <p class="margin-20px-top">Lorem Ipsum is simply dummy text of the printing and typeset industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a specimen.</p>
                        </div>
                        <div class="col-md-4 col-sm-6">
                            <div class="blog-author">
                                <span class="author-img"><img src="images/author1.jpg" alt="author"></span>
                                <div class="author-name"><a class="no-margin-bottom text-medium font-weight-400 text-extra-medium-gray" href="#.">Henda Ercil</a> <span class="display-block text-small">contributor</span> </div>
                                <p class="metas"> <i class="fa fa-calendar"></i> <span>Apr 17, 2018</span></p>
                                <p class="metas"> <i class="fa fa-folder-open"></i> <span>Retail, Food, Business</span></p>
                            </div>
                        </div>
                    </div>
                </div -->
                <!-- end post item -->

            </div>

            <!-- blog left side -->
            <aside class="col-md-3 col-sm-12 col-xs-12 pull-right">
                <!-- 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}