Build a single .htm Webpage (HTML5, CSS3)

Build a single .htm webpage that imitates Apple iMessage on iPad (see attached [login to view URL]). No JavaScript is allowed, just valid, minimalistic and hand-crafted HTML5 and CSS3 code. The CSS3 layout must not rely on any pixel-images. You can use the attached iOS6 and iOS8 samples to start working right on. The webpage should be able to show messages in both styles. No message entry or modification is required. Just the presentation of text messages (SMS), iMessages, photos (loaded externally) and voice messages (loaded externally) that will be manually entered into the source code at the relevant placeholders.