Triangle split into levels, each level a button?

Hello!

I will soon be rebuilding a client’s site in Webflow and know how to build everything except one tricky graphic:

He wants a triangle split into levels, with some levels being split horizontally, and each segment functioning as a separate button/link. See graphic attached - each “BUTTON” label will have to be a separate button.

I found how to make a triangle in Webflow (Shapes in Webflow) but am at a loss as to how to split the triangle into levels/segments and make them into separate buttons.

Any ideas are appreciated, thank you!

some of the links… I’m thinking will not be available.
Specifically the 3rd, 4th, and 5th rows… outer elements.
perhaps make each an image and use custom divs and 5 row elements.

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.