Coloring the Portfolio

  1. Refine your existing color pallete for your portfolio or select a brand new one to include at least five different colors: a color for the background, a main text color, a highlight text color, a link color, a link:hover color. Feel free to include additional colors as you like.
  2. Edit your typography.css file to change the coloring of your portfolio pages according to your color pallete.
  3. Update your Portfolio Style Guide page in your portfolio week 5 or drafts section with information on your color selections and to which element they are applied

Portfolio Style Guide with Color Palette

Color Palette
background color for the entire page 67ABE9  
background color for the endnote section 558DC2  
main text color 171717  
main heading color E8D066  
highlight text color 990000  
link text 9C7D44  
link hover text 996600  

body { font-family: Arial; background-color: #67ABE9; color:#171717; } - this style sets all of the text in the web page to a nearly black, Arial font and gives the page a light blue background color.

p.important { color: #990000; font-size: 1.1em; } - this style affects all important paragraphs (that use the class important), by making them appear slightly larger and bright red.