` menu elements. One tag should read "Home", and the other "About". MENU
+
+### Create the Carousel
+
+Let's place a Bootstrap Carousel under our navbar. Here is a [sample carousel](https://github.com/codeschool/BootstrapPortfolioProject/wiki/Sample-Carousel) to help you get set up. You can always learn more about Bootstrap's Carousel in their [official documentation](http://getbootstrap.com/javascript/#carousel). MENU
+
+### Carousel Items
+
+Change the three `` and `
` tags that are found under each `.item` element within our carousel to include three tag-lines. You can either use similar content that was already available in the page _(under "Who I am", "What I do", etc)_ or come up with original content for yourself. MENU
+
+### Using Bootstrap's Grid System
+
+Let's display some elements side-by-side using the Grid System. To do so, under our carousel, let's create three nested `
` tags. One should have the `marketing` CSS class, the next should have the `container` CSS class, and the third should have the `row` CSS class. MENU
+
+### Creating the Marketing Columns
+
+Inside of `.row`, add three `div` elements with the `col-md-4` CSS class. Each of these elements should have a: - `span` tag with the `glyphicon` class, plus another class indicating [which icon you'd like to use](http://getbootstrap.com/components/#glyphicons-glyphs) _(ie. "glyphicon-music", or "glyphicon-camera", etc)_. - `h2` tag with a skill in it _(ie. "HTML & CSS", or "JavaScript", or "Design", etc)_. - `p` tag describing why you enjoy using each skill _(ie. "I enjoy making the web come to life with Angular", etc)_. MENU
+
+### Create the Footer
+
+Under `.marketing`, let's create a `footer` element. Our footer needs to have a `div` inside it with the `container` CSS class. _You'll see the footer stick to the bottom of the page, which happens because of some styling code we made available._ MENU
+
+### The Elements Inside our Footer
+
+Inside our footer container, let's create two elements: an `h3` tag with a title inviting your visitors to get in touch with you, and a `p` tag describing how your visitors can get in touch. MENU
+
+### Cleaning Things Up
+
+Let's remove the `.header`, `.tagline`, `.skills` and `.contact` elements as the same information should all be part of the carousel, marketing and footer elements now.
+
+## Next Steps
+
+Now that you’re done, we highly encourage you to open the `src/main.css` file and customize things as much as you’d like!
+
+You should also make your completed project available online so you can share your progress with others! One way of doing this is by using GitHub Pages.
+
+To deploy your `/src` directory to GitHub Pages, be sure to commit all of your changes and make a new branch called `gh-pages`. Once you are checked into the `gh-pages` branch, run the following command:
+
+```
+git subtree push --prefix src origin gh-pages
+```
+
+This will push the `src` folder up to GitHub on the `gh-pages` branch. After that, you should be able to open up `http://username.github.io/BootstrapPortfolioProject`, where `username` is your GitHub username.
diff --git a/package.json b/package.json
index a6908420..41a2c520 100644
--- a/package.json
+++ b/package.json
@@ -5,18 +5,23 @@
"private": true,
"scripts": {
"start": "browser-sync start --server ./src --files ./src",
- "test": "mocha test/*.spec.js"
+ "test": "mocha --compilers js:babel-register test/*.spec.js"
},
"author": "Sergio Cruz ",
"license": "MIT",
"devDependencies": {
+ "babel-preset-es2015": "^6.18.0",
+ "babel-register": "^6.18.0",
"browser-sync": "^2.14.0",
"chai": "^3.5.0",
"jsdom": "^9.4.1",
"mocha": "^3.0.1"
},
- "engines" : {
- "node" : ">=6.2",
- "npm": ">=3.8"
+ "engines": {
+ "node": ">=4.6",
+ "npm": ">=2.15"
+ },
+ "babel": {
+ "presets": ["es2015"]
}
}
diff --git a/screenshot.png b/screenshot.png
new file mode 100644
index 00000000..6404f0f0
Binary files /dev/null and b/screenshot.png differ