|
Directory : /var/www/vhosts/lautnusantara.com/httpdocs/statik/module/ |
<section id="work_part">
<div class="container">
<div class="row">
<div class="section_head work_head text-center">
<h2><span>our</span> works</h2>
<p>Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium.</p>
</div>
<div>
<ul class="simplefilter work_list">
<li class="active" data-filter="all">All Project</li>
<li data-filter="1">Latest</li>
<li data-filter="2">Design</li>
<li data-filter="3">Development</li>
<li data-filter="4">PHP</li>
<li data-filter="5">Apps</li>
</ul>
</div>
<div class="filtr-container">
<div class="col-xs-12 col-sm-6 col-md-4 filtr-item" data-category="1, 5">
<div class="work_item">
<div class="work_img">
<img src="assets/images/work-1.jpg" alt="sample image">
<div class="work_img_inner">
<a href="#"><i class="fa fa-link"></i></a>
<a class="venobox" data-gall="myGallery" href="assets/images/work-1.jpg"><i class="fa fa-camera"></i></a>
</div>
</div>
<div class="item_des">
<a href="#"><h3>Claritas Etia Processus</h3></a>
<p>Web Design</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 filtr-item" data-category="2, 5">
<div class="work_item">
<div class="work_img">
<img src="assets/images/work-2.jpg" alt="sample image">
<div class="work_img_inner">
<a href="#"><i class="fa fa-link"></i></a>
<a class="venobox" data-gall="myGallery" href="assets/images/work-2.jpg"><i class="fa fa-camera"></i></a>
</div>
</div>
<div class="item_des">
<a href="#"><h3>Quam Nutamus Farum</h3></a>
<p>Graphic Design, Mock-Up</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 filtr-item" data-category="1, 4">
<div class="work_item">
<div class="work_img">
<img src="assets/images/work-3.jpg" alt="sample image">
<div class="work_img_inner">
<a href="#"><i class="fa fa-link"></i></a>
<a class="venobox" data-gall="myGallery" href="assets/images/work-3.jpg"><i class="fa fa-camera"></i></a>
</div>
</div>
<div class="item_des">
<a href="#"><h3>Usus Legentis Videntur</h3></a>
<p>Photography, Holiday</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 filtr-item" data-category="1, 3">
<div class="work_item">
<div class="work_img">
<img src="assets/images/work-4.jpg" alt="sample image">
<div class="work_img_inner">
<a href="#"><i class="fa fa-link"></i></a>
<a class="venobox" data-gall="myGallery" href="assets/images/work-4.jpg"><i class="fa fa-camera"></i></a>
</div>
</div>
<div class="item_des">
<a href="#"><h3>Quam Nutamus Farum</h3></a>
<p>Graphic Design, Mock-Up</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 filtr-item" data-category="3, 4">
<div class="work_item">
<div class="work_img">
<img src="assets/images/work-5.jpg" alt="sample image">
<div class="work_img_inner">
<a href="#"><i class="fa fa-link"></i></a>
<a class="venobox" data-gall="myGallery" href="assets/images/work-5.jpg"><i class="fa fa-camera"></i></a>
</div>
</div>
<div class="item_des">
<a href="#"><h3>Claritas Etia Processus</h3></a>
<p>Web Design</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 filtr-item" data-category="2, 4">
<div class="work_item">
<div class="work_img">
<img src="assets/images/work-6.jpg" alt="sample image">
<div class="work_img_inner">
<a href="#"><i class="fa fa-link"></i></a>
<a class="venobox" data-gall="myGallery" href="assets/images/work-6.jpg"><i class="fa fa-camera"></i></a>
</div>
</div>
<div class="item_des">
<a href="#"><h3>Quam Nutamus Farum</h3></a>
<p>Graphic Design, Mock-Up</p>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="work_load_btn">
<a href="#" class="multi_button">Load More</a>
</div>
</div>
</div>
</section>