PNG/PSD to HTML/jQuery/CSS

Budget $30 - $250 AUD
Bids 25
Average Bid $193

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.

Post a Project Like This

This project was awarded to

gabix89

Went far above and beyond my expectations. He is very talented and extremely dedicated. There is no doubt he will work hard until you are completely satisfied. Very nice and extremely easy to work with. HIGHLY RECOMMENDED!! Will definitely use again. [08 November, 2012] Thanks for your help!
About the Freelancer
gabix89 Profile Picture

High quality & low price custom web programming for you. I have a lot of successful projects and my customers are always satisfied!

Looking to make some money?

  • Set your budget and the time frame
  • Outline your proposal
  • Get paid for your work

Bids on this Project

  • cosmicwheels Profile Picture

    cosmicwheels

    dunfermline,  United Kingdom

    I am a freelance web developer with over 10 years experience in website design and development. I am skilled in HTML5, CSS3, jQuery/Javascript, PHP, Node, LESS, Twitter Bootstap as well as most of the common APIs such as Facebook and LinkedIn APIs. I specialize in bespoke website applications and websites and work on projects of all sizes from small scale web applications to full scale database driven websites. As I am an individual freelancer you dont have to worry about any of your ideas or instructions getting lost as they are passed from person to person around a company as I work with you from the very initial concepts right through to the development of the final product. My first language is also English so you can be sure their wont be any communication issues. Please check out my profile and portfolio for more information.

    PHP, Javascript, Website Design, and SEO

  • LuigiWidmore Profile Picture

    LuigiWidmore

    Bucuresti,  Romania

    My name is Luigi Widmore and I'm a web programmer. My areas of expertise are: - PHP - MySQL - HTML - CSS - JS - jQuery - AJAX - Design I work using Adobe Creative Suite and I have over 7 years of experience. As my tag line says : If you want something impossible, you've come to the right person. Thank you very much for visiting my profile.

    Javascript, XML, Script Install, and Website Design

  • getwebsolutionsl Profile Picture

    getwebsolutionsl

    Ahmedabad,  India

    We are the web & mobile apps development company, providing services of web apps with Laravel, Codeigniter PHP/MySQL and Open Source Tech (Joomla, Wordpress, Drupal, Magento, Zencart), HTML5, jQuery and Mobile Apps (iPhone, iPad, Android Smartphone and Tablets), JSON, Web Service. Weblounge is not a one-man operation, We have a good-sized experienced staff of full time iPhone, Android, iPad, PHP/MySQL, Codeigniter, Laravel, Angular.js, Node.js, JSON, Web Service, Magento, Joomla, Wordpress, Drupal, PHP, , HTML5 programmers, flash developer and website designers. All our programmers have advanced degrees and qualifications. Anyone can call a meeting to discuss a challenging problem or idea on a moment's notice. Weblounge was found in September 2007. We have 50 employees in-house with all kind of expertise. Please check it out our portfolio and feedback to get more reference. Regards, Weblounge

    eCommerce, PayPal API, Cocoa, and Objective C

  • webzin Profile Picture

    webzin

    Bhubaneswar,  India

    Webzin Infotech is a web service company, offering a wide range of services that covers almost all fields in the best possible way. Over years we have built a strong reputation in providing web site design and web development services. Webzin Infotech provide you with an attractive and most convincing website to enhance your marketing goals. Our developers are qualified, prepared to meet even the highest of demands and compassionate and caring of your needs and your own vision for your web site. You need a company that will not treat you like just another number but instead will work one on one with you to meet your needs in the best way possible.

    PHP, Javascript, XML, and Website Design

  • ahtsolutions Profile Picture

    ahtsolutions

    Hanoi,  Vietnam

    ArrowHiTech Jsc is a Vietnam outsourcing company of excellent programmers and designers whose products' quality is proved since our early stage. We are one of leading companies specified in web development, mobile & tab development, internet marketing in Vietnam. Established in August, 2007 ARROWHITECH JSC have gained valuable experience in developing outsourcing services on a lot of systems such as: Ecommerce (Magento, Opencart, Prestashop, zencart, oscommerce, Virtuemart, Woocommerce … ), CMS (Wordpress, Joomla, drupal,…), Other Frameworks (Zend framework, Codeigniter, CakePHP,…), CRM, ERP, Social networking …, mobile apps and mobile games (IOs apps, Android apps, windows phone apps,…). For now, we are having 3 offices: Head office is at Hanoi capital with more than 35 staffs, TN branch office is at Thai Nguyen city with more than 15 staffs, PT branch office is at Viet Tri city with more than 10 staffs. So, with our experience and manpower we always bring the best services and best results to the clients. Come up with ArrowHiTech and you will have the business success.

    PHP, ASP, C Programming, and Java

  • dinotech Profile Picture

    dinotech

    Jodhpur,  India

    Our Company is an India based web design company with great skills and a talented team. We are a multi-disciplinary and experienced team of engineers in different fields and are devoted to our efforts to provide our clients with the necessary requirements for the project. We collectively work as a team, which has resulted in building lasting relationships with the client. We are confident that regardless of the size, scope or complexity of your project, we shall be able to perform to your exact requirements. Our company is a website design company focused on developing a high end profile for both small and large companies. No matter if they're building a first website from scratch or wanting improvement to their existing website, we can do it.

    PHP, C Programming, Java, and Javascript

  • harimaliya15888 Profile Picture

    harimaliya15888

    Kota,  India

    HTML , CSS , JQUERY , AJAX , PHP , WORDPRESS YII

    PHP, Python, Data Entry, and AJAX

  • mxicoders Profile Picture

    mxicoders

    Ahmedabad,  India

    Mxicoders helps medium and small entrepreneurs to increase uses of software and value their drive. We, a custom web and native smartphone development firm, build advanced solutions to fulfill your needs. Each software solution is rigorously designed with simplicity, ease of use and flexibility. Rapid implementation means you get value from our solutions faster, with less cost and risk. Perfection is the standard, and we pursue it with enthusiasm. Today, Mxicoders serves thousands of customers across the globe. We usually get 9 out of ten in our service ratings and 65% repeat customer rate. Our goal is to provide your business with all the solutions needed to effectively monitor, manage and secure your IT environment. We will keep pace as your business grows. And we’re always making our business solutions even better. We believe in the "keep it simple" approach and implement it using the latest technology and design ideas.

    PHP, Javascript, .NET, and Website Design

  • ramkumargajurel Profile Picture

    ramkumargajurel

    Kathmandu,  Nepal

    I am professional web developer as well as developer. I have good knowledge on php as well as its framework. I had worked on CMS (Joomla, magento, wordpress) HTML5, CSS3 as well as different php framework.

    Graphic Design, Mobile Phone, Android, and Wordpress

  • andisalvo Profile Picture

    andisalvo

    Semarang,  Indonesia

    I'm a web developer from Indonesia. I love web programming and designing. I have the expertise to build, fix or improve websites. I have a lot of experiences in HTML, CSS, PHP, Mysql, Javascript, Jquery, Joomla, PSD to HTML and also Wordpress. I can assure you that "I'm the right person who you can trust to start and finish your project on time and within budget". For your consideration, you can check my latest portfolios.

    PHP, Javascript, Website Design, and Graphic Design