Viewing PDF file as a book within a website (with flipping animation)

We are Implanting an online printing site that allows users to upload PDF files then select printing options (Binding - Side - Color…) to be printed. We need you create a tool (preferably by CSS and JavaScript/jQuery) to show the PDF as a "flip-book", so the user can see how it will look after printing (with binding and cover…etc.) and he can browse it by turning pages (with animation). *Example images uploaded Points to be consider: * The tool can be 2d or 3d and the flip effect should be there. * The code must support all browser and devices in web view in responsive design. * The background of the pdf viewer will be different base on Paper Size and the Paper height and width will show on the background. Example (A3, A4, A5) the background will look like table and there is pin or laptop there and reflect the actual page size. Tool's Options: 1. Add different binding ( Corner stapled - Side stapled - Wire - Spiral - Comb - Velo - Saddle Stitch - 2-Ring Folder…). 2. Select Binding Location (Right - Top - Left - Bottom) 3. Different Paper Size (A0 - A1 - A2 - A3 - A4 - A5) 4. Change pdf content color ( Mono - Color ). 5. Change printing side option ( 1 Side - 2 Side ). 6. Add First page as color and other is MONO. 7. Change the page layout ( Portrait - Landscape - Portrait 2 Slides - Portrait 4 Slides - Landscape 2 Slides - Landscape 4 Slides. 8. Add Clear Cover as First Page. 9. Add Color Paper as Last Page. Our Site Using HTML, CSS and jQuery as front end.