The Port Authority of Allegheny County had a static design for their Spanish landing page (view here), but needed someone to turn it into a responsive web page.

Utilizing Bootstrap 3 and HTML5, I accomplished just that, making neccessary tweaks along the way in order to ensure a mobile-friendly design. For example, the top header image originally included a paper texture and text in the left corner. While visually pleasing, the text would appear "cut off" at certain viewport sizes - even with responsive solutions in play. To fix this, I removed the text and placed it below the image as an HTML heading.

 

I also created touch icons for Apple devices, as well as code for Open Graph, even though neither was included in the project scope. As this was a major marketing campaign, I wanted Apple users to see a professional icon on their devices.