Copy main feature metro look of a website to my website

Copy main feature metro look of a website to my website

Closed - This job posting has been filled and work has been completed.

Job Description

Summary: I would like to copy the 5 squares on this website: http://www.allkpop.com/#axzz2mdn5xvgQ

Hi, I hope to find someone who can help with the below. I run a website and HTML/CSS is way beyond me! I work in software development, but find html really hard. Hopefully this will work out and you can be my go to person for these tasks.

Could you fix this?

Below is an example of what I have so far, and what I'm trying to copy.

If you need more information, just let me know.

Obviously once done I'll split the stylsheet out into a separate file, but this is quick to edit in one place to show you.

here is where I'm at:

http://vinyldye.co.uk/test.html

I'm trying to copy this website, I'd love to get the text and everything to look just like the image attached (http://www.allkpop.com/)

I got where I'm up to by following these articles:
http://www.sitepoint.com/forums/showthread.php?776716-How-to-add-overlay-text-on-a-clickable-image&s=03e37bdb4a85540856b5784f5d944b31

It needs to 'fit' on my home page here: www.vinyldye.co.uk


If you can make it look like that, on my home page, you've got the job!

My home page uses a shopping cart software called OpenCart, you can download this freely, or I can let you log into one of my test sites during development.




PS, If this works out, I've another minor change needed, I have all the code etc, it's a contact form, but it's currently positioned a floating thing at the top, I need it on the right!

Open Attachment