This HTML work is really easy.
Please review attached file with accurately description and wireframes which help you to do it faster.
Maximum budget: $75 USD
Delivery: HTML page with user profile fields.
Take into account:
1- HTML Template must follow this look&feel (style4). Same colors, same font. [url removed, login to view]
2- HTML5, CSS3
4- Compatible with 1024x768.
WIREFRAME – 1024 resolution:
This is a wireframe to follow the structure in 1024x768.
Regarding the DESIGN if you have to create some material you must to follow this template Style 4.
In this case the 16 white boxes with interest + clan are examples but you must to create new design. These 16 boxes must to distribute like articles posts in the homepage depending the resolution.
User profile fields:
1.1- When you roll-over the photo appears Edit link called “Editar”. “Editar” link must be located on the right-bottom of the picture and only will be visible if you are rollover the image.
1.2- “Editar” link allows to upload new photo and customize a preview.
C- Preview phase must be created to take a picture from your PC and move it to adapt in 200x200 pixels format. User can Acept or Refuse the preview before change the picture.
You can use something like this to cut the image: [url removed, login to view]
When user cut the image the cut selection has to look nice, not pixilated and 200x200 format.
2- Name, Email and Password:
2.1- When you roll-over the field appears Edit link called “Editar”. “Editar” link must be located on the right of each field.
2.3- Password: each char which user write would be “*”
2.4- The words of these fields (name, email and password) can’t exceed 200px, if some field it’s longer add “…” in the right side. Example in attached doc
3- Description: Textbox with 200px width
4- Interests and Clans: 16 boxes with 2 lines each one.
4.1- First line is always the name of the interest: actividades de ocio, coches, cocinar, compras, deporte, economía, fotografía, fútbol, humor, moda, música, nuevas tecnologías, películas, series, viajar, videojuegos
4.2- Second line is the name of the clan or if user don’t have assigned any clan it will be Button “Crear/Buscar Clan”
5- Lists: Drop-down menu with these options “Hecho, Por hacer, List A, List B, List C”
5.1- Here you can see the publications articles which the user have saved