# Possible to do a portfolio page like this?

**URL:** <https://forum.pinegrow.com/t/possible-to-do-a-portfolio-page-like-this/10006>\
**Category:** Beginners\
**Created:** [November 13, 2024, 8:59pm UTC](https://forum.pinegrow.com/t/possible-to-do-a-portfolio-page-like-this/10006 "2024-11-13T20:59:16Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@andrew](https://forum.pinegrow.com/u/andrew)\
**Post date:** [November 13, 2024, 8:59pm UTC](https://forum.pinegrow.com/t/possible-to-do-a-portfolio-page-like-this/10006/1 "2024-11-13T20:59:16Z")

</div>

I’ve built sites with the help of WYSIWYG builders in the distant past (GoLive) but haven’t touched much HTML/CSS in a long time. I used Pinegrow a few years ago, but ended up using Wordpress.

I’d like to get away from Wordpress…

Anyway, my current site has a portfolio page, but it’s a bit clunky & I figured I’d ask if there are relatively easy ways to do something like [this](https://turnerdesign.com/works/), realizing that it may potentially require add-ons like isotope. I’m not going to be able to code anything custom.

I’m just getting back to looking into Pinegrow, so am not up-to-date with its capabilities. Any suggestions appreciated.

TIA

---

<div class="post-metadata">

**Author:** ![Riccarcharias](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/riccarcharias/32/4051_2.png) [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)\
**Post date:** [November 15, 2024, 6:44am UTC](https://forum.pinegrow.com/t/possible-to-do-a-portfolio-page-like-this/10006/2 "2024-11-15T06:44:10Z")

</div>

This is relatively easy possible with Pinegrow and Pinegrow Interactions.

Just build a (Grid) Layout with divs which contain the project images (position: relative). Add the overlay font and transparent background (position: absolute).

Use Pinegrow Interactions to animate the overlay. Let it appear (opacity) on mouse-over.

---

<div class="post-metadata">

**Author:** ![andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@andrew](https://forum.pinegrow.com/u/andrew)\
**Post date:** [November 18, 2024, 4:47pm UTC](https://forum.pinegrow.com/t/possible-to-do-a-portfolio-page-like-this/10006/4 "2024-11-18T16:47:03Z")

</div>

Thanks - I meant more in terms of how the project type filter works, i.e. selecting a project type and limiting the results to that.  
Ideally, something that works to filter and then link to the project page.