Style up an addition to my home page CSS HTML

General information for the website: We provide office space
Kind of development: Customization of existing website
Num. of web pages/modules: 1
Description of requirements/features: I would like a new section for our website home page please.

The website home page is: http://www.angeloffices.com

I would like a grey section adding that features 3 of our blog posts. Please view the existing home page and then see the attached mock-up which shows the new grey section.

Above the grey section, you need to add a heading 'from our blog' which must match the other heading on the page ('About Angel Offices') exactly. (Sorry, I know the headings don't match on my attached mockup!)

Then you need to create the grey background and 3 box layout. Each box will pull in an extract from the site's Wordpress blog (http://www.angeloffices.com/blog/) and the picture underneath will be the author picture.

IMPORTANT: You don't actually need to write the code to pull in the extracts. You just need to create the layout with all the correct padding and spacing. You can style up some sample text in the extract boxes and add images where the user icon will go as placeholders.

It may be helpful to view the testimonials section on this website's front page which is where the design idea is from : http://www.angelseo.co.uk/, just to see how it has been done.

Must of course be cross browser compatible and use clean css etc.
Extra notes: