├── .gitmodules
├── README.md
└── package.json
/.gitmodules:
--------------------------------------------------------------------------------
1 | [submodule "01-Project"]
2 | path = 01-Project
3 | url = https://github.com/anirudha-8/Tribute_Page.git
4 | [submodule "02-Project"]
5 | path = 02-Project
6 | url = https://github.com/anirudha-8/Job_Application_Form.git
7 | [submodule "03-Project"]
8 | path = 03-Project
9 | url = https://github.com/anirudha-8/Parallax_WebPage.git
10 | [submodule "04-Project"]
11 | path = 04-Project
12 | url = https://github.com/anirudha-8/Landing-Page.git
13 | [submodule "05-Project"]
14 | path = 05-Project
15 | url = https://github.com/anirudha-8/Restaurant-Website.git
16 | [submodule "06-Project"]
17 | path = 06-Project
18 | url = https://github.com/anirudha-8/myTunes.git
19 | [submodule "07-Project"]
20 | path = 07-Project
21 | url = https://github.com/anirudha-8/survey-form.git
22 | [submodule "08-Project"]
23 | path = 08-Project
24 | url = https://github.com/anirudha-8/tribute-page.git
25 | [submodule "09-Project"]
26 | path = 09-Project
27 | url = https://github.com/anirudha-8/technical-documentation.git
28 | [submodule "10-Project"]
29 | path = 10-Project
30 | url = https://github.com/anirudha-8/product-landing-page.git
31 | [submodule "11-Project"]
32 | path = 11-Project
33 | url = https://github.com/anirudha-8/portfolio-webpage.git
34 | [submodule "12-Project"]
35 | path = 12-Project
36 | url = https://github.com/anirudha-8/coffee-landing-page.git
37 | [submodule "13-Project"]
38 | path = 13-Project
39 | url = https://github.com/anirudha-8/kitty-food-landing-page.git
40 | [submodule "14-Project"]
41 | path = 14-Project
42 | url = https://github.com/anirudha-8/all-about-coffee.git
43 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 |
HTML_CSS_Mastery
3 |

