开云体育使用手册 - 您的专属操作指南 - 开云3
Isotope
想了解更多优质内容与服务相关内容，尽在开云3。
<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 -->
