Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • HTML

    Загружено:

    alejo ar
    12 просмотров6 страниц
    sena 2017

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    TXT, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    sena 2017

    Авторское право:

    © All Rights Reserved
    Скачайте в формате TXT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    12 просмотров6 страниц

    HTML

    Загружено:

    alejo ar
    sena 2017

    Авторское право:

    © All Rights Reserved
    Скачайте в формате TXT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 6

    codigo para animacion titulos

    <marquee direction="down" width="80" height="20" behavior="alternate"


    style="border:solid">

    sirve para separar los cuadros del encabezado del cuerpo del texto
    <nav></nav>

    <!doctype html>
    <html leng="es">
    <head>

    <meta charset="UTF-8">

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

    </head>
    <body>

    <div class="testbox">
    <img src= "C:\xampp\htdocs\Proyectoveterinaria\Imag\images.jpg"
    width="200px" height="200" align="right">
    <img src= "C:\xampp\htdocs\Proyectoveterinaria\Imag\imagees.jpg" width="200px"
    height="200" align="left">

    <font size="10" <p id="azul">Centro Veterinario </p>


    <p id="azul">FELINOS Y CANINOS</p>
    </div>
    </font>

    <nav>

    <div
    class="enlace">

    <div style:"text-align:justify">
    <a href="estilo.css">Servicios</a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="estilo.css">Productos</a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="estilo.css">Guarderia</a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="estilo.css">Promociones</a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <div>
    </nav>

    <article>

    <div
    class="primero">

    <article id= "primero"><font size='4'><font color="black"><FONT


    FACE="arial"></FONT>
    <img src=C:\xampp\htdocs\Proyectoveterinaria\Imag\104.jpg width="200px"
    height="180" align="left">

    <p>
    <p> <b>La CLNICA VETERINARIA SANTA ISABEL</b></p>
    es una entidad fundada hace 15 aos. Esta entidad tiene como
    prioridad la labor asistencial, siendo de vital importancia el bienestar de
    nuestros pacientes, dicha labor, se desarrolla manteniendo una estrecha
    comunicacin con el propietario con el fin de obtener un diagnstico rpido y
    eficaz.
    <a href="http://www.veterinaria-santaisabel.com/"> Sigue leyendo
    aqui...></a>
    </p>

    </div>

    <div
    classe="segundo">

    <article id= "segundo"><font size='4'><font color="black"><FONT


    FACE="arial"></FONT>

    <img src= "C:\xampp\htdocs\Proyectoveterinaria\Imag\imagenes-para-descargar-


    de-perros.jpg" width="200 px" height="150 px" align="right">

    <p>
    <p> <b> Salas de Belleza. </b></p>
    Contamos con un sitio cmodo para su mascota, clido, con alimento y
    agua fresca.
    Atencin permanente para que est seguro y feliz.
    Adems tenemos una guardera campestre con corral y piscina

    <a href="http://www.veterinaria-santaisabel.com/#page28_container12">sigue
    leyendo aqui..</a>

    </p>
    </div>

    </article>
    <aside>

    <div class="container">
    <div class="form_top">
    <h2> formulario <span>registro</span></h2>
    </div>
    <form class="form_reg" action="">

    <input class="input" type="text" placeholder="&#128100;nombre" required


    autofocus>
    <input class="input" type="email" placeholder="&#128100;email" required
    autofocus>
    <input class="input" type="tel" placeholder="&#128100;telefono" required
    autofocus>
    <input class="input" type="text" placeholder="&#128100;direccion" required
    autofocus>
    <div class="btn_form">
    <input class="btn_submit" type= "submit" value= "registrar" >
    <input class="btn_reset" type= "reset" value= "limpiar" >
    </div>
    </form>

    </aside>

    <main>
    <aside id="fin pagina"></aside>

    </main>

    <footer id="pie pagina"></footer>

    </body>

    </html>

    </html>

    estilos

    *{
    margin: 600px
    padding:0px;
    }
    .testbox{
    background-color: purple;
    border: 3px solid black;
    padding: 20px;
    text-align: center;
    margin: 30px auto;
    width: 900px;}

    .enlace{

    background-color: gray;
    border: 25px solid black;
    padding: 5px;
    text-align: center;
    margin: 15px auto;
    width: 900px;
    border: 5px outset #cccccc;
    background-color: #cccccc;
    }

    .primero{

    width: 650px;
    transform: translateY(20%)translateX(30%);
    background: orange;
    text-align: center;
    margin: 20px auto;
    top: 50px;
    left: 90px;
    }
    article{
    height: 180px;
    width: 630px;
    padding: 10px 10px;
    top: 9px 9px;
    left: 1px;
    text-align: center;

    }
    .segundo{

    width: 650px;
    transform: translateY(20%)translateX(30%);
    background: orange;
    text-align: center;
    margin: 20px auto;
    top: 50px;
    left: 50px;
    }
    .foote{
    background-color: #33ff57;
    color: white;
    float: none;

    }
    .container {
    max-width: 250px;
    height: 50px auto;
    background-color: #efefef;
    margin: 25% auto;
    padding-bottom: 1rem;
    float:right;
    }
    .form_top{
    width: 100%;
    text-align: right;
    padding: 2rem 0 1rem;
    border-top: solid 4rem #f39b53;
    margin-bottom: 1rem;
    }
    .form_top h2{
    font-weight: bold;
    color: #cac8c8;
    font-size: 18px;
    }
    h2 span{
    color: #f39b53;
    }
    .form_reg{
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    }
    .btn_form{
    display: flex;
    justify-content: space-around;
    margin-top: 1rem;

    }
    .input, .btn_submit, .btn_reset{
    background-color: #efefef;
    padding: 5rem;
    margin: 5rem 0;
    border:none;
    border-bottom: solid #f39b53 .2rem;

    }
    .input:focus{
    border-bottom: solid #f39b53 .2rem;
    }
    .btn_submit, .btn_reset{
    width: 40%;
    border-bottom: none;
    background-color: #31b1e5;
    color: white;
    }
    .btn_reset{
    background-color: #eda135;

    }
    .btn_submit:hover{
    background-color: #4c9ed9;

    }
    .btn_reset:hover{
    background-color: #fa9535;

    Вам также может понравиться