clean CSS/html code to place text in an image

Completed Posted Jan 25, 2013 Paid on delivery
Completed Paid on delivery

I have 2 images that represent a coupon.

Image 1 is a full coupon with text areas.

Image 2 is the blank template.

I need you to code me a using clean HTML5 code and CSS that will take the blank template image and populate it with text so that it looks close to image 1.

Image 1 also contains a QR CODE that is exactly 100 x 100 to go in the bottom right corner.

You will need to create all the text areas and position them correct.

TOP TEXT AREA: 3 lines long, centered, use some padding

ADDRESS TEXT AREA: 4 lines long. The lines should be allowed to go all the way accross, but with some padding

EXPIRES TEXT AREA: Just 1 line, smaller font.

QR CODE: An area that is 100 x 100 on the bottom right corner.

Final product should be HTML code and CSS code.

Here is the full coupon: [url removed, login to view]

Here is the template for you to use: [url removed, login to view]

dimensions are exact

CSS HTML5 Website Design

Project ID: #4172971

About the project

4 proposals Remote project Active Jan 25, 2013

Awarded to:

codeware1

Hello Sir, Hope you are well and doing good!!! we are eager to work with [login to view URL] are ready to start the project right away. Codeware is a website development company providing professional website design, website develo More

$30 USD in 0 days
(11 Reviews)
3.7

4 freelancers are bidding on average $46 for this job

Rautella

Hi, Lets get it done now. I am waiting for my selection. Thanks

$30 USD in 0 days
(179 Reviews)
6.5
shuvrapan

Please check your PMB.

$75 USD in 1 day
(10 Reviews)
3.9
trnhatthanh

i ready start now

$70 USD in 1 day
(21 Reviews)
3.5
vipinmaru1990

Hello Hiring Manager, please visit your PMB for more details about my work ,skills and expertise. I have read your given core description of project at our best and will surely give better results.

$50 USD in 0 days
(10 Reviews)
3.4