Dynamic CV Website Creation -- 2

This project will develop a dynamic, interactive web version of a CV, transforming standard resume information into a visually engaging, multi-page site. The site will be built in Adobe Dreamweaver using HTML, CSS (with Div-based structures), and light JavaScript/CSS animation to enhance interactivity and user engagement.

Project Objectives
Build a five-page personal CV website, each page representing a major section (Personal Info, Education, Experience, Skills, Hobbies).

Use Div tag-based layouts styled with external CSS for consistency and responsive design.

Integrate custom graphics and assets designed in Photoshop or Illustrator.

Implement bubble diagram navigation for an easy, playful user experience.

Include small interactive elements (hover effects, slide-ins, highlights) using CSS and simple JavaScript.

Add optional multimedia: profile photo, background music, or project images for a richer experience.

Main Site Structure
Section/Page Content Ideas
Personal Information Name, contact, photo
Education Degrees, institutions, key projects
Experience Projects, internships, part-time jobs
Skills Technical and soft skills, tools, languages
Hobbies & Interests Games, reading, travel, sports, etc.
Visual & Technical Approach
Home page: Features a bubble diagram (SVG or background image), each bubble links to a major section.

Design: Custom look designed in Illustrator/Photoshop before HTML/CSS implementation in Dreamweaver.

Navigation: Consistent, intuitive, using menu or floating "bubbles."

Animations: Section content slides or highlights on hover, using CSS transitions and basic JS if needed.

Responsive: Layout adapts for mobile screens using media queries.

Content: Each page contains text and multimedia (images, possible embedded sound/video).

Inspirations
The style will borrow the gamified, animated feeling from [rleonardi.com/interactive-resume].

Navigation will feel playful but logical, keeping accessibility in mind.

Deliverables
Fully functional web CV site with at least five linked sections.

Clean HTML with Div-based structure, all style managed in CSS.

All design assets included (backgrounds, bubble diagram, icons).

Basic documentation: folder structure, how to update content.