{"id":18242196,"url":"https://github.com/adityamamta/responsive-navbar","last_synced_at":"2025-04-08T17:22:47.587Z","repository":{"id":260860865,"uuid":"882553199","full_name":"adityamamta/responsive-navbar","owner":"adityamamta","description":"Responsive Navbar made with HTML CSS (SCSS) and Javascript","archived":false,"fork":false,"pushed_at":"2024-11-17T13:30:20.000Z","size":682,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-14T13:44:58.977Z","etag":null,"topics":["html-css-javascript","navbar","responsive-navbar","scss"],"latest_commit_sha":null,"homepage":"https://adityamamta.github.io/responsive-navbar/","language":"SCSS","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/adityamamta.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":"2024-11-03T04:53:04.000Z","updated_at":"2024-11-22T13:36:32.000Z","dependencies_parsed_at":"2024-11-03T06:16:33.660Z","dependency_job_id":"8275cb02-2b02-4e82-bbc9-6ba3235023f7","html_url":"https://github.com/adityamamta/responsive-navbar","commit_stats":{"total_commits":7,"total_committers":1,"mean_commits":7.0,"dds":0.0,"last_synced_commit":"6bce9b3acd2e7d8df90dec60b5510f2e95ecc888"},"previous_names":["adityamamta/responsive-navbar"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityamamta%2Fresponsive-navbar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityamamta%2Fresponsive-navbar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityamamta%2Fresponsive-navbar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adityamamta%2Fresponsive-navbar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adityamamta","download_url":"https://codeload.github.com/adityamamta/responsive-navbar/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247888997,"owners_count":21013087,"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":["html-css-javascript","navbar","responsive-navbar","scss"],"created_at":"2024-11-05T06:02:35.544Z","updated_at":"2025-04-08T17:22:47.546Z","avatar_url":"https://github.com/adityamamta.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Responsive Navbar\n## \u003ca href=\"https://adityamamta.github.io/responsive-navbar/\"\u003e\u003cimg src=\"img/readme-btn.png\" alt=\"Click to view live website\" height=\"120\"\u003e\u003c/a\u003e\nThis project features a responsive navigation bar created with HTML, CSS, and JavaScript, designed for smooth user interaction on both desktop and mobile devices.\n\n### Key Features\n- Responsive Design: The layout adapts to different screen sizes, including a collapsible menu for mobile view.\n- Dropdown Menu: Under \"Resources,\" a dropdown menu displays additional links, opening smoothly on hover in desktop view and tapping in mobile.\n- Menu Toggle Button: A rotating toggle button switches icons to open and close the navigation menu on mobile.\n- Custom Styling: Clean and modern design, styled using CSS to complement the overall UI.\n- Automatic Adjustments: JavaScript dynamically updates the menu height and resets styles based on screen resizing.\n\n### Tech Stack\n- HTML \u0026 CSS for layout and styling\n- JavaScript for dynamic functionality\n\n### 💼 Contact me \n- linkedin. [Linkedin](https://www.linkedin.com/in/adityamamta/)\n- Email: adityamamta4@gmail.com\n\n![preview img](img/navbar-mockup.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadityamamta%2Fresponsive-navbar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadityamamta%2Fresponsive-navbar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadityamamta%2Fresponsive-navbar/lists"}