{"id":19543256,"url":"https://github.com/codewithalamin/intro-section-with-dropdown-navigation","last_synced_at":"2026-04-16T22:31:28.443Z","repository":{"id":260241692,"uuid":"645736744","full_name":"CodeWithAlamin/Intro-section-with-dropdown-navigation","owner":"CodeWithAlamin","description":"Responsive intro section with dropdown navigation built with HTML, CSS, and JavaScript.","archived":false,"fork":false,"pushed_at":"2024-10-30T12:40:46.000Z","size":986,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-26T05:33:20.993Z","etag":null,"topics":["codepapa360","codewithalamin","css","frontend-development","frontend-mentor","frontend-web","frontendmentor-challenge","html","javascript"],"latest_commit_sha":null,"homepage":"https://intro-section-with-dropdown-navigation-alamin.vercel.app","language":"HTML","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/CodeWithAlamin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2023-05-26T10:16:08.000Z","updated_at":"2024-10-30T12:40:49.000Z","dependencies_parsed_at":"2025-01-08T19:11:01.439Z","dependency_job_id":"9006c944-3dd6-431a-a3cb-d3b5fa682ce6","html_url":"https://github.com/CodeWithAlamin/Intro-section-with-dropdown-navigation","commit_stats":null,"previous_names":["codewithalamin/intro-section-with-dropdown-navigation"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/CodeWithAlamin/Intro-section-with-dropdown-navigation","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FIntro-section-with-dropdown-navigation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FIntro-section-with-dropdown-navigation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FIntro-section-with-dropdown-navigation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FIntro-section-with-dropdown-navigation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodeWithAlamin","download_url":"https://codeload.github.com/CodeWithAlamin/Intro-section-with-dropdown-navigation/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FIntro-section-with-dropdown-navigation/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31907434,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-16T18:22:33.417Z","status":"ssl_error","status_checked_at":"2026-04-16T18:21:47.142Z","response_time":69,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: 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":["codepapa360","codewithalamin","css","frontend-development","frontend-mentor","frontend-web","frontendmentor-challenge","html","javascript"],"created_at":"2024-11-11T03:18:08.192Z","updated_at":"2026-04-16T22:31:28.416Z","avatar_url":"https://github.com/CodeWithAlamin.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eIntro section with dropdown navigation\u003c/h1\u003e\n\u003cdiv align=\"center\"\u003e\n\nChallenge from [Frontend Mentor](https://www.frontendmentor.io/challenges)\n\n\u003c/div\u003e\n\n\u003c!-- Badges --\u003e\n\u003cdiv align=\"center\"\u003e\n\n\u003c!-- Live --\u003e\n\u003ca href=\"https://intro-section-with-dropdown-navigation-alamin.vercel.app/\"\u003e\n    \u003cimg src=\"https://custom-icon-badges.demolab.com/badge/Live%20Demo-blue?style=for-the-badge\u0026logo=live360\u0026labelColor=666666\" alt=\"Live Demo\" /\u003e\n\u003c/a\u003e\n\n\u003c!-- Frontend Mentor --\u003e\n\u003ca href=\"https://www.frontendmentor.io/solutions/responsive-intro-section-with-dropdown-navigation-p1uHJLZfIi\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Frontendmentor-100000?style=for-the-badge\u0026logo=frontendmentor\u0026logoColor=white\u0026labelColor=666666\u0026color=2490A9\"  alt=\"FrontendMentor\"\u003e\n\u003c/a\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\u003c!-- Status --\u003e\n\n\u003c!-- \u003cimg src=\"https://img.shields.io/badge/Status-Incomplete-red?style=flat\" alt=\"Status\" /\u003e --\u003e\n\n\u003cimg src=\"https://img.shields.io/badge/Status-Completed-success?style=flat\" alt=\"Status\" /\u003e\n\n\u003c!-- Liceensee --\u003e\n\u003cimg src=\"https://img.shields.io/badge/License-MIT-blue?style=flat\" alt=\"License\" /\u003e\n\u003c/div\u003e\n\n\u003chr\u003e\n\n\u003cdiv align=\"center\"\u003e\n\u003c!-- Project brief --\u003e\n\u003cp\u003e\nThis repository contains my solution to the Frontend Mentor challenge \"Intro section with dropdown navigation\". The challenge was to build a responsive intro section with dropdown navigation using HTML, CSS, and JavaScript. The solution is a modern intro section that adapts to different screen sizes. It is sure to impress visitors with its clean design and smooth animations.\n\u003c/p\u003e\n\n\u003c!-- Screenshot --\u003e\n\u003ca align=\"center\" href=\"https://intro-section-with-dropdown-navigation-alamin.vercel.app/\"\u003e\n\n![Screenshot](./screenshots/Intro-section-with-dropdown-navigation-screenshot-CodeWithAlamin.png)\n\n\u003c/a\u003e\n\n\u003c/div\u003e\n\n## The challenge\n\nUsers should be able to:\n\n- View the relevant dropdown menus on desktop and mobile when interacting with the navigation links\n- View the optimal layout for the content depending on their device's screen size\n- See hover states for all interactive elements on the page\n\n## Built with\n\n- Semantic HTML5 markup\n- Mobile-first workflow\n- CSS custom properties\n- CSS Grid\n- JavaScript\n- NPM\n- [Webpack - a module bundler](https://webpack.js.org/)\n\n## Installation\n\n- Clone this repo:\n\n```sh\ngit clone https://github.com/CodeWithAlamin/Intro-section-with-dropdown-navigation.git\n```\n\n- Install dependencies:\n\n```sh\nnpm install\n```\n\n- Build command:\n\n```sh\nnpm run build\n```\n\n- Live server:\n\n```sh\nnpm start\n```\n\n## Author\n\n\u003cb\u003e👤 Alamin\u003c/b\u003e\n\n- Twitter - [@CodeWithAlamin](https://www.twitter.com/CodeWithAlamin)\n- LinkedIn - [@CodeWithAlamin](https://www.linkedin.com/in/CodeWithAlamin)\n- Frontend Mentor - [@CodeWithAlamin](https://www.frontendmentor.io/profile/CodeWithAlamin)\n- Github: [@CodeWithAlamin](https://github.com/CodeWithAlamin)\n\nFeel free to contact me with any questions or feedback!\n\n## Show your support\n\nGive a ⭐️ if you liked this project!\n\n## Acknowledgments\n\nSpecial thanks to Frontend Mentor for providing such an amazing platform to practice and improve my frontend skills. The challenges and projects available on the website were both fun and challenging, and helped me learn a lot in a short amount of time.\n\n## License\n\nThis project is licensed under the [MIT](https://github.com/CodeWithAlamin/Intro-section-with-dropdown-navigation/blob/main/LICENSE.md) license, which means you can use, modify, and distribute the code as you wish. If you have any questions or feedback, feel free to reach out. Thank you for considering my code!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithalamin%2Fintro-section-with-dropdown-navigation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodewithalamin%2Fintro-section-with-dropdown-navigation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithalamin%2Fintro-section-with-dropdown-navigation/lists"}