Created
March 28, 2017 13:59
-
-
Save jmercedes/d6e7c0f56f2ee391d9b4e30a6b4b8af3 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//jQuery to animate form | |
$(function() { | |
$('#inputpassword').hide(); | |
$('#setpassword').hide(); | |
$('#securityquestions').hide(); | |
var x = $('#loginbox').offset(); | |
$('a.btn').on('click', function() { | |
$('#loginbox').addClass('animated fadeOutRight'); | |
// $('#loginbox').addClass('animated fadeInRight'); | |
}); | |
}); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="header-content"> | |
<div class="row"> | |
<div class="col-sm-6 header-content-details"> | |
<h3 class="header-brand">Resultados de laboratorio</h3> | |
<h3>...</h3> | |
<!-- <p>Qusinque rhoncus tempus sem sed ornare. Aenean viverra ornare dui nec mollis. Vestibulum in dui sed velit consequat. Cum sociis natoque penatibus et magnis dis parturient montes.</p> --> | |
<!-- | |
<p> | |
<a href="#features" class="btn btn-md btn-light btn-pill page-scroll"><i class="lnr lnr-eye"></i><span>Learn More</span></a> | |
<a href="#pricing" class="btn btn-md btn-primary-filled btn-pill page-scroll"><i class="lnr lnr-tag"></i><span>Our Pricing</span></a> | |
</p> | |
--> | |
</div><!-- / col-sm-6 --> | |
<div id="loginbox" class="col-sm-6 header-content-feature loginbox"> | |
<div id="inputuser" class="inputuser"> | |
<h3 class="log-title">Accede a tus resultados<br><span class="text-primary">de laboratorio</span></h3> | |
<hr> | |
<h3 class="log-text">Digita tu nombre de usuario</h3> | |
<div class="form-group"> | |
<input type="text" class="form-control" id="email" placeholder="..."> | |
<div class="help-block with-errors"></div> | |
<a href="#pricing" class="page-scroll"><small>¿Dónde veo mi nombre usuario?</small></a> | |
</div> | |
<div class="log-line reg-form-1 no-margin"> | |
<div class="pull-left"> | |
</div> | |
<div class="pull-right"> | |
<a href="#"> | |
<a href="#" class="btn btn-md btn-success-filled btn-log btn-pill"><span>Siguiente</span></a> | |
</a> | |
<div id="msgSubmit" class="h3 text-center hidden"></div> | |
<div class="clearfix"></div> | |
</div> | |
</div | |
</div> | |
<div id="inputpassword" class="inputpassword"> | |
<h3 class="log-title">Accede a tus resultados<br><span class="text-primary">de laboratorio</span></h3> | |
<hr> | |
<p class="log-text">Digita tu contraseña</p> | |
<div class="form-group"> | |
<input type="text" class="form-control" id="email" placeholder="..."> | |
<div class="help-block with-errors"></div> | |
<a href="#"><small>¿Olvidaste tu contraseña?</small></a> | |
</div> | |
<div class="log-line reg-form-1 no-margin"> | |
<div class="pull-left"> | |
</div> | |
<div class="pull-right"> | |
<button type="submit" id="reg-submit" class="btn btn-md btn-success-filled btn-log btn-pill"><span>Acceder</span></button> | |
<div id="msgSubmit" class="h3 text-center hidden"></div> | |
<div class="clearfix"></div> | |
</div> | |
</div> | |
</div> | |
<div id="setpassword" class="setpassword"> | |
<h3 class="log-title">Accede a tus resultados<br><span class="text-primary">de laboratorio</span></h3> | |
<hr> | |
<p class="log-text">Crea tu contraseña</p> | |
<div class="form-group"> | |
<input type="text" class="form-control" id="email" placeholder="Contraseña"> | |
<div class="help-block with-errors"></div> | |
</div> | |
<div class="form-group"> | |
<input type="text" class="form-control" id="email" placeholder="Confirmar Contraseña"> | |
<div class="help-block with-errors"></div> | |
</div> | |
<small>0 / 8 caracteres</small> | |
<div class="log-line reg-form-1 no-margin"> | |
<div class="pull-left"> | |
</div> | |
<div class="pull-right"> | |
<a href="input_questions.html"> | |
<button type="submit" id="reg-submit" class="btn btn-md btn-success-filled btn-log btn-pill"><span>Acceder</span></button> | |
<div id="msgSubmit" class="h3 text-center hidden"></div> | |
<div class="clearfix"></div> | |
</div> | |
</div> | |
</div> | |
<div id="securityquestions" class="securityquestions"> | |
<h3 class="log-title">Accede a tus resultados<br><span class="text-primary">de laboratorio</span></h3> | |
<hr> | |
<p class="log-text"><a href="#">Al responder las siguientes preguntas de seguridad podrás recuperar tu contraseña en caso de que la olvidas.</a></p> | |
<hr> | |
<div class="form-group"> | |
<p class="log-text"><a href="#">¿Cuál es tu Correo Electrónico?</a></p> | |
<input type="text" class="form-control" id="email" placeholder="..."> | |
<div class="help-block with-errors"></div> | |
</div> | |
<div class="form-group"> | |
<p class="log-text"><a href="#">¿Cuál es el nombre de tu primera mascota?</a></p> | |
<input type="text" class="form-control" id="email" placeholder="..."> | |
<div class="help-block with-errors"></div> | |
</div> | |
<div class="form-group"> | |
<p class="log-text"><a href="#">¿Cuál es tu color favorito?</a></p> | |
<input type="text" class="form-control" id="email" placeholder="..."> | |
<div class="help-block with-errors"></div> | |
</div> | |
<div class="form-group"> | |
<p class="log-text"><a href="#">¿Cuál fue tu primera escuela?</a></p> | |
<input type="text" class="form-control" id="email" placeholder="..."> | |
<div class="help-block with-errors"></div> | |
</div> | |
<div class="log-line reg-form-1 no-margin"> | |
<div class="pull-left"> | |
</div> | |
<div class="pull-right"> | |
<button type="submit" id="reg-submit" class="btn btn-md btn-success-filled btn-log btn-pill"><span>Acceder a tus resultados</span></button> | |
<div id="msgSubmit" class="h3 text-center hidden"></div> | |
<div class="clearfix"></div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div><!-- / row --> | |
</div><!-- / header-content --> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
... | |
#loginbox { | |
} | |
#inputuser { | |
width: 100%; | |
background: white; | |
border: 1px solid #ebebeb; | |
padding: 35px; | |
background-color: rgba(255,255,255, 0.95); | |
/*visibility: hidden;*/ | |
} | |
#inputpassword { | |
} | |
#setpassword { | |
} | |
#securityquestions { | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment