Responsive Web Design Portfolio

🧠 About

This repository showcases a portfolio of responsive web design projects built by following the freeCodeCamp Responsive Web Design Certification curriculums.

The goal of this portfolio is to apply and demonstrate the foundational skills of HTML5 and CSS3, as taught by freeCodeCamp. Each project adheres to responsive design principles, ensuring a seamless experience across various devices.

📚 Projects

This portfolio showcases a selection of certification projects completed independently, as well as additional projects developed through guided, interactive, project-based learning.

The following certified projects were completed independently, with no external guidance beyond the basic structural requirements of the project.

1. Survey Form

   A form that collects user data, built using semantic HTML and styled with CSS.

2. Tribute Page

   A simple web page dedicated to Håkon Wium Lie - The Father of CSS.

3. Product Landing Page

   A mock landing page for a product, featuring media elements and basic layout design.

4. Technical Documentation Page

   A structured documentation page that mimics real-world tech documentation sites.

5. Personal Portfolio Page

   A self-designed personal portfolio that links to the above projects and showcases them in a unified layout.

All projects completed in the FullStackDeveloperCurriculum/Labs/ directory were undertaken independently, with no external assistance beyond the provided structural guidelines. These projects were not mandatory for certification but were completed to reinforce and extend learning.

💡 Features

• Fully responsive design using CSS Flexbox and Grid
• Semantic HTML5 structure
• Accessible and user-friendly forms and navigation
• Clean, modern UI based on basic HTML and CSS

🛠 Technologies Used

• HTML5
• CSS3
• freeCodeCamp's Test Suite (for project validation)

📁 Folder Structure

HTML_CSS-Portfolio/

├── ResponsiveWebDesign/

│   ├── CertificationProjects/

│   │    └── PROJECTS

│   └── Non-CertificationProjects/

│       └── PROJECTS

├── res/

│   └── RESOURCE FILES

└── README.md

*(Projects for the Certification are located in the certification folder.)

👨‍💻 Author

Duane Wegner | LinkedIn |