We've had this problem before, also with a Mac user. One of the programs you use has converted the document you worked on to "displayable HTML" or what it should be called. I.e it has replaced all the < and > in your tags to entities and formatted the whole thing with its own HTML and CSS with the purpose to display your source code on the page.
View Source at the page you linked to and you will see this.
HTML
...
<body>
<p class="p1"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"></p>
<p class="p1"><html></p>
<p class="p1"><head></p>
<p class="p1"><span class="Apple-converted-space"> </span><title>Girls 'n Pearls</title></p>
<p class="p1"><span class="Apple-converted-space"> </span><meta http-equiv="content-type"</p>
<p class="p1"><span class="Apple-converted-space"> </span>content="text/html; charset=ISO-8859-1"></p>
<p class="p1"><span class="Apple-converted-space"> </span><meta name="author" content="Bob Martin"></p>
<p class="p1"><span class="Apple-converted-space"> </span><meta name="description"</p>
...
At some point, probably last in your workflow, you used the wrong command and made the program do this when you wanted a simple Save.
I'm not on a Mac, so I don't know the details. One editor I use misleadingly calls this operation "Export as HTML" if this is to any help...