These free mini-courses will give you a strong foundation in web development. Track your progress and access advanced courses on HTML/CSS, Ruby and JavaScript for free inside our student portal.
Scroll down...
For the second sprint, you'll build another site from scratch. In this case, you'll reproduce one of the Bootstrap example sites:
This is a good start because you can check their CSS code if you get stuck but will still need to do it on your own because you'll be working with SASS and using semantic HTML5 tags where appropriate. As with the earlier sprint, it's designed to be pretty straightforward creatively so you can focus on learning the technical details.
Your job is to create a clone of the Bootstrap Jumbotron Template Page -- but also using semantic HTML5 tags and SASS.
<body>
down). Warning: The navbar is the most difficult part, so don't get discouraged when it's a pain.Note: Their example uses all default Bootstrap classes for styling except for these 2 lines which affect spacing:
body {
padding-top: 50px;
padding-bottom: 20px;
}
If you want to check your solution (or if you get stuck), you can see how the example page was built by viewing its source in your developer tools. Just note that they didn't use good semantic HTML5!
$ git push origin master
).The solution will be available here on Github once you've submitted your pull request.