FHSU Foundation

FHSU Foundation jquery gallery

This gallery was developed using jquery and Galleria.  Simple and to the point.

This page was created to  show work being done to Picken Hall.

FHSU Foundation header

The header graphic was created in Adobe Illustrator. The font is Garamound if I remember correctly.

FHSU Foundation navigation

The navigation bar was challenging. Rather than start from scratch I started with what someone had done previously in Dreamweaver. I may go back and redo the menu using jquery instead of Dreamweaver’s messy code, but it works well so I haven’t touched it. You’ll also see in another screen shot that I added sub links on the page itself so that if a user does not have javascript they will still be able to access all of the pages.

The drop down menu’s were created using a transparent gif. The ul blocks were given a negative margin in order to pull them up to cover the border of the main navigation bar, creating a seamless menu.

FHSU Foundation page

Here is just another large screen shot showing simple page elements. I didn’t get very fancy as the audience is alumni and professionals. Making the site easy to read was a high priority.