A. Create your website in HTML5 and CSS3 with the following specification:

1. 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)) 
2.  An About page with a suitable HTML5 structure. 
3. 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.
4.   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) 

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.

D. Strongly recommended but not required: Take notes as you go along, and build a diary to cover the progress that you make each week, illustrated with screenshots or drawings of progress of the design and its implementation. This should include your initial low fidelity drawings for your pages structure and layout for large screen and mobile view. This can be pictures of hand drawn designs and the mapping of sections to HTML5 Elements. This will help you with the in-class test.