PNG/PSD to HTML/jQuery/CSS

Closed

Description

Hi Guys,

First of all a big thank you for taking the time to go through this project.

We are planning to build a website and most of its design work has been completed. The next step for us is to convert the design files into actual code and this is where we need your help.

We are looking for a developer who loves writing clean, reusable code and is proud of it. To begin with, we want you guys to convert one of the files into code and if we find that you are a good match for us, then we will work with you to code the whole website.

From our past experiences, we have noticed that when a project is posted on [url removed, login to view] there are a huge number of people who express interest and it becomes very hard to pick the winner based on their replies as all of them write that they have the skills and will do a good job etc. Most of the times what they write is far from truth. So to counter that we have come up with a plan, we have attached a layered PNG file (this file has two forms within itself) that we want you to code. We will review your code and then decide if you are a good fit, this way we hope that only those people who are genuinely interested will apply.

Please note that we want the code to do EXACTLY what has been designed in the sample file. We have spent a lot of time on design and there is nothing on there which is not important, even the text box border color is important.

Form validation to us is one of the most important things and we have taken utmost care to design it and please respect that. Please make it work exactly the way it is.

To make validation a little more clear, we will like to mention a few guidelines that we have followed as these may be a little hard to understand by going through the attached file.

1. If the user enters a valid value in the field, show a green tick next to it. When the user moves the mouse over this tick, it should show the message 'The value is valid' in a tool tip which will look exactly as the error tool tip but it will have green text and green border. This should happen when the user FOCUSES OUT of the control.

2. If the value that the user entered is invalid, give the control a red border and show an error sign next to the control AND SHOW THE ERROR MESSAGE tool tip exactly as shown in the attached file. When the user moves the mouse over the error sign, it should show the error message tool tip again. This should happen AS SOON AS THE user enters invalid character.

3. When the user clicks the submit button, all the error messages should be listed at the top of the form along with the red borders around the controls and the error signs next to them.

4. If a field is required and the user clicks in it but leaves without entering any value, then the validation should be done at that point which will do as specified in point 2.

Following is the list of validation rules that apply:

1. First Name, Last Name: Can have only the alphabets.

2. Mobile phone, home phone: Can only have numbers and blank spaces

3. Suburb: Is a auto complete box.

Validation rules for the dialog

1. Post Code : Numbers only

2. Suburb Name: Alphabets only.

The dialog box should open up when the 'I cannot find my suburb' link is clicked.

We feel that we have provided enough information for you guys to start, if you have any questions, please feel free to ask us.

Please respond only if you can provide the code for the attached file ( the dialog box is the absolute minimum), otherwise please don't your valuable time and don't waste ours.

Thank you once again for your time.

If you don't have fonts used in the file, please use Arial.

Skills: AJAX, CSS, HTML, Javascript, jQuery / Prototype

See more: psd png, psd css html, you may not need jquery, writing out numbers, writing html code, write my skills in freelancer, work in png, work from home signs, work from home free to start, where to write my work in freelancer, where to write a review in freelancer, where to work as a freelancer, where to start as a freelancer, where to sign in as freelancer, where to find work as a freelancer, where to find javascript developer, where to find good developer, where to find freelancer work, where to find a job for freelancer, where to find a job as a freelancer, where to find a freelancer, where is freelancer com based, where find a good freelancer, where do you find a developer, where do i look for job as freelancer

Project ID: #4016309

Awarded to:

gabix89

PM sent, please check it!

$60 AUD in 2 days
(5 Reviews)
2.6

25 freelancers are bidding on average $193 for this job

ahtsolutions

Greetings! Best of Freelancer.com to assist you on your project. I offer you the highest level of skill. Please view PMB for our portfolio. Best regards, AHT SERVICE AND TECHNOLOGY DEVELOPMENT JSC

$400 AUD in 7 days
(164 Reviews)
8.1
webtrendz

----@@@@---- Thanks for your offer. I went through your message. We are expert in Web 2.0 standard website design and customization. Sure we will deliver a good quality of work. Please check our portfolio to know more More

$350 AUD in 9 days
(64 Reviews)
6.9
epark

=====Expertness and honesty our goal . we are small team working good quality and accuracy. Ready to start your project.Please check pm.Thank you===========

$250 AUD in 10 days
(82 Reviews)
6.6
webzin

Hi Have Gone through your requirement and understood, we are very sure that we can do your needs with your entire satisfaction. We have left a PMB for you plz feel free to have a look over there. Thnx Ram Webzin I More

$250 AUD in 7 days
(64 Reviews)
6.4
ALSOFT10

Dear Sir, We can give you solution as you want. Please check your PM for more details. Regards, ALSOFT

$250 AUD in 5 days
(49 Reviews)
6.3
dinotech

UNDERSTOOD YOUR REQUIREMENT AND READY TO START.....................

$200 AUD in 13 days
(40 Reviews)
6.1
LuigiWidmore

Hi sir , My name is Luigi Widmore and i'm an expert web developer. My areas are HTML/CSS PHP/MYSQL Design/Photoshop. Please check PM for details , you may be impressed. Thank you

$150 AUD in 999 days
(63 Reviews)
5.8
getwebsolutionsl

Hi, we have expertise in HTML5 / CSS3 (Mobile Browser Compatible), jQuery, PHP, MySQL, .Net, OsCommerce, Wordpress, Joomla, Drupal, Magento, ZenCart, Mobile Apps etc. You can see more details with PMB, Thanks.

$350 AUD in 14 days
(19 Reviews)
5.7
cosmicwheels

Hey lblaggan, I have almost 10 years experience in web design and development and would have no problem converting your PSD to HTML/jQuery. I have fully read the project brief and have prepared a demo for you to to vie More

$250 AUD in 3 days
(5 Reviews)
5.7
ilumiweb

I can do this work..Thanks

$140 AUD in 2 days
(54 Reviews)
4.9
andisalvo

I'm ready to work and please check the PMB

$190 AUD in 3 days
(63 Reviews)
4.8
mxicoders

It is not important

$150 AUD in 10 days
(5 Reviews)
4.8
kumarefusion

Hi We are interested in this job..and we have started..Please see our message

$190 AUD in 1 day
(27 Reviews)
4.8
wethe5

9 years experience in web design and development.

$200 AUD in 5 days
(5 Reviews)
4.5
prissyandchunie

We are Prissy and Chunie, and have done many similar projects in the past, and we are confidence to do this project for you. Please check your pm box for more details. Thanks!

$80 AUD in 3 days
(26 Reviews)
4.3
haresh31dec1982

Hi sir, I can create a page exactly as you like. Please let me have the project.

$100 AUD in 4 days
(4 Reviews)
2.6
VR26

We are a Web design and development company that focuses on regular communication with our clients and timely delivery for all our projects. Some of the technologies/area that we focus include:

$150 AUD in 10 days
(2 Reviews)
2.0
florhome

I have over 5 years of experience with HTML and Javascript. Please send me the project details and I will start working immediately. Thanks

$60 AUD in 1 day
(1 Review)
2.0
cwsofttech

Trust on us and we will give a good website

$177 AUD in 7 days
(0 Reviews)
0.0
websiteanalyst

Hi! Please consider the same bid for complete coding and review the examples for the coding experience review. we ca do it in less than 5 days , please have a look at PMB.

$250 AUD in 5 days
(1 Review)
0.0