{"id":28267216,"url":"https://github.com/busrarafa/modern-html-css-2.0","last_synced_at":"2026-01-27T04:07:40.890Z","repository":{"id":286837939,"uuid":"962522394","full_name":"BusraRafa/Modern-HTML-CSS-2.0","owner":"BusraRafa","description":"https://busrarafa.github.io/Modern-HTML-CSS-2.0/","archived":false,"fork":false,"pushed_at":"2025-05-29T12:57:04.000Z","size":12614,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-19T10:43:52.069Z","etag":null,"topics":["bem-css","html-css-javascript","html5","js","lumina","vercel"],"latest_commit_sha":null,"homepage":"https://busrarafa.github.io/Modern-HTML-CSS-2.0/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BusraRafa.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-04-08T09:27:29.000Z","updated_at":"2025-05-31T08:40:23.000Z","dependencies_parsed_at":"2025-05-29T09:43:20.591Z","dependency_job_id":null,"html_url":"https://github.com/BusraRafa/Modern-HTML-CSS-2.0","commit_stats":null,"previous_names":["busrarafa/modern-html-css-2.0"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/BusraRafa/Modern-HTML-CSS-2.0","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BusraRafa%2FModern-HTML-CSS-2.0","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BusraRafa%2FModern-HTML-CSS-2.0/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BusraRafa%2FModern-HTML-CSS-2.0/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BusraRafa%2FModern-HTML-CSS-2.0/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BusraRafa","download_url":"https://codeload.github.com/BusraRafa/Modern-HTML-CSS-2.0/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BusraRafa%2FModern-HTML-CSS-2.0/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28801139,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-27T03:44:14.111Z","status":"ssl_error","status_checked_at":"2026-01-27T03:43:33.507Z","response_time":168,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["bem-css","html-css-javascript","html5","js","lumina","vercel"],"created_at":"2025-05-20T15:10:26.664Z","updated_at":"2026-01-27T04:07:40.885Z","avatar_url":"https://github.com/BusraRafa.png","language":"HTML","readme":"\u003ca id=\"readme-top\"\u003e\u003c/a\u003e \n# 🎯  Modern HTML \u0026 CSS Projects\nPractice projects and tasks completed from the \u003cstrong\u003e\"Modern HTML \u0026 CSS From The Beginning\"\u003c/strong\u003e Udemy course.\u003cbr\u003eThis repository showcases my learning journey, daily practice, and real-world mini-projects using modern HTML and CSS techniques.\n\u003cbr\u003e\u003cbr\u003e\n\u003cdetails open\u003e\n  \u003csummary\u003e📚Table of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\u003ca href=\"#bem-website-leno\"\u003eBEM Website Leno\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#tutor-website\"\u003eTutor Website\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#lumina-creative-website\"\u003eLumina Creative Website\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#bono-landing-page\"\u003eBono Landing Page\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003e\u003ca href=\"#mini-tasks-and-challenges\"\u003eMini-tasks and Challenges\u003c/a\u003e\u003c/summary\u003e\n        \u003col\u003e\n\u003c!--           \u003cli\u003e\u003ca href=\"#pricing-grid-html-challenge\"\u003epricing-grid-html-challenge\u003c/a\u003e\u003c/li\u003e\n          \u003cli\u003e\u003ca href=\"#html-form-challenge\"\u003ehtml-form-challenge\u003c/a\u003e\u003c/li\u003e --\u003e\n          \u003cli\u003e\u003ca href=\"#css-basics-challenge\"\u003ecss-basics-challenge\u003c/a\u003e\u003c/li\u003e\n          \u003cli\u003e\u003ca href=\"#freelance-form-challenge\"\u003efreelance-form-challenge\u003c/a\u003e\u003c/li\u003e\n          \u003cli\u003e\u003ca href=\"#shoe-cards-project\"\u003eshoe-cards-project\u003c/a\u003e\u003c/li\u003e\n          \u003cli\u003e\u003ca href=\"#flexbox-layout-challenge\"\u003eflexbox-layout-challenge\u003c/a\u003e\u003c/li\u003e\n          \u003cli\u003e\u003ca href=\"#pricing-grid-project\"\u003epricing-grid-project\u003c/a\u003e\u003c/li\u003e\n          \u003cli\u003e\u003ca href=\"#selectors-challenge\"\u003eselectors-challenge\u003c/a\u003e\u003c/li\u003e\n          \u003cli\u003e\u003ca href=\"#grid-challenge-1\"\u003egrid-challenge-1\u003c/a\u003e\u003c/li\u003e\n          \u003cli\u003e\u003ca href=\"#grid-challenge-2\"\u003egrid-challenge-2\u003c/a\u003e\u003c/li\u003e\n        \u003c/ol\u003e\n      \u003c/details\u003e\n    \u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n---\n\u003ca id=\"#bem-website-leno\"\u003e\u003c/a\u003e\n## BEM Website Leno 🚀\n![Image](https://github.com/user-attachments/assets/d9a6ab08-4190-483f-a50d-c6c1ffb35871)\n|  **🧪 Try the Project** |  **🛠 Repository Link** |\n|:--------------------------------:|:---------------------------------:|\n| [![Live Demo](https://img.shields.io/badge/Live_Demo-Available-green)](https://busrarafa.github.io/Modern-HTML-CSS-2.0/bem-website-leno/) | [BEM Website Leno](https://github.com/BusraRafa/Modern-HTML-CSS-2.0/tree/main/bem-website-leno/) |\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n---\n\u003ca id=\"tutor-website\"\u003e\u003c/a\u003e\n## Tutor Website 💡\n![Image](https://github.com/user-attachments/assets/677b469c-d75f-44bf-952f-80f43db8b59a)\n|  **🧪 Try the Project** |  **🛠 Repository Link** |\n|:--------------------------------:|:---------------------------------:|\n| [![Live Demo](https://img.shields.io/badge/Live_Demo-Available-green)](https://busrarafa.github.io/Modern-HTML-CSS-2.0/Tutor-Website/) | [Tutor Website](https://github.com/BusraRafa/Modern-HTML-CSS-2.0/tree/main/Tutor-Website) |\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n---\n\u003ca id=\"lumina-creative-website\"\u003e\u003c/a\u003e\n## Lumina Creative Website 💻\n![Image](https://github.com/user-attachments/assets/03cecc64-335b-4970-8315-69cfc80a240a)\n|  **🧪 Try the Project** |  **🛠 Repository Link** |\n|:--------------------------------:|:---------------------------------:|\n| [![Live Demo](https://img.shields.io/badge/Live_Demo-Available-green)](https://busrarafa.github.io/Modern-HTML-CSS-2.0/lumina-creative-website/) | [Lumina Creative Website](https://github.com/BusraRafa/Modern-HTML-CSS-2.0/tree/main/lumina-creative-website) |\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n---\n\u003ca id=\"bono-landing-page\"\u003e\u003c/a\u003e\n## Bono Landing Page 🌟\n![Image](https://github.com/user-attachments/assets/412a5d56-c6f4-4920-a87b-e9376e95cd83)\n|  **🧪 Try the Project** |  **🛠 Repository Link** |\n|:--------------------------------:|:---------------------------------:|\n| [![Live Demo](https://img.shields.io/badge/Live_Demo-Available-green)](https://busrarafa.github.io/Modern-HTML-CSS-2.0/Landing%20Form%20Mini%20Project/) | [Bono Landing Page](https://github.com/BusraRafa/Modern-HTML-CSS-2.0/tree/main/Landing%20Form%20Mini%20Project) |\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n---\n## Mini-tasks and Challenges\nThis section showcases the completion of several mini tasks and challenges, each focusing on different aspects of HTML and CSS. Includes building simple layouts, forms, components to demonstrate and apply the skills gained throughout the course.\n- ### css-basics-challenge\n**🔗 [Live Preview](https://busrarafa.github.io/Modern-HTML-CSS-2.0/mini-tasks-and-challenges/10-css-basics-challenge/)** \u0026nbsp;\n**🛠️ [Access Source Code](https://github.com/BusraRafa/Modern-HTML-CSS-2.0/tree/main/mini-tasks-and-challenges/10-css-basics-challenge)**\n- ### freelance-form-challenge\n**🔗 [Live Preview](https://busrarafa.github.io/Modern-HTML-CSS-2.0/mini-tasks-and-challenges/09-freelance-form-challenge/)** \u0026nbsp;\n**🛠️ [Access Source Code](https://github.com/BusraRafa/Modern-HTML-CSS-2.0/tree/main/mini-tasks-and-challenges/09-freelance-form-challenge)**\n- ### shoe-cards-project\n**🔗 [Live Preview](https://busrarafa.github.io/Modern-HTML-CSS-2.0/mini-tasks-and-challenges/10-shoe-cards-project/)** \u0026nbsp;\n**🛠️ [Access Source Code](https://github.com/BusraRafa/Modern-HTML-CSS-2.0/tree/main/mini-tasks-and-challenges/10-shoe-cards-project)**\n- ### flexbox-layout-challenge\n**🔗 [Live Preview](https://busrarafa.github.io/Modern-HTML-CSS-2.0/mini-tasks-and-challenges/05-flexbox-layout-challenge/)** \u0026nbsp;\n**🛠️ [Access Source Code](https://github.com/BusraRafa/Modern-HTML-CSS-2.0/tree/main/mini-tasks-and-challenges/05-flexbox-layout-challenge)**\n- ### pricing-grid-project\n**🔗 [Live Preview](https://busrarafa.github.io/Modern-HTML-CSS-2.0/mini-tasks-and-challenges/06-pricing-grid-project/)** \u0026nbsp;\n**🛠️ [Access Source Code](https://github.com/BusraRafa/Modern-HTML-CSS-2.0/tree/main/mini-tasks-and-challenges/06-pricing-grid-project)**\n- ### selectors-challenge\n**🔗 [Live Preview](https://busrarafa.github.io/Modern-HTML-CSS-2.0/mini-tasks-and-challenges/10-selectors-challenge/)** \u0026nbsp;\n**🛠️ [Access Source Code](https://github.com/BusraRafa/Modern-HTML-CSS-2.0/tree/main/mini-tasks-and-challenges/10-selectors-challenge)**\n- ### grid-challenge-1\n**🔗 [Live Preview](https://busrarafa.github.io/Modern-HTML-CSS-2.0/mini-tasks-and-challenges/04-grid-challenge-1/)** \u0026nbsp;\n**🛠️ [Access Source Code](https://github.com/BusraRafa/Modern-HTML-CSS-2.0/tree/main/mini-tasks-and-challenges/04-grid-challenge-1)**\n- ### grid-challenge-2\n**🔗 [Live Preview](https://busrarafa.github.io/Modern-HTML-CSS-2.0/mini-tasks-and-challenges/10-grid-challenge-2/)** \u0026nbsp;\n**🛠️ [Access Source Code](https://github.com/BusraRafa/Modern-HTML-CSS-2.0/tree/main/mini-tasks-and-challenges/10-grid-challenge-2)**\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbusrarafa%2Fmodern-html-css-2.0","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbusrarafa%2Fmodern-html-css-2.0","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbusrarafa%2Fmodern-html-css-2.0/lists"}