https://github.com/gengo-bit/responsive-web-design-projects

A collection of projects created as part of the Responsive Web Design Certification from freeCodeCamp. These projects demonstrate fundamental web design skills, including HTML5, CSS, and accessibility best practices, with a focus on crafting responsive and user-friendly web pages.
https://github.com/gengo-bit/responsive-web-design-projects

Last synced: about 1 month ago
JSON representation

A collection of projects created as part of the Responsive Web Design Certification from freeCodeCamp. These projects demonstrate fundamental web design skills, including HTML5, CSS, and accessibility best practices, with a focus on crafting responsive and user-friendly web pages.

• Host: GitHub
• URL: https://github.com/gengo-bit/responsive-web-design-projects
• Owner: Gengo-bit
• License: mit
• Created: 2024-12-08T18:50:26.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2025-01-22T06:23:23.000Z (3 months ago)
• Last Synced: 2025-01-22T06:29:31.042Z (3 months ago)
• Language: HTML
• Homepage:
• Size: 27.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Responsive Web Design Projects

This repository contains all the projects I completed as part of the **Responsive Web Design Certification** offered by [freeCodeCamp](https://www.freecodecamp.org/learn/2022/responsive-web-design/). These projects showcase my understanding of HTML, CSS, and responsive design principles.

## Projects

1. **Survey Form**

   - A form-based webpage where users can submit their responses.

   - Demonstrates form validation, accessibility, and layout techniques.

     

2. **Tribute Page**

   - A simple webpage dedicated to a person or topic of your choice.

   - Focuses on semantic HTML and basic CSS styling.

3. **Technical Documentation Page**

   - A documentation-style webpage for a specific topic.

   - Emphasizes navigation, typography, and readability.

     

4. **Product Landing Page**

   - A marketing webpage for a product or service.

   - Highlights the use of flexbox, grid, and responsive layout design.

5. **Personal Portfolio**

   - A portfolio showcasing your work and skills.

   - Combines all skills learned, including responsiveness, design consistency, and interactivity.

## Technologies Used

- **HTML5**: For structuring the content and ensuring semantic clarity.

- **CSS3**: For styling and layout, including flexbox and grid.

- **Responsive Design**: To create web pages that look great on devices of all sizes.

- **Accessibility**: Ensuring all projects meet web accessibility standards.

## Certification

This repository is part of my journey to earning the **Responsive Web Design Certification** from freeCodeCamp.

## How to View the Projects

You can view each project by opening the corresponding folder and launching the `index.html` file in your browser.

Alternatively, you can clone this repository and serve the files locally:

```bash

git clone https://github.com/Gengo-bit/Responsive-Web-Design.git

cd Responsive-Web-Design

```

## License

This repository is licensed under the [MIT License](LICENSE). Feel free to use or modify the code for your own purposes.

---

### Links

- **freeCodeCamp Profile**: [Gengo-bit](https://www.freecodecamp.org/Gengo-bit)

- **Certification Curriculum**: [Responsive Web Design](https://www.freecodecamp.org/learn/2022/responsive-web-design/)

---

Happy coding! 🎉