Surveying the exercise files
Let's survey the beginning files for this exercise, which you will find in the folder 02_Code_BEGIN
. You'll see files similar to the template we set up in Chapter 1, Getting Started with Bootstrap.
There are a few new additions:
The
less
folder has a slightly modified organization scheme. We'll return to this later in the project. First, let's attend to the content elements.The
img
folder now contains five images:One logo image, named
logo.png
Four portfolio item images
The
index.html
file has the following new touches:Navbar items have been updated to reflect our new site architecture
We also have the essential markup in place for the images, content blocks, a logo in the footer, and social links
Other than the navbar, which we set up in Chapter 1, Getting Started with Bootstrap, no Bootstrap classes have been added to style the carousel, columns, or icons yet. You can view the results in your browser.
You'll see the navbar, followed by the portfolio images:
The blocks...