Build a Fully Responsive Website

Download the .zip file attached with the product. Extract it and open index.html. You'll see the design of the website. Click on any element to see its position and size. On the right side of the screen you'll find all the specifications of the selected element. On the left hand side, you'll see four different options, namely: Desktop HD, Desktop, Tablet Portrait and Mobile Portrait. Click on any of them and see the layout of the website on those screens. Now, following these specifications, design a fully responsive website. It is compulsory that the final output should look almost identical to the design in the attached files. Including the sizes, positions, spaces colors, fonts etc. The font files required are attached with the project. Finally, note that the screen inside the iPhone that you'll see in the design has to be a GIF. You'll find the GIF also attached with this project. In order to let me know that you have read this description, start your bid by telling how much is 2+2. Please only take up the project if you are sure that you can deliver the exact output required and only if you are experienced.