File

src/app/auth/sign/sign.component.ts

Description

Pantalla de inicio de la aplicación.

Implements

OnInit

Metadata

selector app-sign
styleUrls ./sign.component.css
templateUrl ./sign.component.html
import { Component, OnInit } from '@angular/core';

/**
*Pantalla de inicio de la aplicación.
*/
@Component({
  selector: 'app-sign',
  templateUrl: './sign.component.html',
  styleUrls: ['./sign.component.css']
})
export class SignComponent implements OnInit {

/**
*@ignore
*/
constructor() { }

/**
*@ignore
*/
ngOnInit() { }

}
<div class="container text-center">
	<img src="/assets/images/logo.png" class="img text-center" alt="Logo FixLab">
</div>
<div class="container-fluid">  
  <div class="saludo">
        <div class="botones">
	        <a class="btn btn-lg btn-block btn-dark" role="button" [routerLink]="['/login']">
	        	Inicia sesión
	    	</a>
	        <a class="btn  btn-lg btn-light btn-block" role="button" [routerLink]="['/register']">
	        	Regístrate
	        </a>   
    	</div>
  </div>
</div> 

./sign.component.css


.saludo{
    margin: 0 auto;
    width: 70%;   
    justify-content: center;
}

.titulo{    
    text-align: center;
    color: white;
    font-size: 90px;
    padding: 2px;
    background-size: cover;
    padding: 1px;
    font-family: 'Noto Sans KR', sans-serif;
}

.botones{
    margin: 0 auto;
    position: relative;
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
}

.btn-dark{
background-color: #060504;
border-color: #060504;  
}

.btn-dark:hover{
background-color:#343a40;
border-color: #343a40;
}

img
{
    width: 300px;
    height: 200px;
}

.dark
{
    background-color: #151515ba;
    color: #fff;
    box-sizing: border-box;
    border-radius: 20px;
}   
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""