379 lines
21 KiB
HTML
379 lines
21 KiB
HTML
{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} |