Do you mean the boxes with the contact details in the footer?
If so, my first approach would be to use CSS to add a background image in the footer. Use a widgetized footer make each footer the details you want to convey and set them to transparent. Change the transparency on :hover.
I didn’t look at the code on the link you shared but if I were to tackle that in a WordPress install, I think that is how I’d go to it.
First thing then, find a theme with a widgetized footer or widgetize your current footer.
Thank you so much I’m a novice. Can you please give a a step by step instructions. Thanks
Providing step-by-step instructions is a bit more than I can spare the time for here I’m afraid.
1) Find a theme with a widgetized footer or learn how to widgetize the footer in your current theme through functions.php. You could probably find some code snippets for that somewhere.
2) Learn how to make a child theme (it’s quite easy and probably should be step 1)
3) Add a background image to the footer using CSS
4) Change the style of the widgets to have a border, rounded corners, transparent background and a hover to match what you have seen in the example
5) That’s it really.
Each of those steps has a number of steps in itself. They are pretty common themes and there will be heaps of tutorials on the web.