Last active
January 2, 2025 02:08
-
-
Save Klerith/df3ab2d62b5b20f11fd5db28b06ebb3b to your computer and use it in GitHub Desktop.
Angular - LoginPage
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="limiter"> | |
<div class="container-login100" style="background-image: url('../../../../assets/images/bg-01.jpg');"> | |
<div class="wrap-login100 p-l-55 p-r-55 p-t-65 p-b-54"> | |
<router-outlet /> | |
</div> | |
</div> | |
</div> | |
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
<form class="login100-form" | |
autocomplete="off"> | |
<span class="login100-form-title p-b-49"> | |
Login | |
</span> | |
<div class="wrap-input100 m-b-23"> | |
<span class="label-input100">Correo</span> | |
<input class="input100" | |
type="email" | |
placeholder="Correo electrónico"> | |
<span class="focus-input100"></span> | |
</div> | |
<div class="wrap-input100"> | |
<span class="label-input100">Contraseña</span> | |
<input class="input100" | |
type="password" | |
placeholder="Ingrese su contraseña"> | |
<span class="focus-input100"></span> | |
</div> | |
<div class="text-right p-t-8 p-b-31"></div> | |
<div class="container-login100-form-btn"> | |
<div class="wrap-login100-form-btn"> | |
<div class="login100-form-bgbtn"></div> | |
<button class="login100-form-btn" | |
type="submit"> | |
Login | |
</button> | |
</div> | |
</div> | |
<div class="flex-col-c p-t-60"> | |
<span class="txt1 p-b-17"> | |
¿No tienes cuenta? | |
</span> | |
<a routerLink="/auth/register" class="txt2"> | |
Crear una aquí | |
</a> | |
</div> | |
</form> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Fer el mejor siempre!!!.
Fer lo único que creo que estaría mejor para el curso, es que a partir de cierto punto, hagas más esto de darnos los diseños del HTML. Cuando ya uno este un poco más adentro del mundo de Angular y ya sepa que el componente tiene el ts y el html ( por ejemplo - sección 6 o 7 ), ya que en lo único que siento que me pierdo es cuando pasas a la parte de html porque no se que es lo que te estas imaginando para el html y es como escribir lo que piensas en voz alta bien rápido.