Create 5 new pages with the content that currently is on the homepage sections

Please reply only AFTER reading the project through! This project is for improving an existing site, with the current code in production since 2013. It is built in Ruby on Rails and the database is in Mongo DB. Knowledge about javascript will also be required. The client for this project works with annual memberships in the home exchange business. The site is in multilanguage, as can be seen in [login to view URL] The client now needs an extra help in development for creating new features and adjusting old ones. All the project is on Github, so you will be given read access to it. Please note the code delivered MUST be readable and well documented (in English). By the end of this project, each issue should be fully functional, tested thoroughly and available to the public on the production server. THE TASK: The Goal of this task is to create 5 new pages using the content that is current exists on the site, namely on the sections in the homepage. It is not included in this tasks changing the homepage, just creating the new pages with the content presented bellow. ---- 1. Presentation Video Page We want to have a page where the presentation video that exists on the homepage ([login to view URL]) can be shown as big as possible, depending on the available screen width/height, and the existing header and menu. Currently this video is being shown from youtube and there is javascript code being used for that. We want to have the .mp4 file in our server and remove all widgets code related to YouTube. This code might be on shared files that are unnecessarily included on other pages. We want to used a standard HTML5 controller to show this movie. We do not want auto start on loading. Only if the user asks for play it should start. The video should be responsive with its size adapted to the browser current size (keep ratio width/height, choose size with current screen size). ---- 2. Social Media Page We want to have a page to address social media information (Facebook, Twitter, Google+, Pintrest) On the homepage we currently have a Facebook widget at the header and a Facebook section that shows the current content for the Intervac facebook page. We would like to have a new page with four sections (Facebook, Twitter, Google+, Pintrest) On each section we want to show the latest info from each social network, in a similar way as we currently do with facebook in the corresponding section in the homepage. It might be done with an iframe or with specific widgets from than social network. The facebook widget that is currently on the header should also be included in the Facebook section for this new page. This page should be responsive. ---- 3. New Listings Page On the home page there is a Section for New Listings, based on a query and code generation done with Ruby on Rails and Mongo DB. We want to have a new page that uses the full available width of the browser to show 4 lines of cards (or at least 12 cards on small screens). The number of cards to be shown should vary depending on the available screen width. So we should load enough cards and then hide with javascript those that are beyond the 4th line. This page should be responsive. ---- 4. Unexpected destinations Page This new page is similar to the one described on point 3, just with a different query, that already exists to produce the Unexpected Destinations Section in the homepage. ---- 5. Ambassadors Page The Ambassador page should be rebuild based on the the information available on the homepage section, and on the corresponding blog page ([login to view URL]). This page should be responsive. You will post 5 projects in the marketplace for five different tasks, but with similar introduction. Please make sure you have read and understood the task before bidding. We are looking forward to your bid!