{"id":18953120,"url":"https://github.com/packtworkshops/the-html-and-css-workshop","last_synced_at":"2025-08-21T13:32:48.242Z","repository":{"id":55153276,"uuid":"214117776","full_name":"PacktWorkshops/The-HTML-and-CSS-Workshop","owner":"PacktWorkshops","description":"A New, Interactive Approach to Learning HTML and CSS","archived":false,"fork":false,"pushed_at":"2021-01-21T12:01:58.000Z","size":29740,"stargazers_count":92,"open_issues_count":1,"forks_count":129,"subscribers_count":15,"default_branch":"master","last_synced_at":"2024-12-11T14:05:20.750Z","etag":null,"topics":["accessibility","api","bem","bem-css","bundler","code-optimization","codebase","css-preprocessors","css3","html-tags","html5","npm","reusability","webcomponents","webpage","website"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/PacktWorkshops.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-10-10T07:37:38.000Z","updated_at":"2024-11-30T05:46:08.000Z","dependencies_parsed_at":"2022-08-14T13:40:26.076Z","dependency_job_id":null,"html_url":"https://github.com/PacktWorkshops/The-HTML-and-CSS-Workshop","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PacktWorkshops%2FThe-HTML-and-CSS-Workshop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PacktWorkshops%2FThe-HTML-and-CSS-Workshop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PacktWorkshops%2FThe-HTML-and-CSS-Workshop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PacktWorkshops%2FThe-HTML-and-CSS-Workshop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PacktWorkshops","download_url":"https://codeload.github.com/PacktWorkshops/The-HTML-and-CSS-Workshop/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":230516183,"owners_count":18238352,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["accessibility","api","bem","bem-css","bundler","code-optimization","codebase","css-preprocessors","css3","html-tags","html5","npm","reusability","webcomponents","webpage","website"],"created_at":"2024-11-08T13:36:26.325Z","updated_at":"2024-12-20T00:08:34.994Z","avatar_url":"https://github.com/PacktWorkshops.png","language":"HTML","readme":"# The HTML and CSS Workshop\n[![GitHub issues](https://img.shields.io/github/issues/PacktWorkshops/The-HTML-and-CSS-Workshop.svg)](https://github.com/PacktWorkshops/The-HTML-and-CSS-Workshop/issues)\n[![GitHub forks](https://img.shields.io/github/forks/PacktWorkshops/The-HTML-and-CSS-Workshop.svg)](https://github.com/PacktWorkshops/The-HTML-and-CSS-Workshop/network)\n[![GitHub stars](https://img.shields.io/github/stars/PacktWorkshops/The-HTML-and-CSS-Workshop.svg)](https://github.com/PacktWorkshops/The-HTML-and-CSS-Workshop/stargazers)\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/PacktWorkshops/The-HTML-and-CSS-Workshop/pulls)\n[![HTML 5](https://img.shields.io/badge/HTML-5-blue.svg)](https://dev.w3.org/html5/html-author/)\n\nThis is the repository for [The HTML and CSS Workshop](https://www.amazon.com/HTML-CSS-Workshop-Interactive-Approach-ebook/dp/B082926TQG/ref=sr_1_1?dchild=1\u0026keywords=The%20HTML%20and%20CSS%20Workshop\u0026qid=1611056782\u0026sr=8-1\u0026utm_source=GitHub\u0026utm_medium=Repository\u0026utm_campaign=9781838824532\u0026utm_term=HTML%20and%20CSS\u0026utm_content=The%20HTML%20and%20CSS%20Workshop), published by [Packt](https://www.packtpub.com/?utm_source=github). It contains all the supporting project files necessary to work through the course from start to finish.\n\n## Requirements and Setup\n\u003ca href=\"https://www.amazon.com/HTML-CSS-Workshop-Interactive-Approach-ebook/dp/B082926TQG/ref=sr_1_1?dchild=1\u0026keywords=The%20HTML%20and%20CSS%20Workshop\u0026qid=1611056782\u0026sr=8-1\u0026utm_source=GitHub\u0026utm_medium=Repository\u0026utm_campaign=9781838824532\u0026utm_term=HTML%20and%20CSS\u0026utm_content=The%20HTML%20and%20CSS%20Workshop\"\u003e\u003cimg src=\"https://github.com/PacktWorkshops/Workshop-Covers/blob/master/The%20HTML%20and%20CSS%20Workshop.png\" alt=\"The HTML and CSS Workshop\" height=\"290px\" width=\"230px\" align=\"right\" this.target=\"_blank\"\u003e\u003c/a\u003e\n\nTo get started with the project files, you'll need to:\n* Install [Visual Studio Code](https://code.visualstudio.com/download)\n\n## About The HTML and CSS Workshop\n[The HTML and CSS Workshop](https://www.amazon.com/HTML-CSS-Workshop-Interactive-Approach-ebook/dp/B082926TQG/ref=sr_1_1?dchild=1\u0026keywords=The%20HTML%20and%20CSS%20Workshop\u0026qid=1611056782\u0026sr=8-1\u0026utm_source=GitHub\u0026utm_medium=Repository\u0026utm_campaign=9781838824532\u0026utm_term=HTML%20and%20CSS\u0026utm_content=The%20HTML%20and%20CSS%20Workshop) equips you with the practical knowledge to create modern responsive websites. From mastering simple HTML markup and CSS tags, through to integrating media queries and animations to create a rich, engaging user experience, you'll build your skills with the help of hands-on examples and activities.\n\n## What You Will Learn\n* Understand how websites are built, structured, and styled\n* Master the syntax and structure of HTML and CSS\n* Know how to build websites from scratch using HTML5 and CSS3\n* Create intuitive forms that allow users to input data\n* Style your website by integrating videos, animations, and themes\n* Design robust websites that work on all modern devices seamlessly\n* Discover how to maintain and improve the performance of a website \n\n## Related Workshops\nIf you've found this repository useful, you might want to check out some of our other workshop titles:\n* [The JavaScript Workshop](https://www.amazon.com/JavaScript-Workshop-Interactive-Approach-Learning-ebook/dp/B0824584WF/ref=sr_1_1?dchild=1\u0026keywords=The%20JavaScript%20Workshop\u0026qid=1611056880\u0026sr=8-1\u0026utm_source=GitHub\u0026utm_medium=Repository\u0026utm_campaign=9781838641917\u0026utm_term=JavaScript\u0026utm_content=The%20JavaScript%20Workshop)\n* [The PHP Workshop](https://www.amazon.com/PHP-Workshop-Interactive-Approach-Learning-ebook/dp/B07ZKDVTM4/ref=sr_1_1?dchild=1\u0026keywords=The%20PHP%20Workshop\u0026qid=1611064737\u0026s=books\u0026sr=1-1\u0026utm_source=github\u0026utm_medium=repository\u0026utm_campaign=9781838648916\u0026utm_term=PHP\u0026utm_content=The%20PHP%20Workshop)\n* [The React Workshop](https://www.amazon.com/React-Workshop-Interactive-Approach-Learning-ebook/dp/B082VG6JCL/ref=sr_1_1?dchild=1\u0026keywords=The%20React%20Workshop\u0026qid=1611056710\u0026sr=8-1\u0026utm_source=GitHub\u0026utm_medium=Repository\u0026utm_campaign=9781838645564\u0026utm_term=React\u0026utm_content=The%20React%20Workshop)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpacktworkshops%2Fthe-html-and-css-workshop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpacktworkshops%2Fthe-html-and-css-workshop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpacktworkshops%2Fthe-html-and-css-workshop/lists"}