HTML$/$CSS Requirements

$$ embedded CSS is required$--$only use inline styling where necessary

$$ background and foreground$/$text colors should complementary and professional $($background color should

not be white$)$

$$ h$1$ and h$2$ 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.

$$ h$1$

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 e$-$

mail.

$$ h$2$

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

o Sunrise Coffee Creations products are always fresh.

o Sunrise Coffee Creations products have an appealing aroma.

o Sunrise Coffee Creations products are reasonably priced.

o Sunrise Coffee Creations products are of the highest quality.

o Overall, I am very satisfied with Sunrise Coffee Creations products