{"id":22015181,"url":"https://github.com/ranitmanik/html-css-supersimpledev","last_synced_at":"2025-10-03T16:38:08.571Z","repository":{"id":191162791,"uuid":"672883860","full_name":"RanitManik/HTML-CSS-SuperSimpleDev","owner":"RanitManik","description":"This repository is a compilation of various web development projects and assignments from SuperSimpleDev HTML CSS course.","archived":false,"fork":false,"pushed_at":"2024-02-23T02:52:37.000Z","size":10308,"stargazers_count":14,"open_issues_count":0,"forks_count":3,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-05-01T17:58:23.666Z","etag":null,"topics":["css","html","html-css","w3schools","web","webdev","webdeveloper","webdevelopment"],"latest_commit_sha":null,"homepage":"https://www.youtube.com/watch?v=G3e-cpL7ofc","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/RanitManik.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}},"created_at":"2023-07-31T11:39:06.000Z","updated_at":"2025-04-20T15:09:21.000Z","dependencies_parsed_at":"2024-02-22T18:43:40.314Z","dependency_job_id":null,"html_url":"https://github.com/RanitManik/HTML-CSS-SuperSimpleDev","commit_stats":null,"previous_names":["ranitmanik/html-css-playground","ranitmanik/html-css-supersimpledev"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RanitManik%2FHTML-CSS-SuperSimpleDev","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RanitManik%2FHTML-CSS-SuperSimpleDev/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RanitManik%2FHTML-CSS-SuperSimpleDev/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RanitManik%2FHTML-CSS-SuperSimpleDev/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RanitManik","download_url":"https://codeload.github.com/RanitManik/HTML-CSS-SuperSimpleDev/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252791354,"owners_count":21804752,"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":["css","html","html-css","w3schools","web","webdev","webdeveloper","webdevelopment"],"created_at":"2024-11-30T04:19:50.380Z","updated_at":"2025-10-03T16:38:08.496Z","avatar_url":"https://github.com/RanitManik.png","language":"HTML","readme":"\u003cdiv align=\"center\"\u003e\n  \u003ch1\u003eHTML-CSS Full Course\u003c/h1\u003e\n\u003c/div\u003e\n\n\u003cimg src=\"https://github.com/RanitManik/HTML-CSS-SuperSimpleDev/assets/138437760/c2998f2d-4f73-4530-bfc4-388da5d6d945\" alt=\"Exercise GIF\" style=\"width: 100%;\"\u003e\n\n---\n\nThis repository serves as a centralized hub for storing all assignments and projects related to the HTML-CSS Full Course. It is meticulously organized to facilitate easy access and navigation for learners enrolled in the course. The structured layout ensures a seamless experience for locating, submitting, and reviewing assignments, as well as tracking progress on various projects. Feel free to explore the wealth of resources available here to enhance your proficiency in web development through hands-on exercises and exciting projects.\n\n## Table of Contents\n\n- [Topics](#topics)\n- [Resources](#resources)\n- [Getting Started](#getting-started)\n- [Contact](#contact)\n- [Acknowledgments](#acknowledgments)\n\n## Topics\n\n| #   | Time Stamp | Topic                           | Status    |\n| --- | ---------- | ------------------------------- | --------- |\n| 1   | 0:00       | Intro                           | Completed |\n| 2   | 1:02       | HTML Basics                     | Completed |\n| 3   | 17:42      | CSS Basics                      | Completed |\n| 4   | 44:39      | Hovers, Transitions, Shadows    | Completed |\n| 5   | 1:03:10    | Chrome DevTools \u0026 CSS Box Model | Completed |\n| 6   | 1:17:30    | Text Styles                     | Completed |\n| 7   | 1:52:18    | The HTML Structure              | Completed |\n| 8   | 2:11:08    | Images and Text Boxes           | Completed |\n| 9   | 2:25:42    | CSS Display Property            | Completed |\n| 10  | 2:34:58    | The div Element                 | Completed |\n| 11  | 2:46:55    | Nested Layouts Technique        | Completed |\n| 12  | 3:16:58    | CSS Grid                        | Completed |\n| 13  | 3:43:58    | Flexbox                         | Completed |\n| 14  | 4:15:21    | Nested Flexbox                  | Completed |\n| 15  | 4:44:36    | CSS Position                    | Completed |\n| 16  | 5:07:14    | Position Absolute and Relative  | Completed |\n| 17  | 5:33:49    | Finish the Project              | Completed |\n| 18  | 6:07:46    | More CSS Features               | Completed |\n| 19  | 6:30:21    | Outro                           | Completed |\n\n## Resources\n\n* [Tutorial](https://www.youtube.com/watch?v=G3e-cpL7ofc)\n* [Visual Studio Code](https://code.visualstudio.com/download)\n* [Webstorm](https://www.jetbrains.com/webstorm/)\n\n## Getting Started\n\n_To embark on your journey with HTML and CSS, follow these steps:_\n\n - **Clone** the repository:\n\n   ```bash\n   git clone https://github.com/RanitManik/HTML-CSS-SuperSimpleDev.git\n   ```\n\n- **Add this repo as Remote**:\n\n   ```bash\n   git remote add origin https://github.com/RanitManik/HTML-CSS-SuperSimpleDev.git\n   ```\n\n- **Create and switch to your branch**:\n\n   ```bash\n   git checkout -b YourBranchName\n   ```\n\n- **Push your changes** to this branch:\n\n   ```bash\n   git push --set-upstream origin DEV/{your_name}/{in which you're working on}\n   ```\n\n## Contact\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003cth\u003e\u003c/th\u003e\n    \u003cth\u003eSocial Media\u003c/th\u003e\n    \u003cth\u003eUsername\u003c/th\u003e\n    \u003cth\u003eLink\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://cdn4.iconfinder.com/data/icons/social-media-logos-6/512/112-gmail_email_mail-512.png\" width=\"20\" /\u003e\u003c/td\u003e\n    \u003ctd\u003eEmail\u003c/td\u003e\n    \u003ctd\u003e\u003ccode\u003eranitmanik.dev@gmail.com\u003c/code\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"mailto:ranitmanik.dev@gmail.com\" target=\"_blank\"\u003eEmail\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/c/ca/LinkedIn_logo_initials.png/480px-LinkedIn_logo_initials.png\" width=\"20\" /\u003e\u003c/td\u003e\n    \u003ctd\u003eLinkedIn\u003c/td\u003e\n    \u003ctd\u003e\u003ccode\u003eRanit Manik\u003c/code\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://www.linkedin.com/in/ranit-manik/\" target=\"_blank\"\u003eLinkedIn\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Instagram_icon.png/600px-Instagram_icon.png\" width=\"20\" /\u003e\u003c/td\u003e\n    \u003ctd\u003eInstagram\u003c/td\u003e\n    \u003ctd\u003e\u003ccode\u003eranit_manik_\u003c/code\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://www.instagram.com/ranit_manik_/\" target=\"_blank\"\u003eInstagram\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/6/6c/Facebook_Logo_2023.png\" width=\"20\" /\u003e\u003c/td\u003e\n    \u003ctd\u003eFacebook\u003c/td\u003e\n    \u003ctd\u003e\u003ccode\u003eRanitKumarManik\u003c/code\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://www.facebook.com/RanitKumarManik/\" target=\"_blank\"\u003eFacebook\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/6/6f/Logo_of_Twitter.svg/512px-Logo_of_Twitter.svg.png\" width=\"20\" /\u003e\u003c/td\u003e\n    \u003ctd\u003eTwitter\u003c/td\u003e\n    \u003ctd\u003e\u003ccode\u003eRANIT_MANIK\u003c/code\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003ca href=\"https://twitter.com/RANIT_MANIK\" target=\"_blank\"\u003eTwitter\u003c/a\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## Acknowledgments\n\nI express my gratitude to the online community and various resources that have played a pivotal role in enhancing my understanding of HTML and CSS. Special thanks to [SuperSimpleDev](https://www.youtube.com/@SuperSimpleDev), whose insights and tutorials have been invaluable in this learning journey.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Franitmanik%2Fhtml-css-supersimpledev","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Franitmanik%2Fhtml-css-supersimpledev","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Franitmanik%2Fhtml-css-supersimpledev/lists"}