Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • DOCTYPE HTML

    Cargado por

    elvys
    16 vistas4 páginas

    Título original

    DOCTYPE+html

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    16 vistas4 páginas

    DOCTYPE HTML

    Cargado por

    elvys

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 4

    <!

    DOCTYPE html>

    <html>

    <head>

    <title></title>

    <link rel="stylesheet" type="text/css" href="./css/estilo.css">

    </head>

    <body>

    <div class="caja-principal">

    <div class="contenido">

    <div class="logo">

    <img src="./media/youtube.png">

    </div>

    <div class="caja-sesion">

    <div class="icono">

    <img src="./media/usuario.png">

    </div>

    <div class="datos">

    <label>Cuenta: </label>

    <input type="text" name="" >

    <label>Clave: </label>

    <input type="password" name="">

    <input type="submit" name="" value="Aceptar">

    </div>

    </div>

    </div>

    </div>

    </body>

    </html>

    *{

    padding: 0px;
    margin: 0px;

    .caja-principal{

    position: fixed;

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    .caja-principal > .contenido{

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    border: solid 1px gray;

    border-radius: 5px;

    padding: 0px 20px 20px 20px ;

    box-shadow: 0px 0px 10px gray;

    .caja-principal > .contenido > .logo{

    width: 100%;

    display: flex;az

    .caja-principal > .contenido > .logo > img{

    width: 100px;

    display: flex;
    }

    .caja-principal > .contenido > .caja-sesion{

    display: flex;

    justify-content: center;

    align-items: center;

    .caja-principal > .contenido > .caja-sesion > .icono{

    width: 200px;

    height: 200px;

    border-radius: 5px;

    padding: 10px;

    box-sizing: border-box;

    border:solid 1px gray;

    .caja-principal > .contenido > .caja-sesion > .icono > img{

    width: 100%;

    height: 100%;

    .caja-principal > .contenido > .caja-sesion > .datos{

    display: flex;

    flex-direction: column;

    padding: 20px;

    .caja-principal > .contenido > .caja-sesion > .datos > label{


    font-family: sans-serif;

    color: gray;

    margin-top: 10px;

    .caja-principal > .contenido > .caja-sesion > .datos > input{

    width: 250px;

    border: solid 1px gray;

    border-radius: 5px;

    padding: 10px;

    box-sizing: border-box;

    font-size: 20px;

    color: gray;

    margin-top: 3px;

    También podría gustarte