added changes from shaho, HTML version of previous design by shaho.
(previous design was done on play2 framework)
finalized work by shaho
finalized work by shaho