Create a Template for a mobile (HTML & CSS based) app.

I'm creating an app using Cordova and need someone with good CSS skills to turn my design/layout into a working template using HTML, CSS and Javascript. As I will be integrating the final template into a Cordova-based app, the app needs to be written in HTML, CSS and Javascript (no Android or iOS specific code). This project consists of 4 main pages, and 3 modals/extra pages (each modal/extra page will overlay a main page on click of a button). This project is ideal for a developer experienced in CSS as it involves creating a template for each page. I have designed the final layout (an image of the layout is located below), and I will be inserting the content after the template is complete. The app will have side-swiping capability in a similar way as Snapchat does. It will have 4 main pages, which the user can navigate between by swiping left and right (for example the swiping function shown here: [login to view URL] this uses a Javascript library called flexslider: [login to view URL]) something similar to this would be ideal, as long as it works across all devices (Android & iOS phones). It is very important that the finished template be fully responsive to different devices/screen sizes. It doesn't need to have a landscape mode, in fact this should be disabled. I don't know if the best method to create the various page elements is to use divs/flexboxes, but whichever method is used, I need it to work on all devices and be as future-proof as possible. Attached is an image of the layout design, along with a text file containing notes on how certain elements should respond to the user's interaction. I would like this project to be completed within a 2-3 week time frame, and will most likely have further similar work offers available for you after this project is completed. I look forward to hopefully working with you soon! :)