I wish you good health.
I ask you to create a new plugin "Multi-step form" (wizard) in 4 steps by programming in CMS WordPress.
I have to connect the new styles correctly and stylize the "Multi-step form" to match the layout.
The sample layout is attached.
The buttons at the bottom of all steps must be at the same height from the bottom edge of the block.
The “Multi-step form” should display correctly on all screen extensions (desktop and mobile).
You can apply the Bootstrap for makeup.
Title and Description should be displayed under the “Multi-step form”.
You do not need the steps in the breadcrumbs to be clickable, but you do need to highlight the active item as shown in the layout.
Description of functionality.
Step 1: Fields "Name", "Email" (required field with validation, which will not start the next step in case of error), "Phone". Continue button, which takes you to Step 2.
Step 2: Field for entering only the numbers "Quantity" with a maximum value of 1000 (mandatory field with validation, which will not allow the next step in case of error). “Continue” button that takes you to Step 3, “Back” button that takes you to Step 1.
Step 3: Shows the price that depends on “Quantity” in the ranges 1-10: $ 10, 11-100: $ 100, 101-1000: $ 1000.
The “Send” button, which sends the email to the one specified in Step 1 with all the fields filled in on the “Multi-step form” and the price, the “Back” button, which go to Step 2.
Step 4: Upon successful sending, a message should appear stating that the letter was sent successfully. If unsuccessful - a message that the letter was not sent due to a problem.
At the bottom, the “Start again” button should send to Step 1 and all fields should be cleared of previous data.
The transition between steps 3-4 should send data to the backend and send an email from the backend.
I ask to make comments for code in English.
I ask you to send applications to me only if you have completed work on the creation of a Multi-step form (wizard).