{"id":19644772,"url":"https://github.com/j-raghav/cs50-courses","last_synced_at":"2026-04-18T12:02:18.636Z","repository":{"id":122509337,"uuid":"269297261","full_name":"J-Raghav/CS50-courses","owner":"J-Raghav","description":"It's collections of statics web pages consisting of information regarding CS50 courses made for practicing Bootstrap components, grid system, ","archived":false,"fork":false,"pushed_at":"2020-06-06T16:15:14.000Z","size":938,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-09T20:42:24.903Z","etag":null,"topics":["bootstrap4","collapse-component","css","grid-layout","html","reponsive-web-design","sass","static-site"],"latest_commit_sha":null,"homepage":null,"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/J-Raghav.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}},"created_at":"2020-06-04T08:02:23.000Z","updated_at":"2020-06-06T16:15:16.000Z","dependencies_parsed_at":null,"dependency_job_id":"55fa02e0-f6a4-464f-8393-17b1d1a743ee","html_url":"https://github.com/J-Raghav/CS50-courses","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/J-Raghav%2FCS50-courses","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/J-Raghav%2FCS50-courses/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/J-Raghav%2FCS50-courses/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/J-Raghav%2FCS50-courses/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/J-Raghav","download_url":"https://codeload.github.com/J-Raghav/CS50-courses/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240952925,"owners_count":19884019,"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":["bootstrap4","collapse-component","css","grid-layout","html","reponsive-web-design","sass","static-site"],"created_at":"2024-11-11T14:29:55.275Z","updated_at":"2026-04-18T12:02:13.611Z","avatar_url":"https://github.com/J-Raghav.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Project 0\n\nWeb Programming with Python and JavaScript\n\nIn these project I tried to create replica's of CS50 course pages on EdX.\n\n## Project structure\n- project0 ( main directory )\n  - __SCSS__  ( contains __SCSS__ files )\n  - CSS   ( contains CSS files)\n    - _master.css_ ( CSS file containing base style and imported by other styles using __SASS__ )\n    - _home.css_   ( CSS file containing style for home page )\n    - _course.css_ ( CSS file containing style for course pages )\n    - _mentor.css_ ( CSS file containing style for mentor pages )\n  - courses\n    - ( contains __HTML__ files of each course page )\n  - mentors\n    - ( contains __HTML__ files of each mentor page )\n  - imgs\n    - ( contains image files required )\n  - _index.html_   ( main __HTML__ file home page )\n  - _connect.html_ ( connect with cs50 __HTML__ file )\n  - __README.md__\n\n  \n## Relationships In Project\n\n  ### Internal links\n\n  - ***project0/index.html*** contains link to\n    - _Courses_  ( ***project0/courses/ \\*.html*** ) pages  \n    - _Connect_  ( ***project0.connect.html*** )\n  - ***project0/courses/\\*.html*** contains link to\n    - _Home_    ( ***project0/index.html*** )\n    - _Mentors_  ( ***project0/mentors/\\*.html*** )\n    - _Connect_  ( ***project0.connect.html*** )\n  - ***project0/mentors/\\*.html*** contains link to\n    - _Courses_  ( ***project0/courses/ \\*.html*** )\n    - _Home__     ( ***project0/index.html*** )\n    - _Connect_  ( ***project0.connect.html*** )\n  - ***project0/connect.html*** contains link to\n    - _Home_     ( ***project0/index.html*** )\n\n\n## Bootstrap\n\nI mostly used bootstrap classes and components for this project for style and layout structure for responsive pages. \u003cbr\u003e\nList of some __Bootstrap__ features used in project:- \u003cbr\u003e\n  1. Bootstrap Cards\n  2. Bootstrap Grid system ( breakpoints-row, col-* classes )\n  3. Bootstrap Tables\n  4. Bootstrap Collapse content button\n\n## SASS\n\nList of some __SASS__ features used in project:- \u003cbr\u003e\n  1. SASS Variables ( only 2 for colors )\n  2. SASS Nesting\n  3. SASS Inheritance\n  4. SASS Modules  ( _master.css_ )\n\n## Media Query\n\nList of some __Media Query__ applications in project:- \u003cbr\u003e\n  1. In _master.css_ for changing font size for mobile devices.\n  2. In _course.css_ for changing order of rendering 2 main columns of page.   \n  3. In _home.css_ for making iframe responsive.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fj-raghav%2Fcs50-courses","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fj-raghav%2Fcs50-courses","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fj-raghav%2Fcs50-courses/lists"}