Create javascript for slide-in menu and align button elements properly

* Create the javascript (if you need a framework, please use Jquery other wise just plain JS) which slides the existing layover in two steps (instead of the current one step) to fullscreen (see attached screenshot "layover [login to view URL]"). Step 1: Button “kies” of card "Theme" initiate the first slider movement (step 1), only the “green” colored column is visible on the right side of the screen. Step 2: Clicking on the button “hoe ziet je tuin eruit?” results in sliding the div to fullscreen. The green colored column is visible on the left side now, and the form is visible on the rest of the screen. Please also fix the the situation that now the bottom side of the layover will become visible only after the layover is moved into fullscreen. * Align the menu items in the form (right side of the layover). Now they are a bit “not” aligned under each other. Also review if the Bootstrap CSS column values/handler are defined properly. After rewarding, html and css files will be provided to you.