A landing page this custom was not going to be simple, it would require hand coding. Because of this I chose to develop the entire site from pure code alone, not using any platform block building program. To make each building illuminate properly, I layered the images and overlayed them with three vertical columns which held the page links and illuminated the building images on hover. I then added horizontal columns at the top of the page to block the hover interaction for the first two shorter buildings of the three. This made it so the hover effects only activated when the space where the building image was present was hovered. Next I had to make it responsive. To do this I made the images and columns the same view width. For mobile, I simplified the landing page from a horizontal layout to a vertical one.
A landing page this custom was not going to be simple, it would require hand coding. Because of this I chose to develop the entire site from pure code alone, not using any platform block building program. To make each building illuminate properly, I layered the images and overlayed them with three vertical columns which held the page links and illuminated the building images on hover. I then added horizontal columns at the top of the page to block the hover interaction for the first two shorter buildings of the three. This made it so the hover effects only activated when the space where the building image was present was hovered. Next I had to make it responsive. To do this I made the images and columns the same view width. For mobile, I simplified the landing page from a horizontal layout to a vertical one.