279 lines
14 KiB
HTML
279 lines
14 KiB
HTML
|
{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}
|