Acme Corp Continued
The designers at ACME Corp are happy with the way the homepage turned out and have now continued to redesign the remaining pages. Just like before, use the information provided to build out the rest of the website.
Here are some specifics from the ACME design team:
- Screenshots are provided below (click for full resolution).
- On the sign up form, the focus state (when the user's cursor is blinking in a field), should change the border color to the same blue as the buttons (#2A4CB2).
- The sign up form should include four options under "how did you hear about us:" blank, Friend, Search, Other.
- Choose any three products to highlight from the ACME Product Catalog.
And some more tips and tricks:
-
To build out the form, you'll need to use some new tags:
<label>
<input>
<select>
<option>
- Element reference and documentation
- The "focus state" the designers describe can be accomplished with a pseudo-selector
- The header, footer, and main content styles are the same between all three pages. Do not repeat those styles! Simply put them in their own stylesheet and reference the one file from all three pages. Each page should then also have it's own page-specific styles.