- Fork this repo
- Set up cloud9 workspace
- Add a
notes.md
file - Push to your github repo
In your bash terminal:
git add notes.md
git commit -m "notes added"
git push origin master
Let's make some changes to this website. Find each step by doing a command + f
for STEP#
. After each step, commit and push with a message like "step 1 complete" or something similar.
- (STEP1) Include the stylesheet (called
style.css
) and the javascript (calledapp.js
) - (STEP2) Add a title in the head
- Add a class to the nav to make it fixed when you scroll down. Don't forget the Bootstrap documentation
- Add this boilerplate to your javascript to make the script run on the page
$(document).ready(function() {
// your code goes here
});
- (done for you!) Add an event handler (think
.eventname()
for the email input. - (done for you!) When you click on the email
- background of input changes to black
- text color changes to yellow
- Change
click
to a hover event and select the jumbotron - When you hover over the jumbotron:
- background image changes to an image of NYC
http://cdn.history.com/sites/2/2013/12/new-york-city-H.jpeg
- background image changes to an image of NYC
- Select the columns
.col-md-4
- on mouseover (mouse enters), color of the header and paragraph turns blue
- on mouseout (mouse leaves), color of the header and paragraph turns red
- When your mouse leaves the jumbotron:
- The background changes from the NYC image to a color of your choice! check out colorhexa for color ideas
- The button background color to yellow
- The text to white
- When you double click on a paragraph inside the jumbotron:
- The paragraph disappears and the other paragraphs turn red