{"id":26849095,"url":"https://github.com/ismail-dev-code/kids-education","last_synced_at":"2025-06-12T14:08:31.808Z","repository":{"id":273379590,"uuid":"919462730","full_name":"ismail-dev-code/kids-education","owner":"ismail-dev-code","description":null,"archived":false,"fork":false,"pushed_at":"2025-01-22T12:26:06.000Z","size":959,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-30T21:33:15.061Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://ismail-dev-code.github.io/kids-education/","language":"CSS","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/ismail-dev-code.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":"2025-01-20T12:40:59.000Z","updated_at":"2025-01-22T15:14:14.000Z","dependencies_parsed_at":null,"dependency_job_id":"4b77b8c7-79d5-41d5-89e5-b4e98c97e762","html_url":"https://github.com/ismail-dev-code/kids-education","commit_stats":null,"previous_names":["ismail-dev-code/kids-education"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ismail-dev-code/kids-education","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ismail-dev-code%2Fkids-education","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ismail-dev-code%2Fkids-education/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ismail-dev-code%2Fkids-education/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ismail-dev-code%2Fkids-education/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ismail-dev-code","download_url":"https://codeload.github.com/ismail-dev-code/kids-education/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ismail-dev-code%2Fkids-education/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259479594,"owners_count":22864362,"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":[],"created_at":"2025-03-30T21:32:12.396Z","updated_at":"2025-06-12T14:08:31.799Z","avatar_url":"https://github.com/ismail-dev-code.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\n### 1. Navbar\n\n- **Logo and Site Name**: Positioned at the left.\n- **Colorful Navigation Links**: Three links are centered for easy navigation.\n- **Contact Button**: button at the right to encourage user interaction.\n- **Mobile Responsiveness**:\n  - Displays only the logo at the left and a menu bar at the right.\n  - Other elements of the navbar will be hidden for a cleaner mobile experience.\n\n---\n\n### 2. Banner\n\n- **Content**:\n  - Heading with different colored text, a paragraph, and a button styled as per design.\n  - Relevant image of a child is placed on the right.\n- **Mobile Responsiveness**:\n  - Image moves to the top.\n  - Content will be after the image.\n  - Content will be center aligned as Figma.\n\n---\n\n### 3. Standard Curriculum\n\n- **background**: Add a Background Image same as Figma.\n- **Center-Aligned Heading**: Add a center aligned section's title.\n- **Cards**:\n  - Three center-aligned cards with an image, heading, and \"Read More\" link.\n  - Unique gradient backgrounds for each card.\n- **Arrow Button Group**: Center-aligned arrow buttons with some hovering effect.\n- **Mobile Responsiveness**:\n  - Cards will display in a single column, will took more than 90% of the device width.\n\n---\n\n### 4. Our Stories Section\n\n- **background with Gradient**: Add a Background Image and a gradiant same as Figma.\n- **Card Design**:\n  - Five cards with an image at the top and heading, and text at the bottom.\n  - Elements are aligned as per design.\n- **Responsiveness**:\n  - Mobile: Cards will displayed in two columns.\n  - Medium: Cards will displayed in three columns.\n\n### 5. Footer\n\n- **Structure**:\n  - Three columns:\n    1. Logo, site name, and about text as figma.\n    2. Navigation links as figma.\n    3. social media icons same as figma.\n- **Mobile Responsiveness**:\n  - Content will displayed in a single-column format, styled as per Figma design.\n\n---\n\n## Challenges\n\n### Positioning \u0026 Data Hiding\n\n- show the date by positioning between image and context as figma on every cards\n- hide the 1st  card on  small devices and show 4-6 card.\n- hide arrow button group  from the statndard curriculam section.\n\n### Explore Marquee \u0026 Use It\n- Explore Marquee Tag. use it anywhere in your homepage. make sure marquee is working.\n---\n\n# Technology\n\n- HTML \u0026 CSS only\n- You can't use any other technology / Framework.\n\n---\n\n# What to Submit\n\n- Your Github Repository . ex.(\"https://github.com/Repo-name\")\n- Your Live Link. ex.(https://user.github.io/Repo-name/)\n\n---\n\n# Design for Large Device\n\n\u003cimg src=\"https://i.ibb.co.com/jzJXbtw/Desktop.png\"/\u003e\n\n---\n\n# Design for Small Device\n\n \u003cimg src=\"https://i.ibb.co.com/XpfS2bb/i-Phone-13-14-1.png\"/\u003e\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fismail-dev-code%2Fkids-education","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fismail-dev-code%2Fkids-education","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fismail-dev-code%2Fkids-education/lists"}