I gave it a shot, editing the source code where necessary, and wasn't able to find success. For starters, I checked the files in my editor and could not find the similar source code, so I made edits to the code in your message.
The buttons appeared on the page, but they were distorted and not in the position where I would like them to appear. (On one of the pages, the "hover over to change the color" function didn't even work).
Not being very familiar with CSS/HTML coding, I don't know how to add container classes or other CSS to properly align them. I simply edited and pasted the code into the page (under the Visual tab) where I would've liked them to go.
I've left the buttons on the pages so you can see what I mean:
(I wanted the buttons below the text "Connect with Us" -- in the place of the buttons currently there)
(I wanted the buttons below the text "Engage with Hutzel Media via Facebook, Twitter, YouTube and Google+." -- in the place of the buttons currently there)
How would I go about setting up those container classes?