Completed

Responsive layout

This project was successfully completed by darkwind for $250 USD in 7 days.

Get free quotes for a project like this
Project Budget
$250 - $750 USD
Completed In
7 days
Total Bids
19
Project Description

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

Completed by:

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online