frontend layout.

1. most part of frontend (only submit form left)

TODO:
1. finish submit form.
2. connect with backend.
3. deal with existing data.