{"id":19957361,"url":"https://github.com/opencodechicago/html-css_fundamentals_part4","last_synced_at":"2026-02-12T15:32:30.636Z","repository":{"id":257033806,"uuid":"854980018","full_name":"OpenCodeChicago/HTML-CSS_fundamentals_part4","owner":"OpenCodeChicago","description":"This repository is a template homework repository for lesson 4 in OpenCodeChicago community where we will learn about colors and image optimization","archived":false,"fork":false,"pushed_at":"2024-09-24T02:40:48.000Z","size":146,"stargazers_count":0,"open_issues_count":0,"forks_count":3,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-25T13:32:51.290Z","etag":null,"topics":["css","css-flexbox","css3","frontend","html","html-css","html-template","html5","html5-css3","mentorship","open-source","opencodechicago","webdev","webdeveloper","webdevelopment"],"latest_commit_sha":null,"homepage":"https://opencodechicago.github.io/HTML-CSS_fundamentals_part4/","language":"CSS","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/OpenCodeChicago.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-10T05:06:49.000Z","updated_at":"2024-09-24T02:40:51.000Z","dependencies_parsed_at":"2024-09-14T13:15:16.362Z","dependency_job_id":"6ae4c1b9-aeeb-4f37-86e1-b93c0857b115","html_url":"https://github.com/OpenCodeChicago/HTML-CSS_fundamentals_part4","commit_stats":null,"previous_names":["opencodechicago/html-css_fundamentals_part4"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/OpenCodeChicago/HTML-CSS_fundamentals_part4","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OpenCodeChicago%2FHTML-CSS_fundamentals_part4","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OpenCodeChicago%2FHTML-CSS_fundamentals_part4/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OpenCodeChicago%2FHTML-CSS_fundamentals_part4/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OpenCodeChicago%2FHTML-CSS_fundamentals_part4/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/OpenCodeChicago","download_url":"https://codeload.github.com/OpenCodeChicago/HTML-CSS_fundamentals_part4/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OpenCodeChicago%2FHTML-CSS_fundamentals_part4/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29370547,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-12T08:51:36.827Z","status":"ssl_error","status_checked_at":"2026-02-12T08:51:26.849Z","response_time":55,"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":["css","css-flexbox","css3","frontend","html","html-css","html-template","html5","html5-css3","mentorship","open-source","opencodechicago","webdev","webdeveloper","webdevelopment"],"created_at":"2024-11-13T01:37:40.470Z","updated_at":"2026-02-12T15:32:30.621Z","avatar_url":"https://github.com/OpenCodeChicago.png","language":"CSS","readme":"# HTML/CSS Fundamentals: Colors and Image Optimization\n\n[![GitHub last commit](https://img.shields.io/github/last-commit/OpenCodeChicago/HTML-CSS_fundamentals_part4)](https://github.com/OpenCodeChicago/HTML-CSS_fundamentals_part4/commits/main)\n[![GitHub license](https://img.shields.io/github/license/OpenCodeChicago/HTML-CSS_fundamentals_part4)](https://github.com/OpenCodeChicago/HTML-CSS_fundamentals_part4/blob/main/LICENSE)\n\n\u003e This repository expands on **HTML** and **CSS** fundamentals, with a particular focus on **colors** and **image optimization**.\n\n---\n\n## What We Covered\n\nIn this lesson, we explored the following key concepts:\n\n**Figma Design**: https://www.figma.com/design/iHl3A3APDrKguJrxA4l1O6/Untitled?node-id=0-1\u0026t=HqVPgqDloQwl2R9a-1\n\n---\n\n### Screenshots:\n\n![Open Code Chicago](images/colors.jpg) _Screenshot 1\n(Figma Design)_\n\n---\n\n## Getting Started\n\nTo explore the content of this repository:\n\n1. **Clone the Repository**: \n   ```bash\n   git clone https://github.com/OpenCodeChicago/HTML-CSS_fundamentals_part4.git\n   ```\n2. **Open the Project**:\n   Open the `index.html` file in your browser to see the basic structure and styling in action.\n3. **Edit and Experiment**:\n   Modify the HTML and CSS files to see how changes affect the appearance and structure of the web page.\n\n---\n\n## Folder Structure\n\nThis repository follows the folder structure below:\n- **`index.html`**: This is the main HTML file where the content and structure of the web page are defined.\n- **`styles.css`**: This external CSS file is used for styling the HTML elements.\n\n---\n\n**Stay tuned as we build on these foundational skills and move toward more advanced concepts in web development.**\n\n## Languages and Tools:\n\n\u003cdiv align=\"center\"\u003e\n\n\u003ca href=\"https://en.wikipedia.org/wiki/HTML5\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/html5-original-wordmark.svg\" alt=\"HTML5\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://www.w3schools.com/css/\" target=\"_blank\"\u003e\u003cimg style=\"margin: 10px\" src=\"https://profilinator.rishav.dev/skills-assets/css3-original-wordmark.svg\" alt=\"CSS3\" height=\"50\" /\u003e\u003c/a\u003e\n\u003ca href=\"https://git-scm.com/\" target=\"_blank\" rel=\"noreferrer\"\u003e\n\u003cimg src=\"https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg\" alt=\"git\" width=\"40\" height=\"40\"/\u003e\u003c/a\u003e\n\n\u003c/div\u003e\n\n---\n\n## Issues\n\nIf you encounter any issues or have suggestions for improvements, please let us know by [opening an issue](https://github.com/OpenCodeChicago/HTML-CSS_fundamentals_part4/issues) on GitHub.\n\n## License\n\nThis repository is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.\n\n## Feedback\n\nYour feedback is valuable to us! If you have any thoughts on how we can improve, please [submit feedback](https://github.com/OpenCodeChicago/HTML-CSS_fundamentals_part4/issues) or contact us directly.\n\n## Contact Us\n\nFor any questions, suggestions, or further discussion, feel free to reach out to us:\n\n\u003cdiv align=\"center\"\u003e\n\u003ca href=\"https://www.youtube.com/@AlexSmaginDev\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/youtube-%23FF0000.svg?\u0026style=for-the-badge\u0026logo=youtube\u0026logoColor=white\" alt=\"YouTube\" style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://linkedin.com/in/alex-smagin29\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/linkedin-%231E77B5.svg?\u0026style=for-the-badge\u0026logo=linkedin\u0026logoColor=white alt=linkedin style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://discord.gg/t6MGsCqdFX\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/discord-%237289DA.svg?\u0026style=for-the-badge\u0026logo=discord\u0026logoColor=white\" alt=\"Discord\" style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://stackoverflow.com/users/22484161/alex-smagin\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/stackoverflow-%23F28032.svg?\u0026style=for-the-badge\u0026logo=stackoverflow\u0026logoColor=white alt=stackoverflow style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://dribbble.com/Alexandrbig1\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/dribbble-%23E45285.svg?\u0026style=for-the-badge\u0026logo=dribbble\u0026logoColor=white alt=dribbble style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.behance.net/a1126\" target=\"_blank\"\u003e\n\u003cimg src=https://img.shields.io/badge/behance-%23191919.svg?\u0026style=for-the-badge\u0026logo=behance\u0026logoColor=white alt=behance style=\"margin-bottom: 5px;\" /\u003e\n\u003c/a\u003e\n\n\u003c/div\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopencodechicago%2Fhtml-css_fundamentals_part4","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fopencodechicago%2Fhtml-css_fundamentals_part4","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopencodechicago%2Fhtml-css_fundamentals_part4/lists"}