Mirco Project: webpage [javascript, JQuery, css, html]

HTML5, CSS3, JavaScript and JQuery [No server side programming]


Using HTML5, CSS2, JavaScript and JQuery to develop and an interactive page for an online quiz.

The main page will contain the following items:

 The user interface should display a company logo (contact me for the logo) and

 A menu of available quizzes.

Once the user selects a quiz, he must provide his name and email address in a form in order to start the quiz.

Use form validation and regular expressions to validate the user inputs.

The questions will then appear one at a time. Use at least 10 questions:

 5 multiple choice questions with only one correct answer,

 3 multiple choice with more than two correct answers, and

 2 drag and drop questions to fill blanks.

Each group of questions is allocated a time period (say 5 minutes, 10 minutes, and 4 minutes, respectively).

The examinee can go back and forth within each group of questions but not from one group to the other

before the adjusted time period ends.

Once the user submits his answers, the system grades the questions and shows a report of his grade.

1) Total number of questions and percentage grade

2) Number and percentage of correctly answered questions in each group (shown as a pie chart)

3) Number and percentage of partially answered questions in the second group (shown as a pie chart)

The grade formula is a follows:

1) First group: one point for each correct question

2) Second group: one point for each correct choice and minus one point for each incorrect choice

3) Third group: one for each correct attempt and minus one for each incorrect attempt (limit attempts

to 5 per question)

Finally, a copy of the report should be sent as a formatted email to the examinee’s email.


1. Create and use external style sheet

2. Create and use external JavaScript/JQuery

Validation of your created files

1. Validate your HTML files using [url removed, login to view] and provide a screenshot of the result. A link to the validation results (snapshot) can be added in the footer of the webpage.

2. Validate your CSS files using [url removed, login to view] and provide a screenshot of the result. A link to the validation results (snapshot) can be added in the footer as well.

Evner: CSS, HTML, HMLT5, Javascript, jQuery / Prototype

Se mere: CMS, Drupal, Module, Custom module, Theme development,Javascript, jQuery, css, html,Wordpress, Plugin, Custom plugin, Laravel, Y, programming php drupal javascript jquery css sass, html jquery css javascript, jquery examples, jquery meaning, jquery vs javascript, how to use jquery, HTML CSS JavaScript JQuery, web design html css javascript jquery set, php javascript jquery css, jquery css html, php html css javascript jquery mysql, design ebay listing template html css javascript jquery, jquery css html shopping, jquery css html mvc, web design jquery css html, javascript jquery css, webdesign graphic css html javascript jquery flash, html css flash javascript jquery freelancer

Om arbejdsgiveren:
( 7 bedømmelser ) Dhahran, Saudi Arabia

Projekt ID: #16520854

Tildelt til:

$15 USD på 1 dag
(0 bedømmelser)

A proposal has not yet been provided

$25 USD på 1 dag
(0 bedømmelser)

3 freelancere byder i gennemsnit $50 på dette job

$111 USD in 5 dage
(0 bedømmelser)