{"id":26958548,"url":"https://github.com/brunortech/broadway-landing-page","last_synced_at":"2025-04-03T04:19:46.568Z","repository":{"id":285632983,"uuid":"958819637","full_name":"BrunoRTech/Broadway-Landing-Page","owner":"BrunoRTech","description":"A simple landing page built with HTML and CSS, created using a Codecademy guide. Demonstrates layout styling using position and display properties.","archived":false,"fork":false,"pushed_at":"2025-04-01T20:26:58.000Z","size":4,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-01T21:32:42.136Z","etag":null,"topics":["codecademy","css","html","landing-page","responsive-design","web-design"],"latest_commit_sha":null,"homepage":"","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/BrunoRTech.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-04-01T20:15:54.000Z","updated_at":"2025-04-01T20:29:36.000Z","dependencies_parsed_at":"2025-04-01T21:42:49.894Z","dependency_job_id":null,"html_url":"https://github.com/BrunoRTech/Broadway-Landing-Page","commit_stats":null,"previous_names":["brunortech/broadway-landing-page"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoRTech%2FBroadway-Landing-Page","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoRTech%2FBroadway-Landing-Page/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoRTech%2FBroadway-Landing-Page/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BrunoRTech%2FBroadway-Landing-Page/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BrunoRTech","download_url":"https://codeload.github.com/BrunoRTech/Broadway-Landing-Page/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246933871,"owners_count":20857144,"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":["codecademy","css","html","landing-page","responsive-design","web-design"],"created_at":"2025-04-03T04:19:45.571Z","updated_at":"2025-04-03T04:19:46.553Z","avatar_url":"https://github.com/BrunoRTech.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Broadway Landing Page\n\nThis project is a simple landing page built with HTML and CSS, created using the guide provided by [Codecademy](https://www.codecademy.com/journeys/full-stack-engineer/paths/fscj-22-web-development-foundations/tracks/fscj-22-fundamentals-of-css/modules/wdcp-22-learn-css-display-and-positioning-fcf96efc-f6fb-4002-bdb4-f4f6b4b3d52c/projects/broadway-design). It serves as an example of how to use layout and positioning techniques to build a modern, responsive homepage for a fictional design firm called Broadway Design.\n\n## Features\n- **Fixed Header**: Navigation bar stays at the top of the screen while scrolling.\n- **Inline Navigation**: List items are displayed side by side using `display: inline-block`.\n- **Jumbotron Layout**: Large header section with background image and call-to-action button.\n- **Supporting Sections**: “Design”, “Develop”, and “Deploy” blocks with text and icons.\n- **Responsive Design**: Adjusts layout for smaller screens using media queries.\n\n## File Structure\n- `index.html`: Contains the main structure of the landing page.\n- `style.css`: Defines all visual styling, layout, font, and responsive behavior.\n\n## Usage\nTo view the project:\n1. Download or clone the repository.\n2. Open the `index.html` file in any web browser.\n\n## Customization\nIf you’d like to modify this landing page:\n- Edit the `index.html` to change headings, content, or sections.\n- Adjust styles in `style.css` to customize fonts, colors, layout, or responsiveness.\n- Replace background images or icons to match your branding.\n\n## Acknowledgment\nThis project was built using the guide provided by Codecademy. The original project can be found [here](https://www.codecademy.com/journeys/full-stack-engineer/paths/fscj-22-web-development-foundations/tracks/fscj-22-fundamentals-of-css/modules/wdcp-22-learn-css-display-and-positioning-fcf96efc-f6fb-4002-bdb4-f4f6b4b3d52c/projects/broadway-design).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrunortech%2Fbroadway-landing-page","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbrunortech%2Fbroadway-landing-page","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrunortech%2Fbroadway-landing-page/lists"}