Updated readme to include screenshots and more

Author: adamfortuna

README.md

@@ -4,9 +4,33 @@ Welcome to the Semantic HTML Portfolio Project! For this project, we'll be conve
 
 Please follow the instructions below to complete the project. Be sure to run tests to make sure your tests are passing before submitting your code.
 
+## What You'll Build
+
+We'll be using the [Build a Portfolio Using HTML and CSS](https://www.codeschool.com/projects/build-a-portfolio-using-html-and-css) project as a starting point and converting it to use semantic HTML elements. The result won't look that different than before, but this will introduce a few new HTML elements into the mix to help make our HTML more clear. Here's a sample of what this could look like:
+
+![Sample Portfolio](http://courseware.codeschool.com.s3.amazonaws.com/projects/semantic-html-portfolio-project.png)
+
+
+## What You'll Learn
+
+We'll use a bunch of HTML 5 elements, including:
+
+- `header`
+- `footer`
+- `main`
+- `nav`
+- `section`
+
+If you've never used these elements, we recommend taking the [Front-End Formations](https://www.codeschool.com/courses/front-end-formations) course to get familiar with these elements before jumping in.
+
+## Live Demo
+
+Wondering what this project will look like when you've completed it? [Follow this link](https://codeschool-project-demos.github.io/SemanticHTMLPortfolioProject/) to see a live version of this project.
+
+
 ## Getting Started
 
-To get started with this project, head over to the [Semantic HTML Portfolio](#) project on Code School, and begin!
+To get started with this project, head over to the [Semantic HTML Portfolio](https://www.codeschool.com/projects/semantic-html-portfolio-project) project on Code School, and begin!
 
 To get setup locally, run the following commands: