Goal: Practice everything we've learned so far by re-creating a real website using block and inline HTML elements, custom CSS, and Bootstrap. Keep an eye out for correct indentation, and descriptive Git commit messages in the correct tense.
Now let’s use Bootstrap to rebuild the Wikipedia homepage. Use divs, spans, classes, floats, etc to style the page exactly as it appears in your browser. Feel free to use placeholder text and images in your project.
The goal of this exercise is to rebuild how the site looks not how it behaves, so your links don't need to link anywhere. To make a dummy link, use the #
as the value of the href
attribute on your link. For example: <a href=”#”>
.
A secondary goal is to take the time to explore Bootstrap documentation and implement a new tool that we did not explicitly go over in class. For example, you might explore how to use nav tabs or learn how to make a vertical navigation menu. Or, you might learn how to create a grid with Bootstrap and how to align content within the grid.
Make sure you are committing your changes appropriately and pushing to a remote repository on GitHub. Don’t rush through this. Being able to accurately rebuild a site is a great skill to have and will really help in understanding how CSS works to style your pages.
Finally, include a detailed README with author names, project name, a description, setup instructions, and copyright information.