https://github.com/ryantusi/responsive-web-design-project

This repository showcases a series of HTML and CSS projects completed as part of the freeCodeCamp Responsive Web Design certification. Each project demonstrates various aspects of web development, from basic structure and styling to more complex layouts. 🖥️✨
https://github.com/ryantusi/responsive-web-design-project

freecodecamp-project personal-portfolio-webpage product-landing-page survey-form technical-documentation-page tribute-page

Last synced: about 2 months ago
JSON representation

This repository showcases a series of HTML and CSS projects completed as part of the freeCodeCamp Responsive Web Design certification. Each project demonstrates various aspects of web development, from basic structure and styling to more complex layouts. 🖥️✨

• Host: GitHub
• URL: https://github.com/ryantusi/responsive-web-design-project
• Owner: ryantusi
• Created: 2023-11-14T17:08:01.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-15T14:56:58.000Z (over 1 year ago)
• Last Synced: 2025-01-20T23:46:22.320Z (3 months ago)
• Topics: freecodecamp-project, personal-portfolio-webpage, product-landing-page, survey-form, technical-documentation-page, tribute-page
• Language: HTML
• Homepage: https://www.freecodecamp.org/certification/ryantusi/responsive-web-design
• Size: 402 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Welcome to My freeCodeCamp Responsive Web Design Projects! 🌟

This repository showcases a series of **HTML** and **CSS** projects completed as part of the ***freeCodeCamp*** Responsive Web Design certification. Each project demonstrates various aspects of web development, from basic structure and styling to more complex layouts. 🖥️✨

## Projects

1. **Survey Form**

   - **Description**: A simple survey form demonstrating form elements and layout design.

   - **Key Features**: Responsive layout, input validation.

   - ![Survey Form](images/survey-form-screenshot.png)

2. **Tribute Page**

   - **Description**: A tribute page dedicated to a chosen individual, highlighting HTML and CSS skills.

   - **Key Features**: Semantic HTML, CSS styling techniques.

   - ![Tribute Page](images/tribute-page-screenshot.png)

3. **Technical Documentation Page**

   - **Description**: A technical documentation page illustrating the use of HTML/CSS in technical writing.

   - **Key Features**: Clear navigation, code snippets display.

   - ![Technical Documentation Page](images/tech-doc-page-screenshot.png)

4. **Product Landing Page**

   - **Description**: A landing page promoting a product or service with emphasis on layout and design.

   - **Key Features**: Eye-catching layout, call-to-action elements.

   - ![Product Landing Page](images/product-landing-screenshot.png)

5. **Personal Portfolio Webpage**

   - **Description**: A personal portfolio webpage showcasing your skills and projects.

   - **Key Features**: Showcase section, contact form.

   - ![Personal Portfolio Webpage](images/portfolio-screenshot.png)

## Certification

![Responsive Web Design Certification](images/certificate-image.png)

I've earned the [freeCodeCamp Responsive Web Design certification](https://www.freecodecamp.org/certification/ryantusi/responsive-web-design) upon completing these projects. This certification validates proficiency in fundamental web development skills.

Feel free to explore each project by following the links provided above. Your feedback and suggestions are highly appreciated! 🚀🌐