HTML/CSS Requirements
- embedded CSS is required--only use inline styling where necessary
- background and foreground/text colors should be complementary and professional (background color should not be white)
- h1 and h2 heading element text should be centered
- choose an image to represent your product theme (i.e., your company logo) and make it appear to the right of the text in the DIV element (see “Document Text” section below); you may need to resize your image to make sure that it occupies 25% - 30% of the page width
- the DIV element (see “Document Text” section below) should have a width of approximately 70% of the page width
- form elements should be aligned by putting them into a table (see example web page)
- list item text should have appropriate font and size settings
- horizontal rules should be inserted as shown in the example webpage
- single group of radio buttons should be used for the age selections
- select (dropdown) elements should be used for the rating selections
- Submit button does not have to submit the form data, but it does need to perform the following validation:
- all fields required except phone number
- phone number format enforced (###-###-####)
- email address format enforced
- Reset button should clear all form elements, including survey responses
Note: Although you’re required to have the same types and placement of elements as shown in the example below, you’re expected to choose your own company/product theme, colors, font styles, sizing, image, etc.
Use the Following Document Text
You may copy these blocks of text into your document where applicable, but be sure you change the company/product information to match your own. Also, make sure you have created the style settings as listed above and as shown in the example webpage.
- h1
Thank you for choosing Sunrise Coffee Creations
- Div
You have been randomly selected to participate in our Customer Satisfaction Survey. Please tell us a little bit about yourself by filling in the requested information at the top of the survey, then respond to the survey opinion statements based on your experiences with Sunrise Coffee Creations. To show our appreciation, we will send you a $5 Sunrise Coffee Creations eGift Certificate via email.
- h2
Please respond to the opinion statements using the following scale:
- Unordered list items with no markers (numbers shown are content text, not markers)
1 = Strongly Agree
2 = Somewhat Agree
3 = Neither Agree nor Disagree
4 = Somewhat Disagree
5 = Strongly Disagree
- unordered list items with circle markers
- Sunrise Coffee Creations products are always fresh.
- Sunrise Coffee Creations products have an appealing aroma.
- Sunrise Coffee Creations products are reasonably priced.
- Sunrise Coffee Creations products are of the highest quality.
- Overall, I am very satisfied with Sunrise Coffee Creations products
Thank you for Choosing Sunrise Coffee Creations
You have been randomly selected to participate in our Customer Satisfaction Survey. Please tell us a little bit about yourself by filling in the requested information at the top of the survey, then respond to the survey opinion statements based on your experiences with Sunrise Coffee Creations. To show our appreciation, we will send you a $5 Sunrise Coffee Creations eGift Certificate via email.
Personal Information
First Name: Email Address: Age Group: Under 21 21-40 Over 40
Last Name: Phone Number (optional):
Please respond to the opinion statements using the following scale
1= Strongly Agree 2 = Somewhat Agree 3 = Neither Agree nor Disagree 4 = Somewhat Disagree 5 = Strongly Disagree
Sunrise Coffee Creations products are always fresh. [1] Sunrise Coffee Creations products have an appealing aroma. [1] Sunrise Coffee Creations products are reasonably priced. [1] Sunrise Coffee Creations products are of the highest quality. [1] Overall, I am very satisfied with Sunrise Coffee Creations products. [1]
Submit Reset