reproduce the mockup into html