layout and join page