Advertisement
andruhovski

Splitter HTML page

Oct 18th, 2023 (edited)
1,087
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.10 KB | Source Code | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">    
  7.     <meta name="description" content="Aspose.PDF Splitter Demo (JavaScript version)">
  8.     <title>Aspose.PDF for JavaScript via C++ Demo</title>
  9.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
  10.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
  11.     <link rel="stylesheet" href="/stylesheets/style.css">
  12. </head>
  13.  
  14. <body>
  15.     <section class="section">
  16.         <div class="container">
  17.             <h1 class="title">
  18.                 Aspose.PDF for JavaScript via C++
  19.             </h1>
  20.             <div class="box">
  21.                 <div id="buttons" class="columns">
  22.                     <div class="column">
  23.                         <div class="file">
  24.                             <label class="file-label">
  25.                                 <input id="fileToPng" accept="application/pdf" class="file-input" type="file">
  26.                                 <span class="file-cta">
  27.                                     <span class="file-icon">
  28.                                         <i class="fa fa-upload"></i>
  29.                                     </span>
  30.                                     <span class="file-label">
  31.                                         Choose a file…
  32.                                     </span>
  33.                                 </span>
  34.                             </label>
  35.                         </div>
  36.                     </div>
  37.                     <div class="column">
  38.                         <button id="splitButton" class="button is-primary" disabled>Split PDF</button>
  39.                     </div>
  40.                 </div>
  41.             </div>
  42.         </div>
  43.     </section>
  44.     <section class="section">
  45.         <div class="container">
  46.             <div class="box">
  47.                 <div id="pages" class="columns is-multiline is-mobile">
  48.                     <div id="spinner" class="column is-full has-text-centered">
  49.                         <span class="spinner"></span>
  50.                     </div>
  51.                 </div>
  52.             </div>
  53.         </div>
  54.     </section>
  55.     <template id="buttontemplate">
  56.         <div class="column">
  57.             <a class="button is-secondary">PDF</a>
  58.         </div>
  59.     </template>
  60.     <template id="pagetemplate">
  61.         <div class="column is-3">
  62.             <div class="control">
  63.                 <div class="card">
  64.                     <div class="card-image">
  65.                         <figure class="image is-3by5"></figure>
  66.                     </div>
  67.                     <div class="card-content">
  68.                         <label class="radio">
  69.                             <input type="radio" name="pageMarker">
  70.                             <span>Page #1</span>
  71.                         </label>
  72.                     </div>
  73.                 </div>
  74.             </div>
  75.         </div>
  76.     </template>
  77. </body>
  78. <!-- Load and initiate Aspose.PDF for JavaScript via C++ -->
  79. <script src="/javascripts/client.js"></script>
  80.  
  81. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement