Create your own HTML5/CSS3/JS portfolio in one single html page 1280×720, [overflow: hidden;]

USE HTML5 / CSS3 / JS  elements to develop the finished version of your project using only ONE single CSS file for page. Unify all css styles in one single css sheet at the top: no inline CSS.

I understand it makes sense to create a Template and load the dynamic content into it, but in reality you would have to preload every single asset in your site for it to be efficient. It can be a total nightmare, and completely kill the experience for the users. This is the goal of Server Side programming, using PHP, but you would have to have your own personal server for this toxx be implemented. This is the subject of something you can learn in an independent project in future semesters, if you are interested in databases and dynamic web development, or WordPress.

Consider this as the finished project for yourselves: The CODE must be 100% yours. Too many of you used AI generated code, and it shows. You used elements and functions wen never talked about. This is not the purpose of the final. I will be deducting a LOT of points for code you cannot explain or utilize in another context.

You MUST have at least 5 optimized videos (600px max the largest side) and 30 seconds maximum in duration. The diverse and very present images must also be optimized to maximum 1500px the largest side. If you use transparent PNGs consider reducing the size to maximum 500px the largest side.

I want to see some form of ANIMATION (@keyframes) implemented in a manner that will enhance the user’s experience.

The uploaded folder must be organized in folders and subfolders (img/vid/aud): I WILL take points off if the links are incorrect or if then files are in disarray.

Please use your own material (images / video) to avoid copyright issues, and if necessary you can generate your own music using suno.ai

MAKE SURE YOUR FINAL SITE IS
1) NOT CHEESY
2) NOT BLOGGY
3) TOTALLY RELATED TO YOURSELVES (colors, fonts, images, logos) = shameless self promotion
4) EXTREMELY well designed > I will pay high attention to the fonts and color palettes
5) 100% your content 
6) It MUST follow the principles of the Interaction Cycle
Follow all the guidelines of the Interaction Cycle: do not expect the user to “discover” but at the same time do not make it EXPLICIT. Make it look flawless, and invite user to explore every single area.

This is the only project where you will NOT be focusing on your client but on yourselves, as professionals in your fields.

OJO: Be creative, showcase your passion, and take risks!
DESIGN IN AN AREA THAT IS MAXIMUM 1280 x 720 PX!!!!
I STRONGLY DISCOURAGE YOU FROM USING ANY SCROLLING!!!!

Very advanced examples
Robby Leonardi
Charles Richard
Zhenya Rynzhuk
https://public.tableau.com/en-us/s/interactive-resume-gallery

Visual Resumes
https://www.vandelaydesign.com/creative-resume-cv-examples/
https://www.awwwards.com/

STUDENT EXAMPLES
Wessling / Boyd / McDougall / Samide /
Platetter / Bernardini / Kallio / Atallah / Brown / Lax / Torres / Roque / Barton / Lettera / Carleton / Magoulas / Dennis / Kootz / Gosson