Welcome to "OverLay form" project

Here we're goning to create a single-page website that comes with a form on it.

Description

• Every inputs should be validated using Js.
• Use this RegEx for validating your email, it's RFC proof:

^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])$

• text-area shouldn't exceed 400 characters.
• Your form should use the POST method for it's submition.
• Form should close hitting the Esc key on keyboard.
• Using Sass or Scss would be a privilege.

Future UpDates

We're going to:

• Implement a better UI
• When a user select the "Other..." option in the "How did you know about us?" field of the form, it should change to a textbox.

Things you need

• Trello Board: [↗]
• Figma Design: [↗]

Get Help

• Input Email pattern Property: [↗]
• JavaScript Form Validation: [↗]