Untitled

<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>