Change layout of an existing site

I have the following site: [login to view URL] click on login on the top, login with username: me, password: me I would like to change the layout of this page, and the internal page that you reach it by choosing a line and clicking on the store button. All the code exists, and I will send it to you, you just need to arrange the layout differently. The layout will look like the attached screen shots. The calls to the backend are done via SOAP calls and with PHP for the images. The attached screen shots shows the new layout: Please note: publisher has many magazines, and each magazines has many products. Product could be a subscription, deal, edition etc. publisher home - this is the main page. It shows the magazines of the user. It should be instead of the top table. new magazine - this is the page to create a new magazine. It should be instead of the new line to add in the top table setup - this is the page to set up credentials to apple/android. It should be instead of the username and password in the internal page (store) single magazine - this is the page to display a single magazine details, when the user clicks on an item in publisher home. It's instead of edit a line in the top table of publisher home and instead of store. We combined all the tables of the store to one table with type. create new product - it's a place for the user to define a new product of a magazine. It's instead of a new line in the store page. edit+magazine - obviously, editing a magazine edit product - obviously, editing a product. I will send to you a design of the pages with colors, these are only the sketches