107 lines
4.9 KiB
PHP
107 lines
4.9 KiB
PHP
<section class="section">
|
|
<div class="container">
|
|
<div class="row mb30">
|
|
<div class="col-sm-6">
|
|
<h3 class="title-medium br-bottom">Our Services</h3>
|
|
</div>
|
|
<!-- <div class="col-sm-6">
|
|
<div class="clearfix">
|
|
<div class="pull-right xs-pull-left">
|
|
<nav class="portfolio-filter pf2">
|
|
<ul>
|
|
<li class="xs-pl0"><a href="#" data-filter="*" class="active"><i class="fa fa-bars"></i></a></li>
|
|
<li><a href="#" data-filter=".above_">Above</a></li>
|
|
<li><span> / </span></li>
|
|
<li><a href="#" data-filter=".beyond_">Beyond</a></li>
|
|
<li><span> / </span></li>
|
|
<li class="pr0"><a href="#" data-filter=".nowhere_" class="pr0">Nowhere</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div id="portfolio-isotope">
|
|
<div class="row col-p5">
|
|
<div class="portfolio columns-3">
|
|
<div class="col-sm-6 col-md-4 el above_ beyond_">
|
|
<div class="portfolio-el view">
|
|
<img src="images/demo/p01.jpg" alt="project">
|
|
<a href="#" class="mask">
|
|
<div class="portfolio-middle">
|
|
<h3 class="project-title br-bottom">Above and beyond</h3>
|
|
<p class="text">design, photography</p>
|
|
</div>
|
|
|
|
</a>
|
|
</div>
|
|
</div> <!-- END portfolio Item -->
|
|
<div class="col-sm-6 col-md-4 el above_ nowhere_">
|
|
<div class="portfolio-el view">
|
|
<img src="images/demo/p11.jpg" alt="project">
|
|
<a href="#" class="mask">
|
|
<div class="portfolio-middle">
|
|
<h3 class="project-title br-bottom">Upside Down</h3>
|
|
<p class="text">design, photography</p>
|
|
</div>
|
|
|
|
</a>
|
|
</div>
|
|
</div> <!-- END portfolio Item -->
|
|
<div class="col-sm-6 col-md-4 el beyond_ nowhere_">
|
|
<div class="portfolio-el view">
|
|
<img src="images/demo/p03.jpg" alt="project">
|
|
<a href="#" class="mask">
|
|
<div class="portfolio-middle">
|
|
<h3 class="project-title br-bottom">Imagine Dragons</h3>
|
|
<p class="text">design, photography</p>
|
|
</div>
|
|
|
|
</a>
|
|
</div>
|
|
</div> <!-- END portfolio Item -->
|
|
<div class="col-sm-6 col-md-4 el above_">
|
|
<div class="portfolio-el view">
|
|
<img src="images/demo/p04.jpg" alt="project">
|
|
<a href="#" class="mask">
|
|
<div class="portfolio-middle">
|
|
<h3 class="project-title br-bottom">Nearby star</h3>
|
|
<p class="text">design, photography</p>
|
|
</div>
|
|
|
|
</a>
|
|
</div>
|
|
</div> <!-- END portfolio Item -->
|
|
<div class="col-sm-6 col-md-4 el beyond_">
|
|
<div class="portfolio-el view">
|
|
<img src="images/demo/p05.jpg" alt="project">
|
|
<a href="#" class="mask">
|
|
<div class="portfolio-middle">
|
|
<h3 class="project-title br-bottom">Begin again</h3>
|
|
<p class="text">design, photography</p>
|
|
</div>
|
|
|
|
</a>
|
|
</div>
|
|
</div> <!-- END portfolio Item -->
|
|
<div class="col-sm-6 col-md-4 el nowhere_">
|
|
<div class="portfolio-el view">
|
|
<img src="images/demo/p06.jpg" alt="project">
|
|
<a href="#" class="mask">
|
|
<div class="portfolio-middle">
|
|
<h3 class="project-title br-bottom">Up in the air</h3>
|
|
<p class="text">design, photography</p>
|
|
</div>
|
|
|
|
</a>
|
|
</div>
|
|
</div> <!-- END portfolio Item -->
|
|
</div> <!-- END portfolio -->
|
|
</div>
|
|
</div> <!-- END Portfolio Isotope -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |