client side code perfectly, and beautifully arranged

with 도형