A personal website that contains each of the following elements:

  1. “Links to both your own pages and external webpages.” - (Internal) On the homepage, 5 clickable links to internal text pages in the middle. At the top right, a clickable home, gallery, facebook and about page.(External) - A facebook page link at the top right of every page. QR Code link on nutrition.html page. Embed youtube video on motivation.html page.

  2. “A navigation bar” - Navigation bar at the top right of every page. 5 Clickable links in middle of homepage.

  3. “At least one table used in an appropriate manner” - Table used on nutrition.html page.

  4. “At least one list (ordered or unordered)” - Either an ordered or unordered list used on all 8 html pages. Both used at least once throughout.

  5. “At least one local or embedded video” - Embed youtube video on motivation.html page.

  6. “At least four CSS3 and four HTML5 specific elements” - Examples of some elements I used were: CSS3: border-radius, text-decoration-color, text-overflow, background-color, float, margin, margin-bottom, margin-top, text-align.

  7. “Make use of the CSS positional properties (e.g. position, float)” - Position and Float were used on every css sheet, as I used position: absolute for the title and float: left or right were generally used for positioning an image or text.

  8. “Make use of both inline and block elements” - Inline block was used on every css page for the navigation bar at the top right.

Github Link: Full repository can be found here