KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #typescript #developer-tools #claude-code #ai-agent #codex #deepseek-harness #ai-agents #cli #react #mcp

Basic-HTML-CSS-Training

★ 12 Open GitHub ↗

📘 CHAPTER-3 📘 15 day HTML/CSS Hands-on Training 🚀

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Restaurant Website - 15-Day HTML & CSS Training 🍽️💻

Welcome to the Restaurant Website project! 🍽️

This repository hosts a comprehensive 15-day training program led by Shreya Malogi. Here, you'll find a wealth of resources derived from the training workshop. These materials are designed to assist you in mastering the essentials of HTML and CSS for web development.🚀

## Project Overview

By the end of this 15-day training, you will have the knowledge and skills to create your own website. Whether you're a beginner or looking to refresh your web development skills, this project is designed to guide you through the essentials of HTML and CSS. 🎓

## Modules

This repository is organized into several modules, each covering a specific topic in web development. Here's a brief overview of the modules available: 📚

1. [What is HTML5 & CSS3 in web design](01%20What%20is%20HTML5%20%26%20CSS3%20in%20web%20design)
2. [What is the head vs body vs html tag in a web design page](02%20What%20is%20the%20head%20vs%20body%20vs%20html%20tag%20in%20a%20web%20design%20page)
3. [How to add structure to your website using Div Tags](03%20How%20to%20add%20structure%20to%20your%20website%20using%20Div%20Tags)
4. [How to create a separate cascading style sheet in HTML & CSS](04%20How%20to%20create%20a%20separate%20cascading%20style%20sheet%20in%20HTML%20%26%20CSS)
5. [How to create index.html and styles.css](05%20How%20to%20create%20index.html%20and%20styles.css)
6. [How to add images to a website using HTML what is alt](06%20How%20to%20add%20images%20to%20a%20website%20using%20HTML%20what%20is%20alt)
7. [How to change the font style, size & color of h1, p in HTML CSS](07%20How%20to%20change%20the%20font%20style%2C%20size%20%26%20color%20of%20h1%2C%20p%20in%20HTML%20CSS)
8. [How to make a clickable link in HTML & change the color](08%20How%20to%20make%20a%20clickable%20link%20in%20HTML%20%26%20change%20the%20color)
9. [How to add a stretching background image to a website](09%20How%20to%20add%20a%20stretching%20background%20image%20to%20a%20website)
10. [How to make a div tag transparent using HTML & CSS in VS Code](10%20How%20to%20make%20a%20div%20tag%20transparent%20using%20HTML%20%26%20CSS%20in%20VS%20Code)
11. [How to create a simple website text navigation in HTML & CSS](11%20How%20to%20create%20a%20simple%20website%20text%20navigation%20in%20HTML%20%26%20CSS)
12. [How to CSS style more than one class tag at a time compound classes](12%20How%20to%20CSS%20style%20more%20than%20one%20class%20tag%20at%20a%20time%20compound%20classes)
13. [How to add footer](13%20How%20to%20add%20footer)
14. [How to add a simple email button to a website using mailto in HTML](14%20How%20to%20add%20a%20simple%20email%20button%20to%20a%20website%20using%20mailto%20in%20HTML)
15. [How to add Google Maps to your website using embed codes](15%20How%20to%20add%20Google%20Maps%20to%20your%20website%20using%20embed%20codes)

## Why This Project? 🤔

Learning web development is an exciting journey, and this project was created with a few key objectives in mind:

1. **Hands-On Learning:** We believe that the best way to learn is by doing. This project provides you with practical exercises and real-world examples to reinforce your HTML and CSS skills.

2. **Structured Training:** Web development can sometimes feel overwhelming due to its vastness. We've broken down the training into 15 modules, each focusing on a specific aspect of web development. This structured approach makes learning more manageable.

3. **Portfolio Building:** By the end of this training, you'll have the skills to create your own website. Whether it's a personal blog, a small business site, or an online portfolio, you can apply what you've learned to build your web presence.

4. **Community and Support:** Learning is more fun when you're part of a community. We encourage you to share your progress, ask questions, and collaborate with fellow learners. Together, we can make this learning journey more enjoyable and productive.

## Tech Stack Used 🛠️

In this project, you'll work with a fundamental tech stack used in web development:

- **HTML5:** The latest version of HTML for structuring content on web pages.
- **CSS3:** The latest version of CSS for styling and layout of web pages.
- **Visual Studio Code (VS Code):** A popular code editor that provides a seamless development environment.
- **GitHub:** A platform for version control and collaboration, where you can access this project's code and contribute to its improvement.

We've kept the stack simple to ensure that you grasp the basics of web development thoroughly. As you progress, you can explore more advanced technologies and frameworks to expand your skill set.

## Getting Started 🚀

Feel free to explore the modules at your own pace. Each module comes with its own set of exercises and instructions to help you practice and learn.

## License 📜

This project is open-source and available under the [MIT License](LICENSE).

MIT License

## Star This Repository ⭐

If you find this 15-day HTML & CSS training useful, don't forget to star this repository! Your feedback and support are greatly appreciated. 🙌

## Happy Coding! 🎉

We wish you the best of luck as you embark on this web development journey. If you have any questions or need assistance, don't hesitate to reach out. Happy coding! 💻

Basic-HTML-CSS-Training

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README