HTMLify
auth.html
Views: 28 | Author: karbonsites
1 2 3 4 5 6 | <!DOCTYPE html><html lang="string" class="dark"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>WaveTalk - Authentication</title><link rel="stylesheet" href="style.css"><script src="script.js" defer></script></head><body><div class="app-container center-content"><div class="auth-card"><h2>Welcome to WaveTalk</h2><p>Secure Wi-Fi Walkie-Talkie</p><div class="auth-step active" id="step-phone"><label>Mobile Number</label><div class="phone-input-group"><select class="country-select"><option>+1</option><option>+44</option><option>+91</option></select><input type="tel" placeholder="(555) 000-0000"></div><button class="primary-btn full" id="btn-send-otp">Send OTP</button></div><div class="auth-step" id="step-otp"><label>Enter 6-digit OTP</label><div class="otp-inputs"><input type="text" maxlength="1"><input type="text" maxlength="1"><input type="text" maxlength="1"><input type="text" maxlength="1"><input type="text" maxlength="1"><input type="text" maxlength="1"></div><p class="timer">Resend in <span id="countdown">30</span>s</p><button class="primary-btn full" id="btn-verify-otp">Verify & Continue</button></div><div class="auth-step" id="step-profile"><label>Display Name</label><input type="text" placeholder="Your Name" id="profile-name"><label class="terms-label"><input type="checkbox" id="terms-check"> I accept Terms & Privacy Policy</label><button class="primary-btn full" id="btn-complete">Complete Setup</button></div></div></div> <a href="https://karbonsites.space/home" target="_blank" id="karbon-promo-banner"> <span>✨</span> <div>Built with <b>Karbon Sites</b></div> </a> </body></html> |