This is a Photoshop mock-up of a template that I will created using HTML5/CSS3/jQuery for use in MODX (CMS). This was my starting point before translating the design to code. It will eventually be utilized and customized by our clients using tools within our CMS.

This is the resposive HTML5 and CSS3 rendering within a 320X480 viewport. This is an actual screenshot and not a mock-up. The page has been completely converted to mark-up using semantically correct, valid, and well-formed code.

Here is the full-screen desktop rendering of the same responsive code within a browser. A few changes to color, typography, and navigation were made during the translation.

Here is a subpage with a sidebar.

Here is a subpage without a sidebar.