implemented the design of the pages // #3