EVOLUTION-NINJA
Edit File: otp.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="index.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <title>OTP Page</title> </head> <style> #otpInput { margin-bottom: 10px; } .resend-otp { margin-top: 10px; font-size: 16px; } .resend-link { color: blue; cursor: pointer; /* text-decoration: underline; */ } .hidden { display: none; } </style> <body> <div class="container content-section-for-welcome-page"> <div class="mobile-numberpage"> <svg class="app-logo" xmlns="http://www.w3.org/2000/svg" width="198" height="48" viewBox="0 0 198 48" fill="none"> <path d="M1.69913 33.8577C11.1455 33.1483 47.7346 31.2285 8.48479 47.8526C7.93322 48.0863 7.30192 48.0417 6.79545 47.7217C5.20593 46.7173 1.88775 43.7833 0.051865 36.1308C-0.213193 35.0255 0.568234 33.9426 1.69913 33.8577Z" fill="#85C441"/> <path d="M28.9 9.74305C24.7896 18.2985 8.15365 51.0226 13.4166 8.63641C13.4906 8.04078 13.8447 7.51517 14.3743 7.23541C16.0367 6.35781 20.2306 4.94386 27.7597 7.17642C28.8472 7.49891 29.3919 8.71882 28.9 9.74305Z" fill="#85C441"/> <path d="M36.133 45.4142C30.7969 37.5682 10.8439 6.76377 44.8307 32.5259C45.3083 32.8878 45.5855 33.4581 45.5621 34.0579C45.4893 35.9398 44.6138 40.2878 38.9203 45.7077C38.0981 46.4905 36.7717 46.3535 36.133 45.4142Z" fill="#85C441"/> <path d="M1.5338 40.378C6.24243 38.6873 17.4312 34.8906 23.9012 34.5257C18.7689 32.7914 6.59135 33.4844 1.69959 33.852C0.570073 33.9369 -0.21053 35.0199 0.0542537 36.1251C0.448267 37.7692 0.910744 39.1945 1.40979 40.4307C1.45076 40.4127 1.4909 40.3935 1.5338 40.378Z" fill="#0A6B37"/> <path d="M27.8076 7.16813C26.2992 6.72079 24.9272 6.42202 23.6802 6.23376C23.6967 6.23624 23.4883 7.34316 23.4702 7.43962C23.3775 7.93355 23.2827 8.42719 23.1861 8.92001C23.0767 9.47733 22.9651 10.0341 22.8507 10.5903C22.7259 11.1981 22.598 11.8053 22.4669 12.4119C22.3275 13.0574 22.1842 13.7021 22.0374 14.3457C21.8842 15.016 21.7269 15.6855 21.565 16.3536C21.3995 17.0358 21.2287 17.7171 21.0525 18.3966C20.8754 19.0782 20.6926 19.7582 20.5026 20.4359C20.3153 21.104 20.1212 21.7699 19.9183 22.4334C19.722 23.075 19.5174 23.7142 19.3021 24.3498C19.0978 24.9526 18.8842 25.5521 18.6571 26.1466C18.4464 26.6981 18.2243 27.2452 17.9856 27.7852C17.9551 27.8544 17.9243 27.9233 17.8932 27.9922C17.8679 28.0484 17.8432 28.0961 17.8003 28.1396C21.7938 24.0835 26.9179 13.9601 28.9479 9.73476C29.4398 8.71054 28.8951 7.49062 27.8076 7.16813Z" fill="#0A6B37"/> <path d="M25.6958 26.1898C26.9848 31.6081 33.4092 41.4297 36.1136 45.4059C36.7524 46.3452 38.0785 46.4822 38.9009 45.6994C40.0615 44.5944 41.0189 43.5352 41.8129 42.5314C37.9883 39.276 29.2689 31.6042 25.6958 26.1898Z" fill="#0A6B37"/> <path d="M14.5823 5.05034C16.2403 4.4718 21.8227 2.99169 29.9051 5.70192C30.168 5.78984 30.3841 5.49272 30.2062 5.28793C28.8399 3.71438 24.8926 0.0852218 17.4969 5.34058e-05C16.8878 -0.00683737 16.3187 0.286152 15.9868 0.774836C15.526 1.45425 14.8751 2.66673 14.2284 4.7251C14.1636 4.93209 14.37 5.12448 14.5823 5.05034Z" fill="#5864DB"/> <path d="M60.7641 28.2358C60.7641 29.0166 61.1018 29.6349 61.7768 30.0899C62.4518 30.5455 63.3476 30.7732 64.4642 30.7732C65.3463 30.7732 66.1582 30.6696 66.8981 30.4609C67.6378 30.2528 68.3197 29.9143 68.9422 29.4461V26.479C68.2933 26.1931 67.6185 25.9911 66.9177 25.874C66.2163 25.7568 65.4631 25.6981 64.6586 25.6981C63.4378 25.6981 62.484 25.9194 61.7963 26.3618C61.1081 26.8047 60.7641 27.4293 60.7641 28.2358ZM63.0619 34.5989C61.6341 34.5989 60.3616 34.3318 59.2455 33.7985C58.1289 33.2657 57.2595 32.53 56.6362 31.5929C56.0134 30.6561 55.7019 29.5764 55.7019 28.3527C55.7019 26.4009 56.4281 24.8853 57.8829 23.8051C59.3363 22.7252 61.3616 22.1847 63.9578 22.1847C65.723 22.1847 67.3845 22.4581 68.9422 23.0047V21.521C68.9422 20.3501 68.5784 19.4657 67.852 18.8665C67.1247 18.2681 66.0604 17.9687 64.6586 17.9687C63.8277 17.9687 62.9066 18.1055 61.8939 18.3786C60.8813 18.6517 59.7383 19.0751 58.4669 19.6473L56.5587 15.6653C58.168 14.9628 59.6992 14.4297 61.154 14.0648C62.6074 13.7007 64.0611 13.5185 65.5154 13.5185C68.2933 13.5185 70.4349 14.1761 71.9409 15.4898C73.4462 16.8045 74.2002 18.6586 74.2002 21.0527V34.2475H68.9422V32.8032C68.1115 33.4277 67.2157 33.8836 66.2553 34.1695C65.2946 34.4556 64.2302 34.5989 63.0619 34.5989Z" fill="#5864DB"/> <path d="M85.8052 34.6379C83.9877 34.6379 82.2805 34.3968 80.6838 33.9158C79.0869 33.4343 77.7047 32.751 76.5364 31.866L79.1848 28.2746C80.3531 29.0554 81.4754 29.6409 82.553 30.0314C83.63 30.4217 84.7012 30.6171 85.7661 30.6171C86.9597 30.6171 87.9138 30.4156 88.6284 30.0118C89.3419 29.6086 89.6991 29.0816 89.6991 28.4309C89.6991 27.9105 89.4978 27.4937 89.0958 27.1814C88.6928 26.8692 88.0499 26.6484 87.1679 26.518L83.2734 25.9323C81.2742 25.62 79.7492 24.9632 78.6975 23.9608C77.6467 22.9594 77.1204 21.6383 77.1204 19.9986C77.1204 18.6712 77.4644 17.5263 78.1526 16.563C78.8402 15.6008 79.8207 14.8588 81.0924 14.3379C82.3644 13.8177 83.8444 13.5573 85.5321 13.5573C87.0375 13.5573 88.4978 13.7657 89.9136 14.1818C91.3279 14.5983 92.659 15.2358 93.9051 16.0947L91.3348 19.5692C90.2182 18.8664 89.147 18.3589 88.1219 18.0467C87.0961 17.7344 86.0776 17.5781 85.0653 17.5781C84.1043 17.5781 83.3322 17.7606 82.7479 18.1247C82.1636 18.4893 81.8716 18.9706 81.8716 19.5692C81.8716 20.1158 82.0792 20.5452 82.495 20.8575C82.9096 21.1695 83.6105 21.4041 84.5976 21.5601L88.492 22.1066C90.5174 22.3933 92.0613 23.0435 93.1262 24.0586C94.1905 25.0735 94.7228 26.3617 94.7228 27.9232C94.7228 29.2249 94.3335 30.3765 93.5545 31.3781C92.7759 32.3803 91.7178 33.1738 90.381 33.7595C89.0431 34.3452 87.5187 34.6379 85.8052 34.6379Z" fill="#5864DB"/> <path d="M104.926 34.6379C103.109 34.6379 101.402 34.3968 99.8049 33.9158C98.208 33.4343 96.8258 32.751 95.6572 31.866L98.3059 28.2746C99.4742 29.0554 100.597 29.6409 101.674 30.0314C102.751 30.4217 103.822 30.6171 104.887 30.6171C106.081 30.6171 107.035 30.4156 107.75 30.0118C108.463 29.6086 108.82 29.0816 108.82 28.4309C108.82 27.9105 108.619 27.4937 108.217 27.1814C107.814 26.8692 107.171 26.6484 106.289 26.518L102.394 25.9323C100.395 25.62 98.8704 24.9632 97.8187 23.9608C96.7678 22.9594 96.2415 21.6383 96.2415 19.9986C96.2415 18.6712 96.5855 17.5263 97.2737 16.563C97.9614 15.6008 98.9419 14.8588 100.214 14.3379C101.485 13.8177 102.966 13.5573 104.653 13.5573C106.159 13.5573 107.619 13.7657 109.035 14.1818C110.449 14.5983 111.78 15.2358 113.026 16.0947L110.456 19.5692C109.339 18.8664 108.268 18.3589 107.243 18.0467C106.217 17.7344 105.199 17.5781 104.186 17.5781C103.225 17.5781 102.453 17.7606 101.869 18.1247C101.285 18.4893 100.993 18.9706 100.993 19.5692C100.993 20.1158 101.2 20.5452 101.616 20.8575C102.031 21.1695 102.732 21.4041 103.719 21.5601L107.613 22.1066C109.638 22.3933 111.182 23.0435 112.247 24.0586C113.312 25.0735 113.844 26.3617 113.844 27.9232C113.844 29.2249 113.455 30.3765 112.676 31.3781C111.897 32.3803 110.839 33.1738 109.502 33.7595C108.164 34.3452 106.64 34.6379 104.926 34.6379Z" fill="#5864DB"/> <path d="M116.492 13.9086H121.828V34.2476H116.492V13.9086ZM119.141 11.4883C118.309 11.4883 117.596 11.1896 116.999 10.5906C116.401 9.99197 116.103 9.26322 116.103 8.40437C116.103 7.5717 116.401 6.86252 116.999 6.27682C117.596 5.69111 118.309 5.3984 119.141 5.3984C119.998 5.3984 120.718 5.69111 121.302 6.27682C121.886 6.86252 122.178 7.5717 122.178 8.40437C122.178 9.26322 121.886 9.99197 121.302 10.5906C120.718 11.1896 119.998 11.4883 119.141 11.4883Z" fill="#5864DB"/> <path d="M136.198 29.836C137.158 29.836 138.041 29.6739 138.846 29.3481C139.65 29.0229 140.339 28.5612 140.91 27.9623V20.0375C140.313 19.4391 139.612 18.9835 138.807 18.6712C138.002 18.3587 137.133 18.2029 136.198 18.2029C135.081 18.2029 134.081 18.4565 133.199 18.9639C132.316 19.4716 131.615 20.1615 131.097 21.033C130.577 21.9054 130.317 22.8745 130.317 23.9414C130.317 25.0605 130.57 26.0629 131.077 26.9474C131.583 27.8324 132.284 28.535 133.18 29.0551C134.076 29.5763 135.081 29.836 136.198 29.836ZM136.237 42.6016C134.653 42.6016 133.134 42.4387 131.681 42.1134C130.226 41.7879 128.903 41.3262 127.708 40.7279L129.578 36.5896C130.72 37.1362 131.823 37.546 132.888 37.8195C133.952 38.0926 135.03 38.2293 136.12 38.2293C137.678 38.2293 138.865 37.884 139.684 37.1949C140.501 36.505 140.91 35.4833 140.91 34.1305V32.5297C139.248 33.7273 137.392 34.3256 135.341 34.3256C133.446 34.3256 131.713 33.8637 130.142 32.9395C128.571 32.0162 127.331 30.7668 126.423 29.1918C125.514 27.6177 125.06 25.8678 125.06 23.9414C125.06 22.0157 125.521 20.2718 126.443 18.7104C127.364 17.1487 128.617 15.9128 130.201 15.0015C131.784 14.0909 133.563 13.6353 135.536 13.6353C136.496 13.6353 137.444 13.7717 138.379 14.0454C139.313 14.3185 140.17 14.7157 140.949 15.2358V13.9084H146.245V34.2085C146.245 36.8884 145.382 38.9575 143.656 40.4153C141.929 41.8725 139.456 42.6016 136.237 42.6016Z" fill="#5864DB"/> <path d="M150.412 34.2476V13.9086H155.747V15.5875C157.305 14.2082 159.213 13.5183 161.472 13.5183C163.03 13.5183 164.412 13.8637 165.619 14.5528C166.827 15.2426 167.768 16.1924 168.443 17.4027C169.118 18.6127 169.455 20.0121 169.455 21.5991V34.2476H164.159V22.4191C164.159 21.0917 163.776 20.0443 163.01 19.2767C162.244 18.5091 161.212 18.1249 159.914 18.1249C159.005 18.1249 158.201 18.3004 157.5 18.6519C156.799 19.003 156.215 19.5044 155.747 20.1548V34.2476H150.412Z" fill="#5864DB"/> <path d="M173.506 13.9086H178.841V34.2476H173.506V13.9086ZM176.154 11.4883C175.322 11.4883 174.609 11.1896 174.012 10.5906C173.415 9.99197 173.116 9.26322 173.116 8.40437C173.116 7.5717 173.415 6.86252 174.012 6.27682C174.609 5.69111 175.322 5.3984 176.154 5.3984C177.011 5.3984 177.731 5.69111 178.315 6.27682C178.9 6.86252 179.192 7.5717 179.192 8.40437C179.192 9.26322 178.9 9.99197 178.315 10.5906C177.731 11.1896 177.011 11.4883 176.154 11.4883Z" fill="#5864DB"/> <path d="M195.333 30.0277C194.905 30.0917 194.418 30.1233 193.872 30.1233C192.86 30.1233 192.14 29.926 191.712 29.5305C191.283 29.1355 191.069 28.4787 191.069 27.5609V18.6882H191.081V14.3284H191.069V5.39837L185.772 6.58384V12.5068C185.781 12.5886 185.786 12.673 185.786 12.7603V24.4628C185.786 24.5505 185.781 24.6348 185.772 24.7167V28.67C185.772 30.5823 186.35 32.0423 187.506 33.0491C188.66 34.0565 190.355 34.5598 192.587 34.5598C193.211 34.5598 193.924 34.5085 194.729 34.4068C195.534 34.3046 196.209 34.1648 196.754 33.9862V29.7027C196.235 29.8557 195.761 29.9643 195.333 30.0277Z" fill="#5864DB"/> <path d="M196.935 19.4685C195.222 18.7475 189.43 16.8352 180.792 19.4101C180.511 19.4936 180.299 19.1554 180.497 18.9388C182.015 17.2754 186.353 13.4792 194.133 13.76C194.774 13.7832 195.357 14.1346 195.68 14.6895C196.13 15.4609 196.751 16.8289 197.324 19.1284C197.382 19.3596 197.155 19.5609 196.935 19.4685Z" fill="#5864DB"/> </svg> <div> <h3 class="welcome-text">Hello!</h3> <p class="welcome-text-body m-0">OTP will be sent on <br> <Span>test01@gmail.com</Span></p> </div> <button id="send-otp">Send OTP</button> </div> <div class="otp-section"> <img class="verification-icon" src="assets/Varificationicon.svg" alt="Verification Icon"> <h3 class="verification-heading">OTP Verification</h3> <p class="verification-text-body">Please enter the OTP we have sent to</p> <a class="mobile-number-link" href="#">8345987302</a> <form action="#"> <div class="input-field"> <input type="number" placeholder="0" maxlength="1" required /> <input type="number" placeholder="0" maxlength="1" required /> <input type="number" placeholder="0" maxlength="1" required /> <input type="number" placeholder="0" maxlength="1" required /> </div> <div class="resend-otp"> <!-- Didn’t receive OTP? <a href="#">Resend</a> --> <span>Didn’t receive OTP? <span id="resendLink" class="resend-link">00:60</span></span> </div> </form> <div class="verify-otp-button-container"><button class="verify-otp">Verify OTP</button></div> </div> </div> <!-- timer --> <script> </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> <script src="otp.js"></script> <script> </script> </body>