평보 Pinnacle - 색다른 스포츠 엔터테인먼트 플랫폼 경험 - 平… - 平博
Isotope
Isotope 스크립트를 위한 간단한 HTML 코드 라인
<ul class="isotope-filter">
<li><a href="javascript:void(0);" data-filter="*" class="current">All Grids</a></li>
<li><a href="javascript:void(0);" data-filter=".one">Demo One</a></li>
<li><a href="javascript:void(0);" data-filter=".two">Demo Two</a></li>
<li><a href="javascript:void(0);" data-filter=".three">Demo Three</a></li>
</ul>
<div class="works-grid three-cols">
<div class="grid-sizer"></div>
<!-- end grid-sizer -->
<div class="grid-item one">
<img src="images/works8.webp" alt="Image">
</div>
<!-- end grid-item -->
<div class="grid-item two">
<img src="images/works9.webp" alt="Image">
</div>
<!-- end grid-item -->
<div class="grid-item three">
<img src="images/works10.webp" alt="Image">
</div>
<!-- end grid-item -->
<div class="grid-item">
<img src="images/works11.webp" alt="Image">
</div>
<!-- end grid-item -->
<div class="grid-item">
<img src="images/works12.webp" alt="Image">
</div>
<!-- end grid-item -->
<div class="grid-item">
<img src="images/works13.webp" alt="Image">
</div>
<!-- end grid-item -->
<div class="grid-item">
<img src="images/works14.webp" alt="Image">
</div>
<!-- end grid-item -->
<div class="grid-item">
<img src="images/works15.webp" alt="Image">
</div>
<!-- end grid-item -->
<div class="grid-item">
<img src="images/works16.webp" alt="Image">
</div>
<!-- end grid-item -->
<div class="grid-item">
<img src="images/works17.webp" alt="Image">
</div>
<!-- end grid-item -->
<div class="grid-item">
<img src="images/works18.webp" alt="Image">
</div>
<!-- end grid-item -->
</div>
<!-- end works-grid -->
