diff --git a/15-multi-step-form/src/main/resources/public/out.css b/15-multi-step-form/src/main/resources/public/out.css index 9d6786b..4d20fdb 100644 --- a/15-multi-step-form/src/main/resources/public/out.css +++ b/15-multi-step-form/src/main/resources/public/out.css @@ -740,6 +740,10 @@ div, p, button, ol, li, summary { } @media (min-width: 768px) { + .md\:mt-0 { + margin-top: 0px; + } + .md\:flex { display: flex; } diff --git a/15-multi-step-form/src/main/resources/templates/_index.html b/15-multi-step-form/src/main/resources/templates/_index.html new file mode 100644 index 0000000..94e39dd --- /dev/null +++ b/15-multi-step-form/src/main/resources/templates/_index.html @@ -0,0 +1,30 @@ + + + + + + TEst + + + + + + + + + + +
+

Hello!

+ +

into the template

+ +
+ + diff --git a/15-multi-step-form/src/main/resources/templates/index.html b/15-multi-step-form/src/main/resources/templates/index.html index 94e39dd..8d68d63 100644 --- a/15-multi-step-form/src/main/resources/templates/index.html +++ b/15-multi-step-form/src/main/resources/templates/index.html @@ -1,30 +1,33 @@ - + - - - TEst - - + + + + - - + + Frontend Mentor | Multi-step form + + + - - -
-

Hello!

- -

into the template

- -
+
+ diff --git a/15-multi-step-form/src/main/resources/templates/step1.html b/15-multi-step-form/src/main/resources/templates/step1.html new file mode 100644 index 0000000..3aea528 --- /dev/null +++ b/15-multi-step-form/src/main/resources/templates/step1.html @@ -0,0 +1,124 @@ + + + + + + + + + + + Frontend Mentor | Multi-step form + + + + + + + +
+ +
    +
  1. +
    + 1 +
    + +
    2. +
  2. +
    + 2 +
    + +
    3. +
  3. +
    + 3 +
    + +
    4. +
  4. +
    + 4 +
    + +
    5. +
+ +
+ +

Personal info

+

Please provide your name, email address, and phone number.

+ + + + + + + + +
+
+ +
+
+ Challenge by + Frontend Mentor. Coded by Your Name Here. +
+ + diff --git a/15-multi-step-form/src/main/resources/templates/step2.html b/15-multi-step-form/src/main/resources/templates/step2.html new file mode 100644 index 0000000..fb45f34 --- /dev/null +++ b/15-multi-step-form/src/main/resources/templates/step2.html @@ -0,0 +1,62 @@ + + + + + + + + + + + Frontend Mentor | Multi-step form + + + + + + + +
+ + + Select your plan + You have the option of monthly or yearly billing. + + Arcade + $9/mo + + Advanced + $12/mo + + Pro + $15/mo + + Monthly + Yearly + + Go Back + Next Step + + +
+ + diff --git a/15-multi-step-form/src/main/resources/templates/step3.html b/15-multi-step-form/src/main/resources/templates/step3.html new file mode 100644 index 0000000..8e2c424 --- /dev/null +++ b/15-multi-step-form/src/main/resources/templates/step3.html @@ -0,0 +1,62 @@ + + + + + + + + + + + Frontend Mentor | Multi-step form + + + + + + + +
+ + + Pick add-ons + Add-ons help enhance your gaming experience. + + Online service + Access to multiplayer games + +$1/mo + + Larger storage + Extra 1TB of cloud save + +$2/mo + + Customizable Profile + Custom theme on your profile + +$2/mo + + Go Back + Next Step + + +
+ + diff --git a/15-multi-step-form/src/main/resources/templates/step4.html b/15-multi-step-form/src/main/resources/templates/step4.html new file mode 100644 index 0000000..8003ab5 --- /dev/null +++ b/15-multi-step-form/src/main/resources/templates/step4.html @@ -0,0 +1,54 @@ + + + + + + + + + + + Frontend Mentor | Multi-step form + + + + + + + +
+ + + Finishing up + Double-check everything looks OK before confirming. + + + + Total (per month/year) + + Go Back + Confirm + + +
+ + diff --git a/15-multi-step-form/src/main/resources/templates/step5.html b/15-multi-step-form/src/main/resources/templates/step5.html new file mode 100644 index 0000000..710e62d --- /dev/null +++ b/15-multi-step-form/src/main/resources/templates/step5.html @@ -0,0 +1,50 @@ + + + + + + + + + + + Frontend Mentor | Multi-step form + + + + + + + +
+ + + Thank you! + + Thanks for confirming your subscription! We hope you have fun + using our platform. If you ever need support, please feel free + to email us at support@loremgaming.com. + + +
+ +