Файл: HTML/ajax/portfolio-list-grid-ajaxed-modal-page2.html
Строк: 76
<?php
<!-- PAGE CONTENT : begin -->
<div id="page-content">
<!-- PORTFOLIO LIST : begin -->
<div class="portfolio-list">
<!-- GALLERY : begin -->
<div class="c-gallery" data-layout="fitRows">
<!-- GALLERY TOOLS : begin -->
<div class="gallery-tools">
<div class="container">
<div class="clearfix">
<!-- GALLERY FILTER : begin -->
<ul class="gallery-filter">
<li><button class="m-active" type="button" data-filter="*">all</button></li>
<li><button type="button" data-filter=".cat-animation">animation</button></li>
<li><button type="button" data-filter=".cat-print">print</button></li>
<li><button type="button" data-filter=".cat-pixelart">pixelart</button></li>
<li><button type="button" data-filter=".cat-flyers">flyers</button></li>
</ul>
<!-- GALLERY FILTER : end -->
</div>
</div>
</div>
<!-- GALLERY TOOLS : end -->
<!-- ITEM LIST : begin -->
<ul class="item-list">
<!-- ITEM : begin -->
<li class="item m-has-overlay m-animated m-video cat-animation cat-pixelart">
<a href="portfolio-detail-video-boxed.html" data-ajax-selector=".portfolio-detail" class="item-image m-open-ajax-modal-project">
<img src="images/project_09.jpg" alt="">
</a>
<div class="item-info">
<h4><a href="portfolio-detail-video-boxed.html" data-ajax-selector=".portfolio-detail" class="m-open-ajax-modal-project">Dis parturient</a></h4>
</div>
<div class="item-tools">
<a href="portfolio-detail-video-boxed.html"><i class="fa fa-link"></i></a>
</div>
</li>
<!-- ITEM : end -->
<!-- ITEM : begin -->
<li class="item m-has-overlay m-animated cat-animation cat-pixelart">
<a href="portfolio-detail-audio.html" data-ajax-selector=".portfolio-detail" class="item-image m-open-ajax-modal-project">
<img src="images/project_10.jpg" alt="">
</a>
<div class="item-info">
<h4><a href="portfolio-detail-audio.html" data-ajax-selector=".portfolio-detail" class="m-open-ajax-modal-project">Nascetur ridiculus</a></h4>
</div>
<div class="item-tools">
<a href="portfolio-detail-audio.html"><i class="fa fa-link"></i></a>
</div>
</li>
<!-- ITEM : end -->
<!-- ITEM : begin -->
<li class="item m-has-overlay m-animated cat-animation cat-pixelart">
<a href="portfolio-detail-audio-boxed.html" data-ajax-selector=".portfolio-detail" class="item-image m-open-ajax-modal-project">
<img src="images/project_11.jpg" alt="">
</a>
<div class="item-info">
<h4><a href="portfolio-detail-audio-boxed.html" data-ajax-selector=".portfolio-detail" class="m-open-ajax-modal-project">Donec quam felis</a></h4>
</div>
<div class="item-tools">
<a href="portfolio-detail-audio-boxed.html"><i class="fa fa-link"></i></a>
</div>
</li>
<!-- ITEM : end -->
<!-- ITEM : begin -->
<li class="item m-has-overlay m-animated cat-animation cat-pixelart">
<a href="portfolio-detail-video-boxed.html" data-ajax-selector=".portfolio-detail" class="item-image m-open-ajax-modal-project">
<img src="images/project_12.jpg" alt="">
</a>
<div class="item-info">
<h4><a href="portfolio-detail-video-boxed.html" data-ajax-selector=".portfolio-detail" class="m-open-ajax-modal-project">Lorem ipsum</a></h4>
</div>
<div class="item-tools">
<a href="portfolio-detail-video-boxed.html"><i class="fa fa-link"></i></a>
</div>
</li>
<!-- ITEM : end -->
</ul>
<!-- ITEM LIST : end -->
</div>
<!-- GALLERY : end -->
</div>
<!-- PORTFOLIO LIST : end -->
</div>
<!-- PAGE CONTENT : end -->
?>