https://github.com/miladjoodi/premium_multi-step_form

An interactive multi-step form with smooth transitions and navigation buttons, designed for collecting multi-section information and displaying a summary at the end. 📋
https://github.com/miladjoodi/premium_multi-step_form

css cssform formwizard html html5 interactiveform javascript javascript-form javascriptform multistep-form multistepform

Last synced: 28 days ago
JSON representation

An interactive multi-step form with smooth transitions and navigation buttons, designed for collecting multi-section information and displaying a summary at the end. 📋

• Host: GitHub
• URL: https://github.com/miladjoodi/premium_multi-step_form
• Owner: MiladJoodi
• License: mit
• Created: 2024-12-06T07:06:27.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-12-06T07:30:39.000Z (about 1 month ago)
• Last Synced: 2024-12-06T08:18:56.360Z (about 1 month ago)
• Topics: css, cssform, formwizard, html, html5, interactiveform, javascript, javascript-form, javascriptform, multistep-form, multistepform
• Language: CSS
• Homepage: https://miladjoodi.github.io/Premium_Multi-Step_Form/
• Size: 13.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Premium Multi-Step Form

An interactive multi-step form with smooth transitions and navigation buttons, designed for collecting multi-section information and displaying a summary at the end. 📋

## Demo

You can see the live demo of this project [here](https://miladjoodi.github.io/Premium_Multi-Step_Form/).

![Multi Step Form GIF](https://s32.picofile.com/file/8481097742/multi.gif)

## Features

- Multi-step form with smooth transitions.

- Step-by-step user input with validation.

- Dynamic summary generation at the last step.

- Custom styles with animations.

- Responsive design for all screen sizes.

## Technologies Used

- **HTML**: For the structure of the form.

- **CSS**: For custom styling and animations.

- **JavaScript**: To handle form step transitions, validation, and summary generation.

## How to Run

1. Clone the repository:

    ```bash

    git clone https://github.com/miladjoodi/Premium_Multi-Step_Form.git

    ```

2. Open the `index.html` file in your web browser.

## Installation

If you want to contribute or modify the project locally:

1. Clone the repository:

    ```bash

    git clone https://github.com/miladjoodi/Premium_Multi-Step_Form.git

    ```

2. Open `index.html` in a web browser to view the form.

## Contributing

Feel free to open issues and send pull requests for any improvements or fixes. Contributions are always welcome!

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.