https://github.com/mafsida/goit-markup-hw-05
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
https://github.com/mafsida/goit-markup-hw-05
css forms frontend github-pages goit html input-types markup modal-forms modal-windows responsive-design semantic-html studying transitions web-design web-development
Last synced: 2 months ago
JSON representation
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
- Host: GitHub
- URL: https://github.com/mafsida/goit-markup-hw-05
- Owner: mafSida
- Created: 2024-09-11T06:43:33.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-17T08:22:26.000Z (about 1 year ago)
- Last Synced: 2025-03-09T23:49:07.967Z (7 months ago)
- 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
- Language: HTML
- Homepage: https://mafsida.github.io/goit-markup-hw-05/
- Size: 1.07 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GoIT Markup Home Work 5
Form creation, styling, and modal window implementation.
## Overview
This 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.
The 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&node-type=canvas&t=iMO7bWQ8BFWCih1e-0).
## Screenshots
All screenshots related to the project can be found in the [images folder](./images).
## Summary
In this project, I have:
- Created and styled HTML forms with various input types.
- Implemented modal windows with functional backdrops.
- Used CSS transitions for hover and focus effects on form elements.
- Ensured responsive design for all forms and modals.
- Integrated SVG icons into form elements.
- Applied best practices in form accessibility and validation.
This assignment strengthened my skills in form development, modal window implementation, and enhancing user experience through CSS transitions and responsive design.