A Web Element Pyramid Design

I am currently working on a WP website. I need help designing an interactive pyramid element web page. Please see the file “Pyramid Design TEMPLATE” to get a layout of the framework that should be used. Please use this website for an example of how the pyramid element should look like: [login to view URL] The Pyramid will have 3 ELEMENTS- 1. Clickable Link Element- clickable link for every listed gemstone on the pyramid to GIA’s website for the particular stone ([login to view URL]) or when possible to: [login to view URL] o For example, if somebody clicks “Garnet” on the pyramid, it will send them to here: [login to view URL] o If somebody clicks, “Tanzanite” it should like them to: [login to view URL] o For every possible gemstone listed, there needs to be a link to the relative GIA website when possible. If not available, please let me know. 2. Background Image Element- For the following stones, an image should appear within the pyramid in the relevant background. o For example, for “Burma Sapphire” row, the image of file JPEG- Burma Sapphire should show in the background with the text “Burma Sapphire” over it. o For example, for the “Emerald” section, the file for “Emeralds” should appear in the background with “Emerald” text written over it. o This should be done for the following images only: Fancy Color Diamond, Kashmir Sapphire, Padparadscha Sapphire, Burma Sapphire, Paraiba Tourmaline, Emeralds, Rubies, Sapphires, and White Diamonds. o The image for “Other Gemstones” should be in the background of the bottom 2 rows the pyramid. 3. Hover Text element: when you hover your mouse over the pyramid, customizable text should be seen: o For example, when you hover your mouse over the top of the pyramid, it will say “According to Christie’s, only one in 100,000 diamonds qualifies as fancy color. The odds go up exponentially for red diamonds. The most sought-after fancy diamonds are red or blue and pink.” o For example, when you hover over Taaffeite, Painite or Grandiderite, it will show: Little is known about these esoteric gemstones. Not only is it safe to say that members of the jewelry and gemstone trade would not carry any of them, but they also most likely not heard of any of them either. There is no historical auction history regarding noteworthy examples. Emphasis must be placed on finding inclusion free material. o For “Alexandrites.” It should be linked to [login to view URL]