2 Simple Responsive/Scalable Web Pages

Closed

Description

This is a very small CSS-HTML project which consists of 2 pages. It should look like a multiple-choice online test. All elements should be able to scale to the user's screen size. (What you are designing is part of what will go into a larger page. This is just a portion of the page).

Please see the attached images which show the default sizes. The first image shows the first page which you will need to create: "[url removed, login to view]". It shows a larger grey box with rounded corners which holds the question, and 4 slightly smaller light-blue boxes with rounded corners which hold the 4 choices for the question.

No images should be used in this project; CSS should be used instead of images.

The 4 choice boxes should all have these features:

* When the user hovers over a box, the color of the box should turn to light-green, as seen in the 3rd choice in the first picture. CSS should control this.

* Each of the choices should be hyperlinked to a different page. The user should be able to click anywhere inside of a choice (even in areas of the box where there is no text) to follow the link (which indicates their answer). CSS should control the hyperlink area as well as the colors.

- choice 1 should link to "[url removed, login to view]" (you don't need to create this page, but the hyperlink should be in the HTML)

- choice 2 should link to "[url removed, login to view]" (see below)

- choice 3 should link to "[url removed, login to view]" (you don't need to create this page, but the hyperlink should be in the HTML)

- choice 4 should link to "[url removed, login to view]" (you don't need to create this page, but the hyperlink should be in the HTML)

* The second attached image shows what the second page ("[url removed, login to view]") should look like after the user clicks on the 2nd choice from "[url removed, login to view]".

The 2nd choice should now appear in light-orange to indicate that it was the correct choice. All of the 4 choices on this page should now have a hyperlink of instead of links to different pages because the user has made their choice.

All of the above (the question and 4 choices) should be inside of a .

Every element will need to be able to scale its size. For example, you can use the approximate sizes shown on the attached images to create the elements for the 2 pages, and these default sizes will look good if someone is browsing from a desktop or laptop. But, if they are using a tablet or mobile phone, their screen may be smaller than the size of these boxes. In those cases, everything needs to be automatically scaled smaller, including the font size, and all of this needs to happen using only HTML, CSS, and possibly JavaScript (or JQuery).

The 2 finished HTML pages should closely resemble the attached pictures.

Your deliverables will be:

* [url removed, login to view]

* [url removed, login to view]

* CSS file

* possibly will need JS and/or JQuery script

Skills: CSS, HTML, Website Design

See more: what is web designing, what is responsive web design, website to design phone cases, web picture designing, web page designing with html, web designing images, web design & html designing with color, the simple image for designing, text font design online, responsive web design images, responsive design web page, responsive design web, project for web designing using html, online picture designing, needs for web designing, mobile web pages design, mobile phone web design, mobile phone screen size web design, laptop web design, laptop for web design, jquery 1.2 3, image for web designing, html 4.01 test, green box web design, good web pages

Project ID: #5063916

Awarded to:

digiwebcreators

Hi, I have checked the project and ready to do the project. I can make the boxes (2 pages html/css) completely responsive with respect to the screen size using CSS. I have 8+ years of experience in CSS programming. More

$34 USD in 1 day
(246 Reviews)
6.9

23 freelancers are bidding on average $35 for this job

epark

Dear Sir/Madam, We have gone through your requirements. We have professional level expertise driven by experience, professional wisdom and enthusiasm; we offer you cost effectiveness, functionality, the uniqueness of More

$103 USD in 3 days
(107 Reviews)
6.8
ssahilsl

Hi, We are highly experienced in Wordpress Web development,WordPress Plugin Customization, HTML, XHTML, HTML5. Hire team of HTML5, Magento, Joomla and PHP Programmers. Please open message board for previous work and we More

$100 USD in 3 days
(108 Reviews)
6.6
michale21

Hello Sir/Medam, Greeting from Votive technologies !! Good Repertoires are here only with 150 plus reviews and many more good qualities that attract you definitely !! Have a LOOK at our ONGOING WORKS :- http:// More

$43 USD in 1 day
(103 Reviews)
6.6
TheInnoVibes

Hello sir , We are a hard-working web-development company working on core PHP And Wordpress projects . We can develop cross-browser, W3C compliant good quality professional websites. We have gone through your req More

$33 USD in 1 day
(66 Reviews)
6.4
kishanlalyadav

experts here, ready to start right now. Fluent English and always available on Skyp to discuss project specs. Why waste your time with anyone else? Hello sir, i have checked your project and would like to have you More

$34 USD in 1 day
(185 Reviews)
6.1
niravvirani17

Ready to start "NOW ONLY" Give me chance to prove my ability and also quality work i am waiting your positive replay from your side i am highly interested to work with you

$33 USD in 1 day
(78 Reviews)
5.5
technovation1

Hi, i ready start now. i have read your requirements i am much interested to start this project. i have completed many projects similar to your requirement successfully. thanks Ramcharan

$28 USD in 0 days
(38 Reviews)
5.4
scriptmindz

Hello there, I'm a professional web designer and developer. I have 5 Years experience in web design. I have confident that my work will lead your site to a user friendly and top quality looks. Here I attached some More

$29 USD in 0 days
(17 Reviews)
4.9
izoftinfotech

Hi sir, We can do this for you. Kindly check our portfolio for the website works we have done! Thanks &Regards izoft

$30 USD in 3 days
(28 Reviews)
4.7
sa007

A proposal has not yet been provided

$34 USD in 0 days
(22 Reviews)
4.5
globalwebindia

Dear Sir/Madam, We are already read your project description & fully understand this project for you. We are offering best price in this market & providing best quality of work for you. Please check your PMB for more d More

$33 USD in 3 days
(9 Reviews)
4.5
Atlantasysm135

Hi Greetings of the day. I read your project description and feel confident about your project.We are the software development company having strong market experience.We had completed many of the HTML projects .Its e More

$44 USD in 3 days
(4 Reviews)
4.0
khages009

Hello, I have gone through your requirement you have mentioned in your project details and assuring you that I will do the work by putting the excellency of my 4 yr experience of development, designing and project ana More

$25 USD in 3 days
(6 Reviews)
3.8
Technospike

Dear hiring manager, I am really interested in taking up this project.I have read the description. I am ready to discuss about your project.I will share my previous work.Quality work and with in time frame work wil More

$33 USD in 2 days
(4 Reviews)
3.4
umadevisathesh

Hi, I am Umadevi, having 5+ years of experience in HTML,JavaScript,JQuery,Java,J2EE working in MNC, for developing web based product. I will do this job. Please contact me with the details

$25 USD in 3 days
(2 Reviews)
2.2
webexpert1313

Dear Sir/Madam, I am Fully Understand Your Project Requirement and I can fulfill requirement 100 % with Excellent Quality of Work. Thanks – webexpert1313

$33 USD in 3 days
(1 Review)
0.0
asankasanjaya

I have lot of experience in responsive web developing using twitter bootstrap css template. If you need I can show you my past works also. I can develop attractive design using css3. If you hire me I will start coding More

$20 USD in 3 days
(1 Review)
0.0
trnks01

Nie złożono jeszcze oferty.

$20 USD in 1 day
(0 Reviews)
0.0
GabrielSoare

I can handle with your project. Here you have an example which is similar with your project, but a little bit complex www.embeddedsoft.ro/quiz/ Hire me now! My main activity: -creating apps for mobile with PhoneGap b More

$20 USD in 2 days
(0 Reviews)
0.0
Brahimi18

I am a computer engineer, and I have skills in HTML and CSS to make a good website, if you make me comfiance accepted my offer.

$19 USD in 1 day
(0 Reviews)
0.0