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
ES6 syntax: e.g. "let" and "const" over "var", template literals, arrow functions
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)
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