{"id":20658342,"url":"https://github.com/mafsida/goit-markup-hw-05","last_synced_at":"2025-07-31T06:37:14.577Z","repository":{"id":256805595,"uuid":"855608340","full_name":"mafSida/goit-markup-hw-05","owner":"mafSida","description":"This is the fifth assignment from the Full Stack Developer course at GoIT. In this module, I created and styled forms and modal windows, working with form elements, input types, and transitions. The project demonstrates advanced form handling and modal functionality","archived":false,"fork":false,"pushed_at":"2024-09-17T08:22:26.000Z","size":1121,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-09T23:49:07.967Z","etag":null,"topics":["css","forms","frontend","github-pages","goit","html","input-types","markup","modal-forms","modal-windows","responsive-design","semantic-html","studying","transitions","web-design","web-development"],"latest_commit_sha":null,"homepage":"https://mafsida.github.io/goit-markup-hw-05/","language":"HTML","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/mafSida.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-09-11T06:43:33.000Z","updated_at":"2024-09-17T08:22:29.000Z","dependencies_parsed_at":"2024-11-16T18:36:26.296Z","dependency_job_id":null,"html_url":"https://github.com/mafSida/goit-markup-hw-05","commit_stats":null,"previous_names":["mafsida/goit-markup-hw-05"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mafSida/goit-markup-hw-05","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mafSida%2Fgoit-markup-hw-05","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mafSida%2Fgoit-markup-hw-05/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mafSida%2Fgoit-markup-hw-05/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mafSida%2Fgoit-markup-hw-05/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mafSida","download_url":"https://codeload.github.com/mafSida/goit-markup-hw-05/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mafSida%2Fgoit-markup-hw-05/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267999412,"owners_count":24178770,"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","status":"online","status_checked_at":"2025-07-31T02:00:08.723Z","response_time":66,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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","forms","frontend","github-pages","goit","html","input-types","markup","modal-forms","modal-windows","responsive-design","semantic-html","studying","transitions","web-design","web-development"],"created_at":"2024-11-16T18:25:59.774Z","updated_at":"2025-07-31T06:37:14.521Z","avatar_url":"https://github.com/mafSida.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# GoIT Markup Home Work 5\n\nForm creation, styling, and modal window implementation.\n\n## Overview\nThis project is the fifth assignment of the GoIT Full Stack Developer course. It focuses on the creation and styling of HTML forms and modal windows. The project includes working with various form elements such as inputs, checkboxes, and labels, as well as modal window implementation and styling. The assignment also introduces transitions and handling form focus states.\n\nThe design mockup used for this assignment can be found [here](https://www.figma.com/design/wuEpGhwCepGCOUw7mZFRac/Web-Studio-(Version-5.0)?node-id=0-1\u0026node-type=canvas\u0026t=iMO7bWQ8BFWCih1e-0).\n\n## Screenshots\nAll screenshots related to the project can be found in the [images folder](./images).\n\n## Summary\nIn this project, I have:\n- Created and styled HTML forms with various input types.\n- Implemented modal windows with functional backdrops.\n- Used CSS transitions for hover and focus effects on form elements.\n- Ensured responsive design for all forms and modals.\n- Integrated SVG icons into form elements.\n- Applied best practices in form accessibility and validation.\n\nThis assignment strengthened my skills in form development, modal window implementation, and enhancing user experience through CSS transitions and responsive design.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmafsida%2Fgoit-markup-hw-05","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmafsida%2Fgoit-markup-hw-05","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmafsida%2Fgoit-markup-hw-05/lists"}