├── .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 | --------------------------------------------------------------------------------