<!doctypehtml><!-- Password Strength 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 Strength 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}.strength-meter{margin-top:10px;height:6px;border-radius:3px;background:#d3d3d3;overflow:hidden;position:relative}.strength-meter div{height:100%;width:0;transition:width .3s ease}.strength-meter div.weak{background:#d93025}.strength-meter div.medium{background:#f9a825}.strength-meter div.strong{background:#1cab26}.strength-text{margin-top:5px;font-size:14px;color:#999}</style><div class=wrapper><div class=input-box><input id=create_pw required type=password> <label>Create password</label> <i class="fa-eye-slash fas show toggle"></i></div><div class=strength-meter><div></div></div><span class=strength-text>Enter a password</span></div><!-- Script JS --><script>const createPw=document.querySelector("#create_pw"),togglePw=document.querySelector(".toggle"),strengthMeter=document.querySelector(".strength-meter div"),strengthText=document.querySelector(".strength-text");const calculateStrength=(password)=>{let strength=0;if(password.length>=9)strength++;if(/[A-Z]/.test(password))strength++;if(/[0-9]/.test(password))strength++;if(/[^a-zA-Z0-9]/.test(password))strength++;return strength};const updateStrengthMeter=(strength)=>{switch(strength){case 1:strengthMeter.style.width="25%";strengthMeter.className="weak";strengthText.textContent="Weak";strengthText.style.color="#D93025";break;case 2:strengthMeter.style.width="50%";strengthMeter.className="medium";strengthText.textContent="Medium";strengthText.style.color="#F9A825";break;case 3:strengthMeter.style.width="75%";strengthMeter.className="medium";strengthText.textContent="Medium";strengthText.style.color="#F9A825";break;case 4:strengthMeter.style.width="100%";strengthMeter.className="strong";strengthText.textContent="Strong";strengthText.style.color="#1cab26";break;default:strengthMeter.style.width="0";strengthText.textContent="Enter a password";strengthText.style.color="#999"}};createPw.addEventListener("input",()=>{const password=createPw.value.trim();const strength=calculateStrength(password);updateStrengthMeter(strength)});togglePw.addEventListener("click",()=>{if(createPw.type==="password"){createPw.type="text";togglePw.classList.replace("fa-eye-slash","fa-eye")}else{createPw.type="password";togglePw.classList.replace("fa-eye","fa-eye-slash")}});</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>