Background: Bob's Small Time Grocery has sent a request for proposal (RFP) for designing a simple website for their business. They are unsure what they want, but they do not want to pay for more than 3 pages. They also want to see samples of styling using their company colors: green (#00FF48) and red (#FF0000). You must provide a proposal that focuses on providing value to the customer instead of promoting your business. You must also provide a styled page with examples of headings, a form, text, etc. For this assignment, you will provide a web site development proposal with three (3) proposed web pages that will be most valuable to the customer needs. This proposal should be written in a professional tone since you are communicating with a potential customer. You will also create a sample styling page for the customer using your account at CodePly. Colors for the styling page are provided in Styling Page Components. NOTE: You cannot Fork the CodePly created in LP01 Learning Activities so you must create a new page for LP01 Assignment Writing Guidelines: Prepare a web site development proposal that will be 2-3 pages in length (not including a title page) Use a 12 point font (Arial or Times New Roman) Use single-spaced lines instead of double-spaced Use APA style citations for any references Cite any information referenced from another source Use correct sentence structure and grammar Maintain professional and polite tones Proposal Components: Title page contains a heading of "Web Site Proposal" at the top of the page. Title page lists who the proposal is prepared for (Bob's Small Time Grocery) and who prepared it (your name and NAU e-mail address). First section called "Introduction". Thank the potential customer for their interest in your expertise in designing their web site. Discuss the benefits of a professionally designed web site. Second section called "Timeline". Create a table with at least three major milestones in creation of their web site and the associated completion dates. Milestones can reflect the major phases of web design from the LP01 content. Third section called "Deliverables". Discuss deliverables or outcomes from each of the milestones. Include three pages that you propose creating for the potential customer. Example pages include home page, about, gallery, store, contact us, news, etc. For each of the three pages, discuss why you chose that type of page and the type of content that you propose adding. Fourth section called "Estimates". List fictitious prices for the various milestones. This is not a Statement of Work because there is no formal contract. Final section called "References". List at least 5 web sites that your fictitious company designed. You may list your favorite web sites for simplicity. Styling Page Components: The header and footer areas must use background color (#00B232), a complementary color based on the customer's colors. The page must display level 1 heading elements with text color (#B20000), a complementary color based on the customer's colors. The page must use Open Sans font for all body text. Paste the following import statement at the top of your CSS section in CodePly and you will be able to reference the font-family "Open Sans" @import url ('https://fonts.googleapis.com/css?family=Open+Sans') The page must use Times New Roman font for all headings. The header area must display a level 1 heading with the text "Sample Page" uppercased via CSS. The header area must display a block quote directly beneath the "Sample Page" heading and it must contain the text "Example Motto". The body area must contain a section with a paragraph using lorem ipsum text (without quotes): "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." The body area must contain a section containing level 2-6 headings with the text "Heading" for each. The body area must contain a section containing a form with a text box, text area, dropdown, and submit button. The footer area must contain a div with the text "Copyright 2016" and the text must float to the left side of the page The footer area must contain a mailto link with the text "My Mail" that links to your NAU e-mail address and the text must float to the right side of the page Background:

This part is done I just need help with this second part

Bob's Small Time Grocery liked your proposal, but they are not satisfied with how their colors look on your sample page. The customer gives you permission to experiment with multiple stylings and steer them towards clean and professional. They also do not want their logo, which also uses the company colors, to appear out of place on the site. You must provide a branding guide with different styling options and a suggested path forward. You must also update the styling sample page to reflect the new branding. For this assignment, you will write a branding document that describes how you plan to style the customer web site and incorporate their colors (#00FF48 and #FF0000). You will also update the styling page from LP01 Assignment with new styling based on the new branding. NOTE: You must Fork the CodePly page created in LP01 Assignments so you do not overwrite your previous LP01 Assignments page. Writing Guidelines: Prepare a branding document that will be 2-3 pages in length Use a 12 point font (Arial or Times New Roman) Use single-spaced lines instead of double-spaced Use APA style citations for any references Cite any information referenced from another source Use correct sentence structure and grammar Use appropriate vocabulary and terms associated with the subject matter Branding Document Components: First section called "Color Scheme" that contains your discussion about the colors for the web page. Research 3 color scheme combinations for the customer using Adobe Color Selector (https://color.adobe.com). As a starting point, you may enter either of the customer colors into the Adobe CC page to see what combinations are available with the various Color Rules. After you choose a color combination, paste a screenshot of the color palette swatches and the RGB codes for each proposed scheme into the Word document. Discuss your reasons for selecting these color combinations, such as emotions or perception. Select your favorite of the 3 color schemes and discuss how the customer logo will blend or contrast with the colors. Also, identify your primary color and two accent colors and where you will use each on the web page, e.g. header background, footer background, headings, etc. Second section called "Typography" that contains your discussion about the font typeface, size, and decorations. Using the customer's Open Sans font as the default font for the web page, select a serif font for headings. Discuss how a sans-serif font is better for body text and a serif font is better for headings. Third section called "Media" that contains your discussion about a background image for the page and overall use of content images. Select a background image from http://backgroundhost.com/. Explain how the background image blends or contrasts with the selected colors and the customer's colors. Copy and paste a thumbnail of the background image into the document. Explain how too many images on the page will detract from the user experience. Your reasons can include page load time, busy web page, confusing content, etc. Fourth section called "Animations" that contains your discussion of animations that will add value to the web site. Explain how too animations can detract from the user experience. For simplicity, propose that a single hover effect on the form submit button is sufficient. Also, explain that the button hover will show the accent color from the selected color scheme. Fifth section called "Recommendations" that contains a summary of all of your recommendations for colors, typography, and images for branding their web site. Styling Page Components: Fork the CodePly page created in LP01 Assignment as the starting point for this page. The page must display the background image selected in the branding document. The header and footer areas must use the primary color as the background color. Text in the header and footer areas may need to use a white color (#FFFFFF) if dark text is not legible. Block quote text must use an accent color as the text color. The page must display level 1 heading elements with the heading text color from the selected color scheme. The form button must change background color to an accent color on mouse hover and the button text must be legible, i.e. dark text on a dark background is not legible.