In Progress

Responsive layout

Video description: [url removed, login to view]

Modifying an existing mobile layout

- The responsive layout has to be working in iPhone5, please use appropriate viewport tags in order to make it work, please also include the viewport CSS rule inside of the CSS files. Use device-width viewports

- The current design targets resolutions below 750, in between 750 and 1000px and above 1281.

What is needed is a responsive layouts that targets the following spectrum:

1) Up to 480 width, it should use the current [url removed, login to view]

2) From 481 to 749 width there is no dedicated CSS, so you would need to create one (let's call it [url removed, login to view])

3) From 750 to 1000 use the current [url removed, login to view]

4) From 1281 use [url removed, login to view]

- It's for the following pages:

[url removed, login to view] (main page)

[url removed, login to view] (complaint page)

[url removed, login to view] (contact page)

[url removed, login to view] (blog page)

- When you create modified versions of images for different breakpoints please place them in their respective folders, for example /images/720

- Adsense has to remain in place throughout the different layouts,

For [url removed, login to view] the code is:

For [url removed, login to view] the code is:

^ for both these layouts the adsense has to be placed above first comment (see [url removed, login to view]) for the [url removed, login to view] and

at the very top for the main page, see [url removed, login to view], this applies to both the [url removed, login to view] and the [url removed, login to view] variations which you're about to create

- Wrap input elements with label tags (FIG2) for the form on the [url removed, login to view] page (this applies to [url removed, login to view], [url removed, login to view], [url removed, login to view] layouts) (FIG1 shows the input form). Like that both the input element and the label tags become responsive to clicking or touch

- Make sure that all of the form fields (FIG3) are spaced out by 20 pixels in heights (this applies to [url removed, login to view], [url removed, login to view], [url removed, login to view] layouts)

- Another outsourcer started working on the project and then abandoned it, so you may see some random CSS and image files on the server

Skills: HTML5, jQuery / Prototype, Mobile App Development

See more: spectrum design, what is responsive design, responsive design example, mobile-first responsive, mobile first responsive design, youtu, responsive, responsive pages, responsive layouts, responsive css, responsive code, one page responsive html, mobile responsive, html responsive, html layout from image, html ca, css responsive, html project responsive, css variations, random image random video, html responsive form, random image css, css responsive layout, responsive design form, page responsive html

About the Employer:
( 176 reviews ) montreal, Canada

Project ID: #4251822

Awarded to:

darkwind

Hi Bizou, I coded this layout from PSD to HTML a few months ago, back at vWorker. It would be great to be the one to code its responsive version as well. darkwind (darkdesigns)

$250 USD in 7 days
(1 Review)
2.8

16 freelancers are bidding on average $616 for this job

WangJin

Please kindly check your PMB.

$1500 USD in 10 days
(29 Reviews)
7.2
hanzhen18

Dear. Please check your pmb.

$700 USD in 7 days
(29 Reviews)
6.3
zainy01

Hi! I'm interested in it

$750 USD in 10 days
(49 Reviews)
6.3
codeguru786

Hi, we have read all the requirements and we are very confident to do this project from start till end. We definitely have some questions when we discuss project with u. We shall finish this project in timely manner a More

$1449 USD in 20 days
(35 Reviews)
6.3
babysoftS

Hi Sir, Expert in Responsive/Adaptive layout designing and mobile web designing. Proficient in HTML5, CSS3, bootstrap, Jquery Mobile, LESS etc. thank you Vibhor

$750 USD in 16 days
(17 Reviews)
6.2
BeautyOfCode

Responsive layout expert here. Please check PM.

$750 USD in 7 days
(12 Reviews)
5.7
mitss

expert programmer team for webapp HTML5 Jquery mobile,HTML5 with phonegap, Iphone ,Ipad, BB, Android, OpneGLes2.0,Unity3D, cocos2D game and utility apps development please check your PM for more details thanks.

$1000 USD in 25 days
(9 Reviews)
5.4
webqueue

We are ready to endow with the solution as per your [url removed, login to view] check your PMB to see our previous work. Thank You.

$750 USD in 10 days
(2 Reviews)
4.2
aestheticflair

Highly Skilled professional. Please check PM for more details

$550 USD in 5 days
(8 Reviews)
3.6
webangel1

hello sir , i am ready to work with you , please come on chat for interview .. thank you waiting for reply

$400 USD in 7 days
(7 Reviews)
3.6
joykeeper

Hi, I am a devoted developer and will create for you a website with a very neat code an in all browsers and resolutions perfect performance.

$700 USD in 10 days
(4 Reviews)
3.4
tuxmin

$$$$$$$$$$$$$$$$$$$$$$$$$ We are a Talented Group of IT Engineers have through knowledge of versatile technologies. Built in such a manner that to fit for any type of IT solutions.

$600 USD in 18 days
(1 Review)
3.1
trinkaljuneja

Custom module expert here Please Follow PMB for more Detail and portfolio

$260 USD in 15 days
(2 Reviews)
2.1
lnj2008

Hi, I have required skills,check yr inbox for more details

$500 USD in 7 days
(1 Review)
1.2
koperclint

Client, Please have a look on private message board for our experience, portfolio, skill and other thing. Thanks

$300 USD in 6 days
(0 Reviews)
0.0
w4z4ne

i can do the work

$450 USD in 15 days
(0 Reviews)
0.0
jayulmehta007

Working on html5 on ios since last 2years. For more details you can contact me on my skype. Myid is jayul1

$450 USD in 5 days
(0 Reviews)
0.0
itglobalservice

An ISO 9001:2006 certified company, We can fulfill your requirement because we are professional worker, we work for our client satisfaction. for more detail please check private message board. Thanks

$250 USD in 5 days
(4 Reviews)
0.0