PDF by JQuery

Source code:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Source code</title>
    <script src="js/jquery.min.js"></script>
    <style type="text/css">            
      body {
        background-color: #333;
        margin: 0;
        padding: 0;
      }
      .container {
        height: 99vh;
      }
    </style>
</head>
<body>

    <div class="my-flip-book-container container"></div>

    <script src="js/easy-flipbook.min.js"></script>

    <script type="text/javascript">
      var template = {
        html: 'templates/default-book-view.html',
        styles: [
          'css/black-book-view.css'
        ],
        script: 'js/default-book-view.js',
        sounds: {
          startFlip: 'sounds/start-flip.mp3',
          endFlip: 'sounds/end-flip.mp3'
        }
      };

      $('.my-flip-book-container').FlipBook({
        pdf: 'fb_sources/pdfs/tesla-model-s.pdf',
        template: template
      });
      
    </script>

</body>
</html>