Scribd Logo
Upload

Welcome to Scribd!

  • Index

    Uploaded by

    Wilken Aquino
    8 views5 pages
    The document contains the HTML and CSS code for a medical appointment registration form. The HTML includes input fields for name, representative, phone number, and residence. The CSS styles the form with colors, fonts, sizes, and positioning. It provides a login header and centered form within a colored background.

    Original Description:

    Original Title

    Documento

    Copyright

    © © All Rights Reserved

    Available Formats

    RTF, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains the HTML and CSS code for a medical appointment registration form. The HTML includes input fields for name, representative, phone number, and residence. The CSS styles the form with colors, fonts, sizes, and positioning. It provides a login header and centered form within a colored background.

    Copyright:

    © All Rights Reserved
    Download as RTF, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    8 views5 pages

    Index

    Uploaded by

    Wilken Aquino
    The document contains the HTML and CSS code for a medical appointment registration form. The HTML includes input fields for name, representative, phone number, and residence. The CSS styles the form with colors, fonts, sizes, and positioning. It provides a login header and centered form within a colored background.

    Copyright:

    © All Rights Reserved
    Download as RTF, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    INDEX

    <html>

    <head>

    <title>Formulario</title>

    <link rel="stylesheet" href="style.css">

    </head>

    <body>

    <div class="login-form">

    <h1>Formulario para una cita medica</h1>

    <form>

    <p>Nombre</p>

    <input type="text" name="Nombre" required="" />

    <p>Representantes</p>

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

    <p>Telefono</p>

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

    <p>Residensia</p>

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

    <input type="submit" value="sing in">

    </form>

    <a></a>

    </div>
    </body>

    </html>

    INDEX>CSS

    body{

    font-family: sans-serif;

    width:100%;

    text-transform: uppercase;

    background:#CCD2E3;

    background-size:cover;

    padding-top:100px;

    .login-form {

    width: 28%;

    margin: 0 auto;

    background : url(img/fondo1.jpg)no-repeat 0px 0px;

    background-size:cover;

    background-position:center;

    padding: 30 px 33px 67px


    border-top: 6px solid #ff0088;

    box-shadow: 0px 35px 44px -22px rgba(0,0,0,0.72);

    h1 {

    text-align: center;

    font-size 30px;

    font-weight:bold;

    margin-top: 24PX;

    margin-bottom: 26px;

    color : #F5F5F9;

    form {

    margin: 0 auto;

    form p {

    font-size: 20px;

    margin-top:105px;

    font-weight:bold;

    padding: 0.3px;

    color : #ff0088;
    }

    .login-form form input[type="text"], input[type="password"]{

    outline: none;

    font-size:1em;

    color:#000000;

    padding: 15px 20px;

    margin: 0 auto;

    input[type="submit"]{

    width: 100%;

    outline: none;

    display: block;

    margin: 0 auto;

    margin-top: 45px;

    padding: 13px 20px;

    font-size: 20px;

    font-weight:bold;

    text-transform: uppercase;

    background: #000000;

    border: none;

    color: #fff;

    cursor:pointer;
    transition: 0.3s all;

    input[type="submit"]:hover{

    background:#b8006b;

    transition: 0.3s all;

    .login-font a {

    display: block;

    font-size: 15px;

    color:#fff;

    text-align:center;

    margin-top: 31px;

    transition: 0.3s all;

    .login-font a:hover{

    color:#ff0088;

    transition: 0.3s all;

    You might also like