4 |
5 |
6 | ---
7 |
8 | 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.
9 |
10 | ## Projects
11 |
12 | This repository contains the following projects as submodules:
13 |
14 | ### 1. **Project 1**
15 |
16 | [Tribute Page](https://github.com/anirudha-8/Tribute_Page.git) - 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.
17 |
18 | ### Link -> **[View Project 1](https://anirudha-8.github.io/Tribute_Page/)**
19 |
20 | ---
21 |
22 | ### 2. **Project 2**
23 |
24 | [Job Application](https://github.com/anirudha-8/Job_Application_Form.git) - This project is a web-based job application form designed to collect user details for job applications.
25 |
26 | ### Link -> **[View Project 2](https://anirudha-8.github.io/Job_Application_Form/)**
27 |
28 | ---
29 |
30 | ### 3. **Project 3**
31 |
32 | [Parallax WebPage](https://github.com/anirudha-8/Parallax_WebPage.git) - This project is a responsive parallax website created using only HTML and CSS. details for job applications.
33 |
34 | ### Link -> **[View Project 3](https://anirudha-8.github.io/Parallax_WebPage/)**
35 |
36 | ---
37 |
38 | ### 4. **Project 4**
39 |
40 | [Landing Page](https://github.com/anirudha-8/Landing-Page.git) - This project is a fully responsive landing page created to showcase the portfolio of a Full Stack Developer.
41 |
42 | ### Link -> **[View Project 4](https://anirudha-8.github.io/Landing-Page/)**
43 |
44 | ---
45 |
46 | ### 5. **Project 5**
47 |
48 | [Restaurant Website](https://github.com/anirudha-8/Restaurant-Website.git) - This project is a fully responsive restaurant website designed to showcase a food company's menu, services, and unique offerings.
49 |
50 | ### Link -> **[View Project 5](https://anirudha-8.github.io/Restaurant-Website/)**
51 |
52 | ---
53 |
54 | ### 6. **Project 6**
55 |
56 | [myTunes Music Website](https://github.com/anirudha-8/myTunes.git) - This project is a fully responsive music website designed to showcase music collections, offer streaming options, and promote exclusive content.
57 |
58 | ### Link -> **[View Project 6](https://anirudha-8.github.io/myTunes/)**
59 |
60 | ---
61 |
62 | ### 7. **Project 7**
63 |
64 | [Survey Form](https://github.com/anirudha-8/survey-form.git) - 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.
65 |
66 | ### Link -> **[View Project 7](https://anirudha-8.github.io/survey-form/)**
67 |
68 | ---
69 |
70 | ### 8. **Project 8**
71 |
72 | [Tribute Page](https://github.com/anirudha-8/tribute-page.git) - 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.
73 |
74 | ### Link -> **[View Project 8](https://anirudha-8.github.io/tribute-page/)**
75 |
76 | ---
77 |
78 | ### 9. **Project 9**
79 |
80 | [Technical Documentation](https://github.com/anirudha-8/technical-documentation.git) - 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.
81 |
82 | ### Link -> **[View Project 9](https://anirudha-8.github.io/technical-documentation/)**
83 |
84 | ---
85 |
86 | ### 10. **Project 10**
87 |
88 | [Product Landing Page](https://github.com/anirudha-8/product-landing-page.git) - 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.
89 |
90 | ### Link -> **[View Project 10](https://anirudha-8.github.io/product-landing-page/)**
91 |
92 | ---
93 |
94 | ### 11. **Project 11**
95 |
96 | [Product Landing Page](https://github.com/anirudha-8/portfolio-webpage.git) - 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.
97 |
98 | ### Link -> **[View Project 11](https://anirudha-8.github.io/portfolio-webpage/)**
99 |
100 | ---
101 |
102 | ### 12. **Project 12**
103 |
104 | [Coffee Landing Page](https://github.com/anirudha-8/coffee-landing-page.git) - 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.
105 |
106 | ### Link -> **[View Project 12](https://anirudha-8.github.io/coffee-landing-page/)**
107 |
108 | ---
109 |
110 | ### 13. **Project 13**
111 |
112 | [Kitty Food Landing Page](https://github.com/anirudha-8/kitty-food-landing-page.git) - 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.
113 |
114 | ### Link -> **[View Project 13](https://anirudha-8.github.io/kitty-food-landing-page/)**
115 |
116 | ---
117 |
118 | ### 14. **Project 14**
119 |
120 | [All About Coffee](https://github.com/anirudha-8/all-about-coffee.git) - 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.
121 |
122 | ### Link -> **[View Project 14](https://anirudha-8.github.io/all-about-coffee/)**
123 |
124 | ---
125 |
126 | ## Cloning the Repository
127 |
128 | To clone this repository along with all the submodules (projects), use the following command:
129 |
130 | ```bash
131 | git clone --recurse-submodules https://github.com/yourusername/HTML_CSS_Mastery.git
132 | ```
133 |
134 | ## Updating Submodules
135 |
136 | After pulling updates from the main repository, ensure all submodules are updated:
137 |
138 | ```bash
139 | Copy code
140 | git pull --recurse-submodules
141 | git submodule update --remote --merge
142 | ```
143 |
144 | ## Project Details
145 |
146 | 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.
147 |
148 | ## Contributions
149 |
150 | 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!
151 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "html_css_mastery",
3 | "version": "1.0.0",
4 | "main": "index.js",
5 | "scripts": {
6 | "test": "echo \"Error: no test specified\" && exit 1"
7 | },
8 | "keywords": [],
9 | "author": "",
10 | "license": "ISC",
11 | "description": ""
12 | }
13 |
--------------------------------------------------------------------------------