#Assignment 2 - Basic CSS - Recreating Web Components ##Instructions Use what you've learned of CSS styles and properties to recreate the site components shown below. You likely will need to use CSS properties like:
margin
,padding
,border
font-family
,font-size
,font-weight
,color
width
,height
background-color
text-align
display: block
anddisplay: inline-block
Recommended Setup:
cd ~/TIY/assignments
mkdir assignment-02
cd assignment-02
curl https://raw.githubusercontent.com/TIY-Charleston-Front-End-Engineering/Course-Guide/master/assignments/basic-css-web-components/assignment-files.zip > assignment-files.zip
unzip assignment-02
NOTE: make sure you include *{box-sizing: border-box}*
at the top of your stylesheet
##Normal Mode
#####Design Specs
fonts: Georgia & Geneva
line-height: 1.25
###Menu List ![menu list](https://raw.githubusercontent.com/t3patterson/TIY-2016-Q3/master/assignments/basic-css-web-components/example-components/menu-list.png)
#####Design Specs
fonts: Avenir
color: `#66CC99`
###Icon Set ![inline block icon set](./example-components/inline-icon-set.png)
#####Design Specs
fonts: Georgia & Geneva
images:
facebook-icon-bw.png
twitter-icon-bw.png
stumbleit-icon-bw.png
googleplus-icon-bw.png
linkedin-icon-bw.png
###Navigation Menu ![mini nav menu](https://raw.githubusercontent.com/t3patterson/TIY-2016-Q3/master/assignments/basic-css-web-components/example-components/mini-nav-menu.png)
#####Design Specs
font: Futura
link background color: rgb(205,92,92)
###Multi Column Layout ![multi column layout](https://raw.githubusercontent.com/t3patterson/TIY-2016-Q3/master/assignments/basic-css-web-components/example-components/basic-column-layout.png)
#####Design Specs
font: Helvetica Neue
top-bar color: #004
link color: `#DE5233`
##Adventurer Mode
###Page Layout ![layout](https://raw.githubusercontent.com/t3patterson/TIY-2016-Q3/master/assignments/basic-css-web-components/example-components/extended-layout.png)
#####Design Specs
font: Avenir
link color: `#ff5a5f`
images:
random-user1.png