- Github page deployed at https://asishadhikari.github.io/nwp-project2_html_css/
-
All headings on the page should use a foreground color of #A4A400 (red=164, green=164, blue=0) and a background color of #F0F0F0 (red=240, green=240, blue=240).
-
The font families for headings are: Lucida, Sans Unicode, Helvetica, Arial, or any sans-serif font available on the system (in that order).
-
The page's main heading is aligned to the center of the page body, and uses a 22pt bold font.
-
Other headings on the page are left-aligned and appear in an 18pt normal font.
-
All headings should be underlined.
-
The overall page's bodyshould have a white background.
-
Text in the body should have a foreground color of #404040 (red=64, green=64, blue=64) and use an 11pt font.
-
The font families for page text are Georgia, Garamond, or any serif font available on the system.
-
Any links on thepage should use the color #A4A400 (red=164, green=164, blue=0), matching the color of the page headings.
-
In the Ingredients list, the underlined words "tbsp" and "tsp" are abbreviationsfor "tablespoons" and "teaspoon" respectively. When the user hovers the mouse over these abbreviations, the full word should appear as a tooltip.
-
At the end of the Directions, the deleted word "cake" with a strike-out line through it is replaced by the word "pie".
-
After the Links section there is a short copyright notice that appears as a section of pre-formatted textin a monospace font.
-
The text is spaced such that the last letter lines up on horizontally for each of the three lines.
-
The names of the four major steps of the recipe directions(such as "Preheat Oven") are strongly emphasized.
-
The quotations from the users appear in an italic font as indented blocks with background color #FFFFA8(red=255, green=255, blue=168). Some words in the last quote are bolded for emphasis.
-
The "Search for other lemon meringue pie recipes" text, "W3C HTML5" button, and "W3C CSS" button should link to the following web pages, respectively: http://www.google.com/search?q=lemon+meringue+pie+recipe&start=10, validate-html.php(this is our custom W3C HTML validator), validate-css.php(this is our custom W3C CSS validator)
-
Favicon: Set the page to have a "favorites icon" ("favicon"). Use:pie-icon.gif
-
Pie bullet: Set all bulleted lists of items on the page to use an image for their bullet icon rather than thenormal black circle. Use the following image: pie-icon.gif
-
Wide headings: Place 0.25em horizontal spacing between neighboring letters in all headings on the page.
-
Tight heading background: Make it so that the gray background behind the headings on the page is onlybehind the text itself, not stretched across the entire width of the page. (Looks nice with extra feature #1.)
-
place a comment header in each file containing your name and section and a brief description of the assignment and the file's contents.