Landing Page

Front End Programming

This was a fairly straight-forward landing page for Kaiser Permanente Southern California that mostly involved translating the visual layout from the designer's layered Photoshop file to a web page.

The client wanted a mobile friendly page, and had some specific ideas about how they wanted the different elements to appear at different screen dimensions and aspect ratios. I used Bootstrap to provide the basic "mobile friendliness" but also used a fair amount of my own CSS, especially media queries, to achieve the various layouts they wanted.

This project was pretty light on the Javascript side. The only mildly interesting thing was a dynamic headline that was pulled from a static XML file. There were only a couple of dozen actual headlines per se, but there were hundreds of XML entries, each having one of the headlines, along with an ID used for geolocation tracking and statistics.