Coloring the Portfolio
- 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.
- Edit your typography.css file to change the coloring of your portfolio pages according to your color pallete.
- 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.