CarlosWGama icon

Untitled

CarlosWGama | PRO | 08/23/18 09:38:51 PM UTC | 0 ⭐ | 807 👁️ | Never ⏰ | []
HTML 5 |

0 B

|

None

|

0 👍

/

0 👎

<html>
    <head>
        <title>Clínica Veterinária</title>
        <meta charset="utf-8"/>
 
 
        <style type="text/css">
            body {
                background: url('http://carloswgama.com.br/cesmac/scripts/fundo_cachorro.png');    
            }   
 
            #cabecalho {
                background-color: #86ac41;
            }         
 
            #conteudo_principal {
                background-color: rgb(219, 230, 228);
            }
 
            .img-bordas {
                    border-radius: 10px;
            }
 
            .btn-branco {
                border: white 2px solid;
                border-radius: 30px;
            }
        </style>
 
    </head>
    
    <body>
      
        
        <!-- CABEÇALHO -->
        <div id="cabecalho">
            <table width="100%">
                <tr>
                <td>
                    <h1>Clínica Online</h1>
                    <h2>Bem vindo!</h2>
                </td>
                <td align="right">
                    <a href="http://google.com/" class="btn-branco">Sair</a>
                </td>
                </tr>
            </table>
       </div>
        
        <!-- CONTEUDO -->
        <div id='conteudo_principal'>
            <table width="100%">
                    <tr>
                        <td width="30%" align="center">
                            <img class="img-bordas" src="https://imgplaceholder.com/300x300/fff"/>
                        </td>
                        <td>                                       
                            <h3>Marque sua Consulta</h3>
                            <p>Preço Consulta</p>
                            <ul>
                                <li>Gato (R$ 50)</li>
                                <li>Cachorro (R$ 70)</li>
                                <li>Passaro (<strike>R$ 40</strike> por <b>R$ 20</b>)</li>
                            </ul>
 
                            <hr/>
                            <h3>Formulário</h3>
                            <form action="">
                                <label for="dono">Dono:</label>
                                <input type="text" id="dono" name="dono" placeholder="Carlos"/> 
                                <br/>
        
                                <label for="animal">Nome animal:</label>
                                <input type="text" id="animal" name="animal" placeholder="Bob"/> 
                                <br/>
        
                                <label for="data">Data da consulta</label>
                                <input type="date" id="data" name="data"/>
                                <br/>
        
                                <label>Raça:</label>
                                <input type="radio" value="gato" name="raca" checked="true" /> Gato
                                <input type="radio" value="cachorro"  name="raca"/> Cachorro
                                <input type="radio" value="gato"  name="raca"/> Pássaro
                                <br/>
        
                                <label for="observacao">Observação:</label><br/>
                                <textarea name="observacao" id="observacao" cols="50" rows=""> </textarea>
 
                                <br/>
                                <input type="submit" value="Confirmar!"/>
                            </form>
                        
                        </td>
                    </tr>
            </table>
        </div>
    </body>
 
</html>

Comments

  •  icon
    01/01/70 12:00:00 AM UTC
    Plain Text |

    0 B

    |

    👍

    /

    👎