Challenge Overview
Hestia B2B is always looking to give their customers a better online user experience. This is a continuation of the Hestia B2B Prototype . The goal of this contest is to create an HTML/CSS/JavaScript Prototype of the Hestia B2B "Login Screens" into a stand alone prototype.
Please read the details below and ask the Client questions in the forums. There might be some areas where you will need to make design decisions based on the provided screens.
Your Prototype must match the "look and feel" of the provided visual design (storyboard) while addressing the functionality detailed in this description. All HTML and CSS should be standardized, validated and follow best practices. Images should be optimized for the web (JPGs, GIFs and PNGs) and used appropriately.
Final Submission Guidelines
HTML/CSS Requirements:
- Your HTML code must be XHTML 1.0 Strict compliant
- Validate your code - reviewers may accept minor validation errors, but please comment your reason for any validation errors. Use the validators listed in the scorecard.
- Use CSS to space out objects, not clear/transparent images (GIFs or PNGs) and use proper structural CSS to lay out your page. Only use table tags for tables of data/information and not for page layout.
- No inline CSS styles - all styles must be placed in an external stylesheet.
- Use semantically correct tags - use H tags for headers, etc. Use strong and em tags instead of bold and italic tags.
- Element and Attribute names should be in lowercase and use a "-" or camel naming to separate multiple-word classes (i.e.. "main-content", or "mainContent)
- Label all CSS, Javascript, or HTML hacks with explanations so others will understand.
- Your code must render properly in all browsers listed in the scorecard in both Mac and PC environments.
Javascript Requirements:
All JavaScript must not have a copyright by a third party. You are encouraged to use your own scripts, or scripts that are free, publicly available and do not have copyright statements or author recognition requirements anywhere in the code.
You are allowed to use the JQuery JavaScript library for this contest.