Design a stylish SignUp Page

Status: Closed
Prize: $25
Entries Received: 32
Winner: TeamAlphaSH

Winner

Contest Brief

Design a Sign-Up Page for Traken.net using html/css.

After viewing Traken.net, prospects will click on "Free Trial" button that will take them to a Sign-up page.

Requirements: The design must integrate with the Landing Page. For example, the same fonts and colors. The images used on the Landing Page are from https://www.pexels.com/@rawpixel so you can use this to get images that integrate with the landing page images.

The finished page must include validation using the JQuery Validation Plugin.

1.First Name - Required. Error Text "Your First Name is required"
2.Last Name - Required Error Text "Your Last Name is required"
3.Team - Required Error Text "Team Name is required"
4. Email - required
5. Password - required
6. PasswordConfirm - required and must match Password
7. Accept Terms and Conditions

Use https://materializecss.com for CSS including text boxes.

Include:

1. Display Name
2. First Name
3. Last Name
4. Team Name
5. Password
6. Confirm Password.
7. Accept Terms and Conditions Checkbox
7. "Log In Instead" Link.

CSS Standards:
0. Prefix all custom classes with "signup" so if you want to style the h1 element, create a class called .signup-h1{ font-size:7em;}
1. Do not style raw elements. Use only classes. (Example: in css, do not use h1{font-size:7em}, use .signup-h1{font-size:7em}
2. Put all custom classes in signup.css.
3. Any custom javascript must be put in a file called signup.js
4. Any images free or paid must include a link to where it was gotten from. I will purchase any images required.
5. Must be responsive to mobile.

Looking for clean simple sign-up page.

Recommended Skills

CSS
HTML5

Winner

Post a Contest Like This

Employer Feedback

“Top notch work. Will use again.”

gregoryagu, United States.

Top entries from this contest

TeamAlphaSH Egypt

0
TeamAlphaSH Egypt

1
ankushchak India

0
dreamplaner Bangladesh

0
TeamAlphaSH Egypt

0
cjjones973 United States

0
dreamplaner Bangladesh

0
alomgirhossain3 Bangladesh

0
dreamplaner Bangladesh

0
moshiurice Bangladesh

0
dreamplaner Bangladesh

0
Laxos2001 Algeria

0
Laxos2001 Algeria

0
kaycobadjony Bangladesh

0
dreamplaner Bangladesh

0
kabaur Bangladesh

0

View More Entries

Public Clarification Board

TeamAlphaSH
- 5 years ago
#35 waiting for feedback
- 5 years ago
moshiurice
- 5 years ago
#31 waiting for your feedback
- 5 years ago
TeamAlphaSH
- 5 years ago
#24 , #23 waiting for feedback
- 5 years ago
Laxos2001
- 5 years ago
#15
- 5 years ago
moshiurice
- 5 years ago
#18 waiting for your feedback
- 5 years ago
Laxos2001
- 5 years ago
Can i use bootstrap?
- 5 years ago
1. Contest Holder
  - 5 years ago
  Yes, bootstrap 4
  - 5 years ago
jqueryfinder
- 5 years ago
#8 waiting for feedback
- 5 years ago
jqueryfinder
- 5 years ago
#7 waiting for feedback
- 5 years ago
bouziddaho
- 5 years ago
i need your logo please
- 5 years ago
1. Contest Holder
  - 5 years ago
  https://traken.net/images/traken-logo-white.png
  - 5 years ago
usmanibrahim74
- 5 years ago
can I use Bootstrap to design?
here is the link to my work sample
https://usmanibrahim74.github.io/Child/
- 5 years ago
1. Contest Holder
  - 5 years ago
  Yes, you can use bootstrap or any library you wish.
  - 5 years ago
bouziddaho
- 5 years ago
new entrys #4 & #5 waiting for feedbacks
- 5 years ago