Skip to content

Instantly share code, notes, and snippets.

@Klerith
Last active January 2, 2025 02:08
Show Gist options
  • Save Klerith/df3ab2d62b5b20f11fd5db28b06ebb3b to your computer and use it in GitHub Desktop.
Save Klerith/df3ab2d62b5b20f11fd5db28b06ebb3b to your computer and use it in GitHub Desktop.
Angular - LoginPage
<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>
<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>
@VicWhite5
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment