Assignment Two: Create an advanced website with Bootstrap

This assignment comes at the end of Module 1.

Now that you have learned how to create web pages and link them together it is time to make your very own website. Please complete the following assignment by creating:

Multiple pages in one document are OK

 A website with 6- 8 separate web pages. By the way, those pages do not have to be in separate html files. These days, it is quite common for ‘multi-page’ websites to live in just one html file, with internal links that actually provide a similar, sometimes better, user experience than a true multi-page site that loads a new page every time a user clicks a link.

Link it to your homepage!

However you make your site, make sure that you link it up properly so that I can find it when I visit your website. One web page (or the top of a page) will serve as the website homepage.

Use a free template if you want to.

The site must be responsive and based on the Bootstrap Framework. The previous lesson should be very useful but I do not mind a bit if you download some else’s Bootstrap Template. There are lots of free and attractive Bootstrap Templates that are easy to find.  You are not required to download one, but doing so, is an easy way to produce a more attractive website. As of 2020,, and have free templates that look fairly promising.  With a bit of googling you should find other free options as well. 

Show me the fonts!

Demonstrate use of web fonts [footnote] or google fonts which is the same thing [/footnote] You don’t have to use web fonts for ALL of your text but use at least one to show that you know how. You may even want to dedicate a page of your website just to fonts.


Original pictures on each, or most, pages, sized for the web. REALLY BIG pictures [footnote] big in file size that is [/footnote] are not acceptable.


Explanatory text for each page but don’t feel the need to write more than a couple of sentences for each page.

  • Navigation must work and be consistent
  • Each page should have header of some sort that describes the website.
  • An embedded google form for submitting comments. 
  • Make it look as good as you can.
  • Whatever you do, don’t forget to properly title your pages. Pages that show up as “untitled” are not acceptable. Pages that show up with the name of a template in the title are also a no no. 
  • If your site comes with a built in form, make sure that it actually works or get rid of it! One of my pet peeves is the ‘dead’ form that leads to nowhere. Very unprofessional.