Closed

Small Responsive HTML/CSS/Javascript/PhP Form - repost

Create a simple responsive HTML/CSS/AJAX canvas with the following elements

- Header divided in 3 parts : Top header with 2 hyperlinks, lower left header with logo, lower right header with social icons.

- Main container: contains the html form, the area should only display one question at a time and when the question is completed the user click next (submit), the field should be validated by the technique of your choice (Javascript and or php) then if the field validates the value should be inserted in a session variable or similar so that it can be retrieved on the final submit (where we will send the data in a database later), there is a fade out, fade in effect (CSS3 or other technique) between the questions where the other question with another background appears. Repeat until the end of the questions (7 in the final form but only 2 questions for the job). Finally, ask for contact information on the following page. When the user has entered his information click finish (submit the form). After the form is submitted the area switch to the final thank you page and open a modal window (that will eventually contain a facebook "share" button)

- footer: just the copyrights.

Page description:

Page 1: landing page with only text and a start button

Page 2: Question #1 with a slider (1 to 10) (Jquery or other)

Page 3: Question #2 with a slider (1 to 10) (Jquery or other)

Page 4: Question #3 with a choice of 3 answers in buttons (test1, test2, test3)

Page 5: Question #4 with a slider with values from 28 to 120

Page 6: Question #5 with a yes or no (buttons)

Page 7: Question #6 with a choice of 3 answers (images) (take any logo you want for the tests)

Page 8: Question #7 with a choice of 3 answers (buttons)

Page 9: Thank you page and a modal window (leave it blank)

* each page has a next button

* Must be responsive

* Must be compatible in the following browser (at least with a decent fallback) : IE8-9-10 and latests versions of Chrome, Safari, Firefox

* You don't have to code the databse entries, just create the HTML canvas and the interactions between the pages (front and backend).

**************

You have to code only one question of each "style" (one with a slider and one with choices of answer (kind of like a radio button but with images or buttons)

******************

* the layout is in the attached jpeg

Skills: CSS, HTML, Javascript, PHP

See more: javascript jpeg, icons html, icons landing page, icons css, html elements, css create logo, create logo facebook style, css3 logo, simple html css, responsive landing page, responsive html, responsive code, php html css3, one page responsive html, landing page javascript, landing html css page, jquery css javascript, html css jquery, html css javascript jquery, html javascript, html css php, canvas javascript, html responsive header, html ajax javascript, radio slider

About the Employer:
( 0 reviews ) India

Project ID: #5331690

11 freelancers are bidding on average $6/hour for this job

webzin

Welcome to Webzin Infotech, Thank you for taking time to review our bid, we are ready to start the project. For more details please refer our profile,portfolio and some of our recent sites listed with this message : More

$16 USD / hour
(80 Reviews)
6.6
technicalpixel

A proposal has not yet been provided

$8 USD / hour
(18 Reviews)
4.7
amitarai

Hello My name is Pranav I have checked the details shared by you Please consider my bid and we can discuss more so that i can assist you in better way my services always with you even we complete the project skpe More

$5 USD / hour
(22 Reviews)
4.2
dennisaucoincom

Please let me know. I am ready to start working on this project. Hello! My name is Dennis Aucoin and I am from Billerica, MA. I have been designing and programming website for over 12 years now and I am the best person More

$6 USD / hour
(11 Reviews)
4.0
G1mMy

A proposal has not yet been provided

$5 USD / hour
(2 Reviews)
1.3
indilo53

Aucune proposition n'a encore été fournie.

$10 USD / hour
(1 Review)
1.3
phpcheenu

Hello sir, We have good experience of Photoshop,Banner Design ,Flayer mail,ASP.NET, C#.NET Logo Design, PHP, HTML,HTML5,CSS,JavaScript,Mysql,JOOMLA,wordpress, Graphic Design,Website Design, Android, java, .net More

$2 USD / hour
(6 Reviews)
1.2
simrasgroup

Hi we have team 20 member for development and designer our my each designer have more than 5-8 year experience We will very happy to work with you long time we provide quality work so please give us a change t More

$3 USD / hour
(0 Reviews)
0.0
mudassar27

Dear Sir, I have practical experience of developing different websites applications in PHP. I assure you i'll do this testing work for you very efficiently. Kindly give me a chance and consider my bid. More

$2 USD / hour
(1 Review)
0.0
BharatG67

I have worked on a lot of Web Development Projects working with an MNC. I have good hold of PHP, CSS, JavaScript, jQuery etc which would be very handy for this project. Please refer my profile to get an idea of, to wha More

$3 USD / hour
(0 Reviews)
0.0
YuGTDenPOqRM

Hi we are a team of freelance software developers, if you contact me at our website we can discuss the details of the project. w w w . so l v e r . i o

$5 USD / hour
(0 Reviews)
0.0
davidgrs

La propuesta todavía no ha sido proveída

$6 USD / hour
(0 Reviews)
0.0
lkokanchan

I am looking for a position that would recognize my talent and provide me an opportunity to put in my best for the benefit of the company. I am an experienced word press developer and feel my skills will greatly benefi More

$5 USD / hour
(0 Reviews)
2.4