How to make four triangles all pointing towards center : web_design

By Prosyscom
In March 14, 2018


I’m trying to design a landing page whose hero section is four triangles, all pointing towards the center of the page, with each triangle having a different background pic, becoming more opaque on hover, and on click leading to a different section of the larger page below. Think a square with both diagonals drawn, and each of the four quadrants being the triangles I am referring to.

I know how to do this basic functionality for something like a table layout, but how can I design the page to have these four triangles AND have each be clickable/editable in my javascript? I’ve found some pages that tell you how to make this design, but then I run into trouble in selecting those sections with jquery. Any help would be appreciated. Thanks!


قالب وردپرس