<!doctypehtml><!-- Password Security Checker By Fullintro - https://fullintro.com --><html lang=en><meta charset=UTF-8><meta content="width=device-width,initial-scale=1"name=viewport><title>Password Security Checker</title><link href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css rel=stylesheet><style>@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:0 20px}.wrapper{background:#f0f0f0;max-width:450px;width:100%;padding:30px;border-radius:10px;border:6px solid #bfbfbf}.wrapper h2{text-align:center;color:#1a1a2e;margin-bottom:20px;font-weight:600}.input-box{position:relative;margin:30px 0}.input-box input{width:100%;padding:10px 16px;padding-right:50px;font-size:16px;border-radius:6px;border:2px solid #d3d3d3;outline:0;transition:all .3s ease}.input-box input:focus{border-color:#1cab26}.input-box label{position:absolute;top:50%;left:16px;transform:translateY(-50%);background:#fff;padding:0 6px;color:#999;font-size:16px;pointer-events:none;transition:all .3s ease}.input-box input:focus~label,.input-box input:valid~label{top:-8px;font-size:12px;color:#1cab26}.input-box i{position:absolute;top:50%;right:16px;transform:translateY(-50%);color:#999;cursor:pointer;padding:5px}.password-strength{margin-top:-10px;font-size:14px}.strength-meter{display:flex;justify-content:space-between;margin:10px 0}.strength-meter span{flex:1;height:5px;margin:0 2px;background:#d3d3d3;border-radius:5px}.strength-meter span.active{background:#1cab26}.strength-tips{list-style:none;margin-top:10px}.strength-tips li{font-size:14px;color:red}.strength-tips li.valid{color:#1cab26}</style><div class=wrapper><div class=input-box><input id=password required type=password> <label>Create password</label> <i class="fa-eye-slash fas show toggle"></i></div><div class=password-strength><div class=strength-meter><span id=meter-1></span> <span id=meter-2></span> <span id=meter-3></span> <span id=meter-4></span></div><ul class=strength-tips><li id=length>At least 6 characters<li id=uppercase>At least one uppercase letter<li id=lowercase>At least one lowercase letter<li id=number>At least one number<li id=special>At least one special character</ul></div></div><script>const passwordInput=document.querySelector("#password");const togglePassword=document.querySelector(".toggle");const strengthMeter=document.querySelectorAll(".strength-meter span");const strengthTips={length:document.querySelector("#length"),uppercase:document.querySelector("#uppercase"),lowercase:document.querySelector("#lowercase"),number:document.querySelector("#number"),special:document.querySelector("#special"),};const passwordCriteria={length:/.{6,}/,uppercase:/[A-Z]/,lowercase:/[a-z]/,number:/[0-9]/,special:/[!@#$%^&*(),.?":{}|<>]/,};togglePassword.addEventListener("click",()=>{if(passwordInput.type==="password"){passwordInput.type="text";togglePassword.classList.replace("fa-eye-slash","fa-eye")}else{passwordInput.type="password";togglePassword.classList.replace("fa-eye","fa-eye-slash")}});passwordInput.addEventListener("input",()=>{const password=passwordInput.value;let score=0;for(const[key,regex]of Object.entries(passwordCriteria)){if(regex.test(password)){strengthTips[key].classList.add("valid");score++}else{strengthTips[key].classList.remove("valid")}}
strengthMeter.forEach((span,index)=>{span.classList.toggle("active",index<score)})});</script><script>document.addEventListener('contextmenu',function(event){event.preventDefault()});</script><script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.contentWindow.min.js"></script></body></html>