Schedule a demo with us
We can help you solve company communication.
We can help you solve company communication.
Simplify your workflow in minutes.
Filter & sort magical layouts.
<!-- Nav -->
<nav class="nav">
<a href="#" data-bs-toggle="pill" data-filter="*" data-bs-target="#portfolio">
Primary
</a>
<a href="#" data-bs-toggle="pill" data-filter=".product" data-bs-target="#portfolio">
Product
</a>
<a href="#" data-bs-toggle="pill" data-filter=".ux" data-bs-target="#portfolio">
UX
</a>
<a href="#" data-bs-toggle="pill" data-filter=".resources" data-bs-target="#portfolio">
Resources
</a>
</nav>
<!-- Items -->
<div class="row" id="portfolio" data-isotope='{"layoutMode": "masonry"}'>
<div class="col-12 col-md-4 product">
<!-- Image -->
<img class="img-fluid rounded mb-7" src="../assets/img/portfolio/portfolio-1.jpg" alt="..">
</div>
<div class="col-12 col-md-4 ux">
<!-- Image -->
<img class="img-fluid rounded mb-7" src="../assets/img/portfolio/portfolio-10.jpg" alt="..">
</div>
<div class="col-12 col-md-4 product">
<!-- Image -->
<img class="img-fluid rounded mb-7" src="../assets/img/portfolio/portfolio-11.jpg" alt="..">
</div>
<div class="col-12 col-md-4 ux">
<!-- Image -->
<img class="img-fluid rounded mb-7" src="../assets/img/portfolio/portfolio-13.jpg" alt="..">
</div>
<div class="col-12 col-md-4 resources">
<!-- Image -->
<img class="img-fluid rounded mb-7" src="../assets/img/portfolio/portfolio-12.jpg" alt="..">
</div>
</div>