A personal website that contains each of the following elements:
-
“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.
-
“A navigation bar” - Navigation bar at the top right of every page. 5 Clickable links in middle of homepage.
-
“At least one table used in an appropriate manner” - Table used on nutrition.html page.
-
“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.
-
“At least one local or embedded video” - Embed youtube video on motivation.html page.
-
“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.
-
“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.
-
“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