In this assignment, you will be designing wireframes using Pencil Project for a Sign In page, a Registration page, and an Error page for registration.

Student should create the following wireframes as outlined below.

$1.$ Sign In $-$ A page with a login form with the following requirements:

A Username field

A Password field

A link to show$/$hide password $($see chapter$)$

A button to allow new users to "Register"

A link for "Forgot Password"

Use hints or vertical labels to label each of your fields $($no horizontal labels as discussed in the chapter$/$slides$)$

$2.$Registration $-$ A page with a registration form with the following requirements:

A First Name field

A Last Name field

A Username field

A Password field with an indication of password requirements $($for example $8$ characters, one number...etc.$)$

A link to show$/$hide password

An Email field

Use hints or vertical labels to label each of your fields $($no horizontal labels as discussed in the chapter$/$slides$)$

$3.$ Registration Error$-$ Duplicate Email $-$ A page with a error message to indicate that the user's email is already in use.$$ The user would encounter this page if they tried to register with a duplicate Email address.$$ Requirements:

The error message indicating the user's email account is already in use

A link to go to the Sign in page

A link for "Forgot Password" to recover the user's password.

I need images too