HTML & CSS Course

Welcome to the HTML & CSS Course Repository! This repository contains the project & milestone descriptions you need to complete the HTML & CSS course offered by ReDI School.

📚 Course Overview

This course introduces the fundamental concepts of web development, focusing on HTML and CSS. By the end of the course, you will have built:

• A basic e-commerce store.
• A personal portfolio.
• A final project of your choice: a responsive e-commerce site or a creative developer portfolio.

🗂️ Repository Structure

html-css/
│
├── projects/         # Project Description with weekly milestones
├── README.md         # Repository overview
└── .gitignore        # Git configuration

---

🏗️ Projects

1. E-Commerce Store

• Build and style a basic e-commerce website using semantic HTML and CSS.
• Learn CSS basics, including selectors, properties, and the box model.
• Add responsiveness with Flexbox and Grid.

2. Personal Portfolio

• Create a portfolio website to showcase your skills and projects.
• Use advanced CSS features like animations, transitions, and pseudo-classes.
• Focus on accessibility and responsive design.

3. Final Project

Choose one of the following:

• TechStore Responsive Design Project: A fully responsive e-commerce web application.
• Creative Developer Portfolio: A modern, interactive portfolio to highlight your creativity.

---

Project III: Final Project

Goal: Apply your skills to a project of your choice. Choose one of the following:

Option 1: TechStore Responsive Design

• TechStore Responsive Design Project: A fully responsive e-commerce web application.
• Includes a sticky header, responsive sidebar, and dynamic product grid.
• Implement media queries for tablets and mobile devices.

Option 2: Creative Developer Portfolio

• Creative Developer Portfolio: A modern, interactive portfolio to highlight your creativity.
• Features include a sticky navigation bar, an engaging hero section, and an animated project grid.
• Focus on interactivity, aesthetics, and smooth responsiveness.

---

🚀 Learning Objectives

By the end of this course, you will be able to:

• Structure web content using semantic HTML5
• Learn how to style webpages using CSS.
• Build responsive and accessible web pages.
• Create a basic e-commerce store, a personal portfolio, and a final project of your choice.
• Build accessible web interfaces
• Use Git for version control
• Create forms with proper validation
• Apply best practices for web development

---

🛠️ Tools & Resources

• Code Editor: Visual Studio Code
• Version Control: Git & GitHub
• Browser Tools: Chrome Developer Tools
• ReDI Hub: HTML & CSS Course Hub

---

🤝 Contributing

We welcome contributions to improve this repository! If you have ideas or suggestions:

• Fork this repository.
• Create a new branch for your changes.
• Submit a pull request with a detailed description of your updates.

---

📝 License

This repository is licensed under the MIT License.

💬 Questions?

If you have any questions, feel free to contact ReDI or your teachers via Slack.

Happy Coding! 🎉