Now that we have an understanding of the different bootstrap components and basic layouts we can take
a look at popular bootstrap themes and how they were developed.
One of the best things about bootstrap is that it's open source.
This means you have access to thousands of templates and themes so it saves you time from having to
code them from scratch.
Remember you can always build on and customize the themes that are available a great resource for themes
is start bootstrap dot dot.com
if we click the Browse themes in templates button you'll see that they have several different themes
to choose from.
These are most of them are free to use for commercial and personal use in this lesson we'll take a look
at the freelancer theme.
We'll see how it was developed to download it click the preview and download button and then click the
download button save the file onto your desktop the file will download is a zip file you'll need to
extract the folder onto your desktop using any extraction utility such as when zip or when Ras
will do a quick overview of the theme as you can see here the layout is fluid it expands and contracts
with the browser
it also takes up the full width of the browser's content area
the navigation menu at the top is designed to collapse on small devices such as hand-held phones and
tablets
each navigation button will pull up a different section of the page
and we cover this type of effect in the last lesson where we developed the scroll spy layout the rest
of the sections are fairly simple below the navigation we have a header with some content just some
text and an image
below that we have the portfolio section which consists of three images when each image is clicked it
launches a model with some more information corresponding to the item that was clicked we can exit the
modal to get back to the main page
the about section contains a row with some content and a button
in the contact section has some text content as well as a form using Bootstrap form components
there's also some validation as you can see.
Lastly we have a folder that contains the location of the business some social media buttons and a snippet
of text.
We also have a role that contains some copyright text as well.
And that's the entire theme in a nutshell.
So in the next lesson we'll take a look at the code that went into building this.