Completed

Build simple website with 5 form fields and a FAQ

A simple website with 5 input fields divided over 3 tabs + a FAQ. It must work good on both mobile (force portrait mode) and desktop, but mobile is most important.

Use standard jQuery and Bootstrap 4 to build the site. If you want to use any additional libraries, please ask before you start using it.

I will set up a git repo for this project on bitbucket and I will divide the specification under into issues for you to solve.

The page consist of 5 parts:

1 Header: Logo (text), sticky (so does not disappear when user is scrolling)

2 Banner ad: The ad is also sticky

3 Form fields: A title and 5 text fields divided over 3 tabs.

3.1 Tab 1: 3 form fields.

3.1.1 Field "Name", must contain minimum 2 names and have at least 4 characters in total (2 chars for first name, space and 1 char for the last name)

3.1.2 Field "Born", optional, but if it contains anything it must contain a year in the range 1900 and 2001. We will not use a drop-down, people must enter 4 digits.

3.1.3 Field "Place", optional, autocomplete. When people start to type, suggest first 3 hits from a predefined list of places.

3.1.4 Show form errors, if they exist when the user clicks on Submit.

3.1.5 “Submit”-button, when clicked and no form errors, then go to next tab.

3.2 Tab 2: Subtitle "Verify Human”. If the user already has done this (let say he went back to the first tab to change the name), then skip this tab and go directly to tab 3.

3.2.1 Show one text of a list of text predefined.

3.2.2 Field "Type shown text". The user must type character by character the text shown above (small or large characters are considered the same). So it is illegal to copy paste the text, so just disable pasting of text for this field.

3.2.3 Show form error, if they exist when the user clicks on Submit.

3.2.4 “Submit”-button, when clicked and no form error, then go to next tab.

3.3 Tab 3: Show what is entered in the first 3 fields in tab 1 (comma separated on one line) + a link “Edit” that brings the user back to the first tab.

3.3.1 Field "Email". Must be a valid email address and not from a domain in a predefined list of banned domains (also: a subdomain is also banned if the top level domain is on the banned list).

3.3.2 Text regarding email restriction.

3.3.3 Show form errors, if they exist when user clicks on Submit.

3.3.4 “Submit”-button and redirect to a different domain.

4 FAQ. Below the form tabs are the FAQ.

4.1 Hide all questions except one.

4.2 If the url has hashtag then show the related question.

4.1 If no hashtag in the URL, show the first question.

4.2 If a question is clicked on do this:

4.2.1 Close all other questions

4.2.1 Show question

4.2.2 Add the hashtag for this question to the url (without reloading the page)

5 Footer: Some text

I might come with small additions or changes as I see needed (I might have forgotten something or I see something is not working quite the way I originally thought).

Skills: Bootstrap, CSS3, HTML5, Javascript, jQuery / Prototype

See more: build simple website fast, freelancer com projects graphic desigeen build simple website 10117683 placebid, build simple website online php, build simple website, build a website 5, build simple website application, build simple website paypal checkout, use build simple website, build simple website job, build simple website pages, build simple website rails, ruby build simple website, build page website simple, build photography website simple viewer, services will build simple website landing page, simple website build, simple page website contact form, simple page order form paypal website payments pro, simple php contact form required field, form javascript simple calculation website

About the Employer:
( 17 reviews ) Gardermoen, Norway

Project ID: #15329297

Awarded to:

solomn1

i can this job send me a pm so we can discuss the details. Relevant Skills and Experience Angularjs, bootstrap , javascript, jquery Proposed Milestones $25 USD - implemntation

$25 USD in 1 day
(1 Review)
1.2

16 freelancers are bidding on average $68 for this job

$30 USD in 1 day
(49 Reviews)
5.9
angelstar916

Greeting. I see you are looking for a talent Web developer with huge experiences. And that's why i am applying to you. Relevant Skills and Experience Exp: ([login to view URL]) // from scratch skill: Front-end : More

$111 USD in 7 days
(1 Review)
3.5
ig149

I will make you the project just like your requirements, in a short period of time. I have done many projects related to your requirements because I am a pro in software development. Relevant Skills and Experience asp More

$10 USD in 1 day
(8 Reviews)
3.9
openeratech

I read Description and understand about work that needs to create one page website in Bootstrap/Jquery with 3 Tabs Form and Faq Contents.I will be able to add These as Mentioned [login to view URL] contact me. Relevant Skills More

$88 USD in 3 days
(4 Reviews)
3.6
arpitkh1992

Dear client, I have around 5 year experience and worked on lots of website. I was working in a company from last 5 year so for now I am starting business on freelancer. Please hire to me, I will give positive respon More

$10 USD in 1 day
(3 Reviews)
2.5
jomingeorge94

Hi, I am web developer experienced in designing and developing websites for my own projects as well as for clients. I have just graduated from Newcastle University studying Bsc Computer Science. I have seen your pos More

$40 USD in 1 day
(4 Reviews)
2.6
Naazsoftware

Dear Client, I saw your post and came to know that you wish to get a website developed for both mobile as well as desktop versions, right? Relevant Skills and Experience PLEASE LOOK AT BELOW MY RESUME LINK :https:// More

$45 USD in 1 day
(4 Reviews)
1.5
strawmedia

I have reviewed your requirements and completely understand it. I am an expert and professional in my field. I can develop your preconceived website consisting of your intended pages and features. Here are some of m More

$150 USD in 3 days
(0 Reviews)
1.4
ASHWANIKUMAR15

From your brief,I noticed that you need simple website with 5 input fields divided over 3 tabs + a FAQ Relevant Skills and Experience I am a freelancer with more than5 years of experience in Website and Mobile Applic More

$125 USD in 7 days
(0 Reviews)
0.0
Yourdeve1oper

Hello, I can work on your project. I've created 10s of many websites with requirements similar to yours. I will create it in ASP.NET C# with Bootstrap as UI. Relevant Skills and Experience Bootstrap, css, c#, asp.net, More

$111 USD in 7 days
(0 Reviews)
0.0
IvanAguilarVar

A proposal has not yet been provided

$30 USD in 2 days
(0 Reviews)
0.0
$25 USD in 1 day
(0 Reviews)
0.0
tomasgabriel06

Hello i can do your website with responsible and premium template for $30 please contact me

$30 USD in 1 day
(0 Reviews)
0.0
NirmalG888

To know more about us visit our website : [login to view URL] You can also see our portfolio at [login to view URL] and [login to view URL] Relevant Skills and Experience W More

$227 USD in 1 day
(0 Reviews)
0.0
victorleme1

Hello, Electronic Engineer & with Proficiency in HTML, CSS and Javascript. I can make this form for you in two days Regards, PS: Price is low because i'm new on freelancer.com and need reviews. Relevant Skills and Exp More

$25 USD in 2 days
(0 Reviews)
0.0