Giter VIP home page Giter VIP logo

basic-html-css-training's Introduction

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
  2. What is the head vs body vs html tag in a web design page
  3. How to add structure to your website using Div Tags
  4. How to create a separate cascading style sheet in HTML & CSS
  5. How to create index.html and styles.css
  6. How to add images to a website using HTML what is alt
  7. How to change the font style, size & color of h1, p in HTML CSS
  8. How to make a clickable link in HTML & change the color
  9. How to add a stretching background image to a website
  10. How to make a div tag transparent using HTML & CSS in VS Code
  11. How to create a simple website text navigation in HTML & CSS
  12. How to CSS style more than one class tag at a time compound classes
  13. How to add footer
  14. How to add a simple email button to a website using mailto in HTML
  15. How to add Google Maps to your website using embed codes

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.

MIT License

Copyright (c) 2020 CodeMacrocosm

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's People

Contributors

shanbinary avatar shreyamalogi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.