Custom Css Form(s)
Require the following forms created using css(external) and any required javascript (all components to be included and funtioning on our test site)
examples of the layouts/styles are included in the links below
http://designshack.co.uk/tutorials/10-css-form-examples (form #5)
http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/ (radio+checkbox buttons)
all below forms to be color stylized to our website colours to be determined later and be considered fluid css coding, we will provide the background images to replace the ones displayed on the examples
Items considered TEXT BOXES unless otherwise noted
FORM=contact_us
- Contact Us (will be the wrapper text)
- Name (40characters) (Required)
- Phone Number (40characters) (Required)
- Email Address (40characters) (Required)
- Comments (textarea= 6-rows, 300characters) (Required)
- Submit (button)
FORM=login
- Login (will be the wrapper text)
- User Name (15characters) (Required)
- Password (15characters) (Required)
- Login (button)
FORM=registration
- Registration (will be the wrapper text)
- First Name (30characters) (Required)
- Last Name (40characters) (Required)
- User Name (15characters) (Required)
- Password (15characters) (Required)
————–space———-
- Address + Contact (will be the wrapper text)
- Address (40characters) (Required)
- City (40characters) (Required)
- Prov/State (40characters) (Required)
- Postal/Zip Code (15characters) (Required)
- Country (Select Name= insert countries USA+Canada first) (Required)
- Phone Number (40characters) (Required)
- Email Address (40characters) (Required)
————–space———-
- Preferences (will be the wrapper text)
- Newsletter (Checkbox Yes-No, with YES checked by default) (Required)
- Date of Birth (Use the Date.js component as in example)
- Gender (Checkbox Male-Female)
- Register (button)
FORM=bussiness_review
- Location (will be the wrapper text)
- Country (Select Name= insert countries USA+Canada first) (Required)
- Prov/State (40characters) (Required)
————–space———-
- Review (will be the wrapper text)
- Company Name (Select Name= companies read from database – OR choose “Optional” below) (Required)
- Optional (40characters)
- Category (Select Name= categories read from database) (Required)
- Date of Visit (Use the Date.js component as in example) (Required)
- Date of Review (Use the Date.js component as in example) (Required)
- Review Title (40characters) (Required)
————–space———-
- Ratings (will be the wrapper text) (may have to make two columns)
- Ease of Access (Checkbox 1 poor, 2 below avarage, 3 average, 4 above average, 5 excellent)
- Ample Parking (Checkbox 1 poor, 2 below avarage, 3 average, 4 above average, 5 excellent)
- Pleasant Greeting on Arrival (Checkbox 1 poor, 2 below avarage, 3 average, 4 above average, 5 excellent)
- Friendliness of Staff (Checkbox 1 poor, 2 below avarage, 3 average, 4 above average, 5 excellent)
- No Pressure Visit (Checkbox 1 poor, 2 below avarage, 3 average, 4 above average, 5 excellent)
- Knowledgable Staff (Checkbox 1 poor, 2 below avarage, 3 average, 4 above average, 5 excellent)
- Quality and Value for Price paid (Checkbox 1 poor, 2 below avarage, 3 average, 4 above average, 5 excellent)
- Business Environment (Checkbox 1 poor, 2 below avarage, 3 average, 4 above average, 5 excellent)
- Wheelchair Acessability (Checkbox 1 poor, 2 below avarage, 3 average, 4 above average, 5 excellent)
- Cleanliness of washrooms (Checkbox 1 poor, 2 below avarage, 3 average, 4 above average, 5 excellent)
- Rate Your Overall Experience (Checkbox 1 poor, 2 below avarage, 3 average, 4 above average, 5 excellent)
- Comments (textarea= 6-rows, 300characters)
- Submit (button)
FORM=business_login
- Business Login (will be the wrapper text)
- Business User Name (15characters) (Required)
- Password (15characters) (Required)
- Login (button)
FORM=business_register
- Business Registration (will be the wrapper text)
- Company Name (30characters) (Required)
- User Name (15characters) (Required)
- Password (15characters) (Required)
————–space———-
- Address + Contact (will be the wrapper text)
- First Name (30characters) (Required)
- Last Name (40characters) (Required)
- Address (40characters) (Required)
- City (40characters) (Required)
- Prov/State (40characters) (Required)
- Postal/Zip Code (15characters) (Required)
- Country (Select Name= insert countries USA+Canada first) (Required)
- Phone Number (40characters) (Required)
- Fax Number (40characters)
- Email Address (40characters)
- Website (70characters)
————–space———-
- Particulars (will be the wrapper text)
- Bussiness Type (Select Name= categories read from database) (Required)
- Header Text (200characters)
- Tagline (200characters)
- Description_1(textarea= 6-rows, 300characters)
- Description_2(textarea= 6-rows, 300characters)
- Logo Image (Browse button)
- Image_2 (Browse button)
- Save and Continue (button)
DELIVERABLES
-working CSS files (external) file
-any Javscript components
-HTML pages containing forms



