added html layout demos.

TODO: add explanations.