Advertisement
Guest User

insert coin v11

a guest
Aug 18th, 2019
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.18 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title><?= $title ?></title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <link rel="stylesheet" href="css/insertcoin.css" media="screen">
  9. <link href="css/bootstrap4.min.css" rel="stylesheet" type="text/css">
  10. <link href="css/animate.min.css" rel="stylesheet">
  11. <link href="css/toastr.min.css" rel="stylesheet">
  12. <link rel="stylesheet" href="css/font-awesome.min.css">
  13. <script src="js/loading.min.js"></script>
  14. <script src="js/jquery.min.js"></script>
  15. <script src="js/apps.min.js"></script>
  16. <style>
  17. body {
  18. background-color: #000000 !important;
  19. #background-image: url("images/bg2.jpg");
  20. background-size: cover;
  21. background-position: center center;
  22. margin:auto;
  23. text-align: center;
  24. }
  25. .vertical-form {
  26. padding-left:15px;
  27. padding-right:15px;
  28. }
  29. a {color:#428bca !important;}
  30. a:hover{
  31. text-decoration: none !important;
  32. }
  33. .button-rnd {
  34. min-width: 300px !important;
  35. max-width: 300px !important;
  36. border-radius: 14px 14px;
  37. }
  38. .button-rnd:hover{
  39. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  40. }
  41. .footer {
  42. font-size:90%;
  43. color:#748c8a;
  44. }
  45. .footer a{
  46. margin-left:3px;
  47. }
  48. .button-animate {
  49. -webkit-animation: glowing 1500ms infinite;
  50. -moz-animation: glowing 1500ms infinite;
  51. -o-animation: glowing 1500ms infinite;
  52. animation: glowing 1500ms infinite;
  53. }
  54. @-webkit-keyframes glowing {
  55. 0% { box-shadow: 0 0 3px #cc0000; background-color: #cc0000;}
  56. 50% { box-shadow: 0 0 40px #449d44; background-color: #f44336; }
  57. 100% { box-shadow: 0 0 3px #cc0000; background-color: #cc0000;}
  58. }
  59.  
  60. @-moz-keyframes glowing {
  61. 0% { box-shadow: 0 0 3px #cc0000; background-color: #cc0000;}
  62. 50% { box-shadow: 0 0 40px #449d44; background-color: #f44336; }
  63. 100% { box-shadow: 0 0 3px #cc0000; background-color: #cc0000;}
  64. }
  65.  
  66. @-o-keyframes glowing {
  67. 0% { box-shadow: 0 0 3px #cc0000; background-color:#cc0000;}
  68. 50% { box-shadow: 0 0 40px #449d44; background-color: #f44336; }
  69. 100% { box-shadow: 0 0 3px #cc0000; background-color: #cc0000;}
  70. }
  71.  
  72. @keyframes glowing {
  73. 0% { box-shadow: 0 0 3px #cc0000; background-color: #cc0000;}
  74. 50% { box-shadow: 0 0 40px #449d44; background-color: #449d44; }
  75. 100% { box-shadow: 0 0 3px #cc0000; background-color: #cc0000;}
  76. }
  77. .modal {
  78. z-index:99999;
  79. }
  80. .modal-dialog{
  81. overflow-y: initial !important
  82. }
  83. .modal-body{
  84. height: 250px;
  85. overflow-y: auto;
  86. }
  87. .visible {
  88. visibility: visible;
  89. }
  90. .invisible {
  91. visibility: hidden;
  92. }
  93. .Disabled{
  94. pointer-events: none;
  95. cursor: not-allowed;
  96. opacity: 0.65;
  97. filter: alpha(opacity=65);
  98. -webkit-box-shadow: none;
  99. box-shadow: none;
  100. }
  101. </style>
  102. </head>
  103. <body class='insertcoin'>
  104. <div class="vertical-form">
  105. <div style="margin:0;padding:0;display:inline"></div>
  106. <!--Toast-->
  107. <div align="center">
  108.  
  109.  
  110. <p> <b><mark> <font color="red">"WIFI RATE PROMO"</font></mark></b>
  111. </p>
  112.  
  113. <button style="font-size: 90%;margin-bottom:20px;font-weight: normal;padding:10px;border-radius:20px;"<button type="button" class="btn btn-primary button-animate btn-sm"><b>₱20 FOR 1 DAY UNLIMITED INTERNET</b></button>
  114.  
  115. <p> <b><font color="FD0000" size="6">PAALALA : </font><font color="00FD26" size="4"><blink> "Please DAHAN-DAHAN Lang Po ang Paghulog ng COINS, para macredit po ng sakto ang coins na <font color="C0C0C0">₱1</font>,<font color="FFD700"> ₱5</font>,<font color="B8860B"> ₱10</font>, ^_^ SALAMAT PO"</font></b> </blink> </p>
  116.  
  117. <button style="font-size: 90%;margin-bottom:20px;font-weight: normal;padding:10px;border-radius:20px;"<button type="button" class="btn btn-primary button-animate btn-sm"><b>TOTAL AMOUNT : ₱ <span id="tamount" >0.00 </b></button>
  118.  
  119. <button style="font-size: 90%;margin-bottom:20px;font-weight: normal;padding:10px;border-radius:20px;"<button type="button" class="btn btn-primary button-animate btn-sm"><b>TOTAL TIME :</b> <i class="fa fa-clock-o"></i> <span id="ttime"> --</button>
  120.  
  121. </div>
  122.  
  123. <div class="btn-group" role="group">
  124. <form action="<?= $done?>" name="btn-spinner" method="post">
  125. <p><?= (!$buytimezxc) ? '' :'<button style="font-size: 230%;margin-bottom:20px;font-weight: normal;padding:10px;border-radius:20px;"<button type="submit" name="transmode" value="coin" class="btn btn-primary button-animate button-rnd btn-spinner"><i class="fa fa-clock-o"></i> Done Paying / Start Internet</button>' ?> </p>
  126. </form>
  127. </div>
  128. <div class="progress progress-rounded progress-striped active">
  129. <div id="progressBar" class="progress-bar progress-bar-striped progress-bar-animated bg-danger" style="width:70%"></div>
  130. </div>
  131. <div id="progress-msg" class="text-center text-black" style="margin-top:-25px;"> </div>
  132. <div style="clear: both; height:60px;"></div>
  133. <div id="transcoins">
  134. </div>
  135. <div class="btn-group" role="group">
  136. <form action="<?= $done?>" name="btn-spinner" method="post">
  137. <?= ($getChargeRemaing < 0) ? ''.((!$buychargingzxc) ? '' : '<button type="button" data-toggle="modal" data-target="#exampleModal" class="btn btn-primary button-animate button-rnd"><i class="fa fa-usb"></i>Buy Charging</button>').'' : '<button type="submit" name="transmode" value="addchargetime" class="btn btn-primary btn-sm button-animate btn-spinner"><i class="fa fa-usb"></i>Extend Charging</button>' ?>
  138. <div style="margin-top:10px"/>
  139. <?= (!$buyvoucherzxc) ? '' : '<button type="submit" name="transmode" value="voucher" class="btn btn-primary button-animate button-rnd btn-spinner"><i class="fa fa-ticket"></i>Buy Voucher</button>' ?>
  140. </form>
  141. </div>
  142. </div>
  143. <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  144. <div class="modal-dialog modal-dialog-centered">
  145. <div class="modal-content">
  146. <div class="modal-header">
  147. <h5 class="modal-title"><i class="fa fa-usb"></i> Select Charging Ports <i class="fa fa-usb"></i></h5>
  148. </div>
  149. <form action="<?= $done?>" method="post">
  150. <div class="modal-body">
  151. <table class="table table-striped table-bordered table-sm">
  152. <tr class="thead-dark">
  153. <th>Port
  154. </th>
  155. <th>Note
  156. </th>
  157. <th>Availability
  158. </th>
  159. </tr>
  160. <?= selectcharging($link,$ip); ?>
  161. </table>
  162. </div>
  163. <div class="modal-footer">
  164. <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">Cancel</button>
  165. <button type="submit" name="transmode" value="port" class="btn btn-success">Select</button>
  166. </div>
  167. </form>
  168. </div>
  169. </div>
  170. </div>
  171. <script src="js/bootstrap4.min.js"></script>
  172. <script src="js/soundjs.min.js"></script>
  173. <script src="js/preloadjs.min.js"></script>
  174. <script>
  175. $(".btn-spinner").on('click', function(e) {
  176. $(".btn-spinner").addClass('Disabled');
  177. $(this).prepend('<i class="fa fa-spinner fa-spin"></i> ');
  178. });
  179. </script>
  180. <!--//footer-->
  181. </body>
  182. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement