Isotope Plugin

Isotope

Isotope documentation
How to use

Makeup Tools
Milk Bottle
White Plastic
Mobile Cover
Suncream
Pink Glass
Luxury Perfume
Face Wash
Water Botal
<div class="portfolio-menu">

<ul>

    <li class="active" data-filter="*"><span class="badge badge-pill badge-secondary">All</span></li>

    <li data-filter=".dgn"><span class="badge badge-pill badge-secondary">Design</span></li>

    <li data-filter=".pro"><span class="badge badge-pill badge-secondary">Product</span></li>

    <li data-filter=".resor"><span class="badge badge-pill badge-secondary mt-3">Resource</span></li>

</ul>

</div>

<div class="portfolio-item">

<div class="item dgn mb-4"> <img class="border-radius-3 img-fluid" src="images/product-12.jpg" alt="product" title="product">

    <div class="middle">

    <div class="htext">Makeup Tools</div>

    </div>

</div>

<div class="item dgn mb-lg-4"> <img class="border-radius-3 img-fluid" src="images/product-2.jpg" alt="product" title="product">

    <div class="middle">

    <div class="htext">Milk Bottle</div>

    </div>

</div>

<div class="item pro mb-4"> <img class="border-radius-3 img-fluid" src="images/product-5.jpg" alt="product" title="product">

    <div class="middle">

    <div class="htext">White Plastic</div>

    </div>

</div>

<div class="item pro mb-4"> <img class="border-radius-3 img-fluid" src="images/product-11.jpg" alt="product" title="product">

    <div class="middle">

    <div class="htext">Mobile Cover</div>

    </div>

</div>

<div class="item pro mb-4"> <img class="border-radius-3 img-fluid" src="images/product-7.jpg" alt="product" title="product">

    <div class="middle">

    <div class="htext">Suncream</div>

    </div>

</div>

<div class="item resor mb-4"> <img class="border-radius-3 img-fluid" src="images/product-8.jpg" alt="product" title="product">

    <div class="middle">

    <div class="htext">Pink Glass</div>

    </div>

</div>

<div class="item resor mb-4"> <img class="border-radius-3 img-fluid" src="images/product-9.jpg" alt="product" title="product">

    <div class="middle">

    <div class="htext">Luxury Perfume</div>

    </div>

</div>

<div class="item dgn mb4"> <img class="border-radius-3 img-fluid" src="images/product-10.jpg" alt="product" title="product">

    <div class="middle">

    <div class="htext">Face Wash</div>

    </div>

</div>

<div class="item dgn mb-4"> <img class="border-radius-3 img-fluid" src="images/product-1.jpg" alt="product" title="product">

    <div class="middle">

    <div class="htext">Water Botal</div>

    </div>

</div>

</div>