// Forgot password demo const forgotLink = document.getElementById('forgotPwLink'); forgotLink.addEventListener('click', function(e) e.preventDefault(); showMessage('📧 Password reset link sent to your email (demo interaction).', false); );
<script> // Helper to show a temporary message (simulate feedback) function showMessage(text, isError = false) const toast = document.getElementById('demoToast'); toast.textContent = text; toast.style.background = isError ? '#fff0f0' : '#eef9ff'; toast.style.color = isError ? '#b13e3e' : '#0f5c7a'; toast.classList.add('show'); setTimeout(() => toast.classList.remove('show'); , 3000); jobjack sign in
.signin-btn:hover background: #144e68; transform: translateY(-2px); box-shadow: 0 12px 20px -10px rgba(10, 43, 62, 0.3); // Forgot password demo const forgotLink = document
.input-icon input width: 100%; padding: 0.85rem 1rem 0.85rem 2.8rem; font-size: 1rem; border: 1.5px solid #e2e8f0; border-radius: 1.2rem; font-family: 'Inter', sans-serif; transition: all 0.2s; background: #fefefe; outline: none; color: #1a2c38; toast.textContent = text
<!-- Remember me --> <div class="checkbox-group"> <input type="checkbox" id="rememberCheckbox"> <label for="rememberCheckbox">Keep me signed in for 30 days</label> </div>