create a website of no more than 4 separate pages (4 distinct screen sections for Single-Page Apps) on a topic of your choice (e.g. portfolio, business, interests, game reviews…).

create a website of no more than 4 separate pages (4 distinct screen sections for Single-Page Apps) on a topic of your choice (e.g. portfolio, business, interests, game reviews…). This can be useful for your future and should demonstrate your knowledge of all three front-end languages. Please ensure you understand and address all five criteria under each section. 1. HTML and CSS Code Quality Valid HTML5 and CSS3 source code throughout Consistent code nesting and indentation (2 spaces is industry-standard) Separate .css and .js files (e.g. no "style=" or "onclick" in HTML) Use of CSS3 features e.g. flexbox, animations, CSS grid Tidy file and folder organisation with lower-case names 2. JavaScript, APIs & JSON No JavaScript errors in the browser console Use of JavaScript for DOM manipulation and/or interaction ES6 syntax: e.g. "let" and "const" over "var", template literals, arrow functions Use of JavaScript to handle data (e.g. JSON from an external API) DRY code e.g. no repeated similar functions without parameters 3. Responsiveness, Accessibility and Interaction Responsive at any size with mobile-first CSS breakpoints Well-ordered information architecture, ease of navigation at all sizes Web accessibility (e.g. HTML5 semantic elements, "alt" attributes, heading structure, etc.) Coherence of overall design - colour, content, styles, etc. CSS layout of HTML5 elements e.g. no tables 4. GIT Version Control Source code and live site on GitHub classroom Use of GIT branches for feature development Regular commits, not all last few days Brief, informative commit messages Basic [login to view URL] file with references in markdown format (see NOTES) IMPORTANT NOTES use only native code e.g. no JQuery, Bootstrap, etc. although external assets are acceptable (images, FontAwesome and Google fonts) in your GIT readme file, you should include consistently-formatted references to any external learning resources you have used