Every Mock Up is an IMAGE
As an image, it does not behave like a proper website. Links do not work. Most importantly, you must view on a full computer screen. The image is NOT RESPONSIVE for mobile devices. (Your new website have a responsive mobile version.)
No Hero Image in Header
Header is 3 rows
2 rows navigation
Logo is in main navigation row and will remain as sticky when user scrolls down the screen
Both rows of navigation are right justified
Content follows simple format of title/content with image if available. Content can be multiple columns, as needed.
Footer is a color bar with basic contact/outreach information
#1. Standard Header Home
Header is 2 rows
1 row navigation
Main navigation is centered
Stacked header image with CTA on image
Footer includes an email sign up
Footer has image and basic contact/outreach information
#2. 2 Rows of Navigation Home
Header is 2 rows
2 rows navigation
Main navigation is right justified
Stacked header image with CTA on image
Footer includes an email sign up
Footer has image and basic contact/outreach information
#3. Nav Float Over Image Home
Header is 2 rows
1 row navigation
Main navigation is centered
Main navigation overlays image (only) with CTA on image
Image has overlay color so that navigation is readable.
Footer includes an email sign up
Footer has image and basic contact/outreach information
#4. Header Overlay Image Home
Header is 2 rows
1 row navigation
Main navigation is right justified
Entire header overlays image with CTA on image
Image has an overlay color so that it is possible to read header information
Footer includes an email sign up
Footer has image and basic contact/outreach information
#1 Standard Header Inside
Inside hero image is shorter than home page
Design shown has on-page design with graduated color background
#2. 2 Rows of Navigation Inside
Inside hero image is shorter than home page
Design shown has on-page design with graduated color background
#3. Companion for Navigation Float Inside
While navigation can continue to float like the home page, it takes more attention to images used in top of page Title row.
Inside pages can use a color bar navigation for ease of viewing
This page shows in-page design with alternating images/content and color backgrounds
#4. Companion to Header Overlay Image Inside
While header can continue to float like the home page, it takes A Lot more attention to images used at the top of th epage
Inside pages can use a color bar navigation for ease of viewing
This page shows in-page design with alternating images/content and color background section