16. Gradient

17. Transforms

18. Transitions

19. Animations

20. Show that you have taken specificity into consideration

21. Provide good comments and indentation

C. Make your Portfolio responsive so it would display well on a small screen

using media queries./nA. Create your website in HTML5 and CSS3 with the following specification:

A Main Page with a suitable HTML5 structure containing side

information (either a twitter feed, or links to social media accounts

(yours or any other relevant one(s))

●

●

●

An About page with a suitable HTML5 structure.

A Personal Projects or Hobbies or more general Blogs page with

appropriate page structure and suitable semantic elements. This page

must contain 2 blog posts. Also make sure to use the time element with

the datetime attribute.

A Page with a Form for people to register to your newsletter and/or

send you a message. Ensure that your page makes use of appropriate

HTML5 form elements, and has an appropriate page structure.

All pages must be written in HTML5. You must ensure that HTML5 is used

correctly and efficiently to ensure correct semantic and validation where

appropriate. Ensure that your code makes use good comments and

indentation.

B. Create a single external style sheet file, written in CSS3, to style the whole

site.

You are required to use the following:

1. Specify font(s) to be used throughout the site and in more specific

areas, using either @font-face or google fonts

2. Colours (including at least one semi-transparent),

3. Shadows

4. Text effects

5. Attribute selectors (minimum 2)

6. Pseudo elements with generated content in at least one place on your

site

7. User action pseudo class

8. Child combinator

9. Structural selectors

10. Negation pseudo class

11. Nth pseudo class

12. Validity pseudo class

13. Relational selector

14. Border

15. Rounded corners (can be of size 0 if you do not wish to have rounded

corners)