HTML_CSS_Mastery

---

Welcome to the HTML_CSS_Mastery repository! This is my self-driven journey to master HTML and CSS by building 10 responsive projects. Each project in this repository represents a step forward in my learning process, tackling different aspects of web development, from layout design to advanced responsive techniques.

Projects

This repository contains the following projects as submodules:

1. Project 1

Tribute Page - This project is a tribute to Dr. A.P.J. Abdul Kalam, one of India's most revered scientists and the 11th President of India. Known as the "Missile Man of India," Dr. Kalam made significant contributions to India's space and missile programs.

Link -> View Project 1

---

2. Project 2

Job Application - This project is a web-based job application form designed to collect user details for job applications.

Link -> View Project 2

---

3. Project 3

Parallax WebPage - This project is a responsive parallax website created using only HTML and CSS. details for job applications.

Link -> View Project 3

---

4. Project 4

Landing Page - This project is a fully responsive landing page created to showcase the portfolio of a Full Stack Developer.

Link -> View Project 4

---

5. Project 5

Restaurant Website - This project is a fully responsive restaurant website designed to showcase a food company's menu, services, and unique offerings.

Link -> View Project 5

---

6. Project 6

myTunes Music Website - This project is a fully responsive music website designed to showcase music collections, offer streaming options, and promote exclusive content.

Link -> View Project 6

---

7. Project 7

Survey Form - The Survey Form project is designed to collect user input through various fields, including text, email, number, dropdown, radio buttons, checkboxes, and a textarea for additional comments. The form is fully validated using HTML5 validation features to ensure proper input from users.

Link -> View Project 7

---

8. Project 8

Tribute Page - The Tribute Page project is designed to honor a person or subject of significance. It includes a title, an image with a caption, descriptive information, and a link to additional resources. The page is styled to be responsive and visually engaging.

Link -> View Project 8

---

9. Project 9

Technical Documentation - The Technical Documentation Page project is designed to present information in a structured and easily navigable format. It includes a main content area, sections with headers, a sticky navigation bar, and responsive design features.

Link -> View Project 9

---

10. Project 10

Product Landing Page - Welcome to the Product Landing Page project, part of the Responsive Web Design certification on freeCodeCamp! This project will help you showcase your HTML, CSS, and responsive design skills by creating a landing page that can be a great addition to your portfolio.

Link -> View Project 10

---

11. Project 11

Product Landing Page - Welcome to my simple but responsive and very minimalist design Portfolio Webpage project! This project is a reflection of my journey as a web developer, showcasing my skills, projects, and personal style. Explore the page to learn more about my work and experiences.

Link -> View Project 11

---

12. Project 12

Coffee Landing Page - Welcome to my simple but responsive and very minimalist design Portfolio Webpage project! This project is a reflection of my journey as a web developer, showcasing my skills, projects, and personal style. Explore the page to learn more about my work and experiences.

Link -> View Project 12

---

13. Project 13

Kitty Food Landing Page - Welcome to my simple but responsive and very minimalist design Portfolio Webpage project! This project is a reflection of my journey as a web developer, showcasing my skills, projects, and personal style. Explore the page to learn more about my work and experiences.

Link -> View Project 13

---

14. Project 14

All About Coffee - Welcome to my simple but responsive and very minimalist design Portfolio Webpage project! This project is a reflection of my journey as a web developer, showcasing my skills, projects, and personal style. Explore the page to learn more about my work and experiences.

Link -> View Project 14

---

Cloning the Repository

To clone this repository along with all the submodules (projects), use the following command:

git clone --recurse-submodules https://github.com/yourusername/HTML_CSS_Mastery.git

Updating Submodules

After pulling updates from the main repository, ensure all submodules are updated:

Copy code
git pull --recurse-submodules
git submodule update --remote --merge

Project Details

Each project is hosted as a separate Git repository and linked here as a submodule. You can find detailed documentation and code in each project’s respective repository.

Contributions

If you'd like to contribute to any of these projects, feel free to fork the individual project repository, make your changes, and submit a pull request. Contributions that improve the quality of the projects or enhance the learning experience are welcome!