From 293d3f278ac7ad78d18a1866d60156416fe0639c Mon Sep 17 00:00:00 2001 From: Joodi <43522323+MiladJoodi@users.noreply.github.com> Date: Fri, 6 Dec 2024 10:49:05 +0330 Subject: [PATCH] Create README.md --- README.md | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..7b096ac --- /dev/null +++ b/README.md @@ -0,0 +1,50 @@ +# 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/). + +## 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. +- **Tailwind CSS**: For responsive layout and utilities (optional if you'd like to integrate Tailwind for styling in future updates). + +## 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.