SharePoint 2013 Custom WebPart Page

Project is to build a custom SharePoint 2013 webpart page with some animation functionality using JQuery or JavaScript. The webpart page needs to have 3 separate screens that the user is only able to access one at a time. Navigating between the 3 screens is done via a scroll-like animation. The first screen has 2 x webparts side by side that can be hidden or shown independently via a hide/show animation. The user is able to use hash tag parameters at the end of the URL string to trigger the animation without refreshing the page – e.g. http://[domain]/site/page.aspx#screen=main&hide=data . Need ability to edit webpart page and insert OOTB or custom webparts as you could with a normal webpart page (see attached images for more info) There are a few parameters that I want to be able to manually change, either via CSS, or even manually in the aspx file. These are; 1) Animation duration for navigating between zones (e.g. 500ms) 2) Animation duration for hide/show webparts (e.g. 500ms) 3) Width of model webpart as a percentage of the current screen size (e.g.. 66%) I’m happy to setup access to my SharePoint online site for the freelancer to use for testing.