Find freelancers. Lose those costly delays.

With 1.7 million freelancers, we'll match you with the perfect talent.

or, Register with Elance »

html / css / javascript recreation of iPad email message screen
Sign in to Add to Watch List

IT & Programming > Web Programming

View Change History

The client has made the following changes to the job.


Job awarded.

Jul 19, 2012

Job Description

  |  Change History >>


  • Posted: Thu, Jul 19, 2012
  • Time Left: Closed
  • Location: Anywhere
  • Client prefers freelancers from:

    You are still able to submit a proposal for this job.

    The client prefers freelancers from
    a different location.

    You're still able to submit a proposal for this job, regardless of your location.
  • Start: Immediately
  • Budget: Less than $500
  • Fixed Price Job
  • Elance Escrow Protection
  • W9 Not Required
Sign in to view client's details

I would like to recreate (as close as possible) the iPad email interface of an email message using html, css, and JavaScript.

I have gotten quite far (see sample.html attached) but could use some help completing it. The remaining tasks are:
1) Complete the blue 'Bubbles' for From, To, Cc addresses with the correct border, rounded corners and background gradient.
2) Complete the Attachments boxes with rounded corners and display of the 'icon' graphic. I need to be able to set the style of the filename div with an extension (pdf or doc in sample.html) and the correct 'W' or 'PDF' will appear on the icon.
3) Clicking the 'Hide' link on the top right should have the 'Subject' area slide up over the To and Cc sections and change the link wording to 'Details' - so it looks like ipad_example_hidden.png. Ideally, this will happen WITHOUT JQUERY - other lightweight libraries will be considered, but hand coded JavaScript in the sample.html page will be preferred. I need this pag...

Sign in or Register to see more

Desired Skills
CSS, HTML, Javascript
Job ID: 32075569
Avg $ | High $ | Low $ — Show Pricing
  • Submit Date (Latest)

Small project? I'll be writing code during the bid request. Unmatched response times (when I'm waking) will leave you in disbelief. I'll be...
 0.0   |  Private   |  0 Jobs
Bid ID: 32084673  |  Submitted: Jul 19, 2012 08:33 ET 
Within 1 day

 United States
I'm enthusiastic about the Web and love challenges in business or technology.
 0.0   |  $0 Earnings   |  0 Jobs
Bid ID: 32084293  |  Submitted: Jul 19, 2012 08:15 ET 
Proposal SEALED

Alan Jen Foong N.      
Alan Jen Foong N.'s identity has been verified.  Learn More
 Malaysia  |  
I am a developer with 5 years of experience. I will only deliver high quality result up to completion. These qualities added with my experience in...
 0.0   |  Private   |  0 Jobs
Bid ID: 32080739  |  Submitted: Jul 19, 2012 05:43 ET 
Proposal SEALED

Muhammad Haroon      
Muhammad Haroon's identity has been verified.  Learn More
 Pakistan  |  
I have a vast experience in frontend development and design, my skills make me an exceptional choice for your projects that involve Web Designs,...
 4.8   |  Private   |  58 Jobs
Bid ID: 32079089  |  Submitted: Jul 19, 2012 04:23 ET 
Proposal SEALED

Linchpin Technologies Pvt. Ltd.      
One or more team members at  are verified.  Learn More
 India  |  
We are group of professional Software Engineers , experienced in Mobile and Web development . Whether your project is large or small - our...
 4.6   |  Private   |  14 Jobs
Bid ID: 32078918  |  Submitted: Jul 19, 2012 04:15 ET 
Proposal SEALED
Elance is now an Upwork company.
Upwork is the choice of 4M+ clients. Get started working on Upwork today.
Are you ready to post a job like this one?
Post a Similar Job »