<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> </div> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Venda seu Imóvel</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Nome do Proprietário">Nome</label> <div class="col-md-4"> <input id="Nome do Proprietário" name="Nome do Proprietário" placeholder="Nome do Proprietário" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="E-mail">E-mail</label> <div class="col-md-4"> <input id="E-mail" name="E-mail" placeholder="seu@email.com.br" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Celular">Celular</label> <div class="col-md-4"> <input id="Celular" name="Celular" placeholder="Celular" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Telefone">Tel. res.</label> <div class="col-md-4"> <input id="Telefone" name="Telefone" placeholder="Telefone" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="endereco">Endereço</label> <div class="col-md-4"> <input id="endereco" name="endereco" placeholder="Endereço do Imóvel" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Numero">Número</label> <div class="col-md-4"> <input id="Numero" name="Numero" placeholder="100" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Bairro">Bairro</label> <div class="col-md-4"> <input id="Bairro" name="Bairro" placeholder="Bairro" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Cidade">Cidade</label> <div class="col-md-4"> <input id="Cidade" name="Cidade" placeholder="Cidade" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Estado">Estado</label> <div class="col-md-4"> <input id="Estado" name="Estado" placeholder="Estado" class="form-control input-md" required="" type="text"> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="tipo">Tipo de Imóvel</label> <div class="col-md-4"> <label class="radio-inline" for="tipo-0"> <input name="tipo" id="tipo-0" value="1" checked="checked" type="radio"> Residêncial </label> <label class="radio-inline" for="tipo-1"> <input name="tipo" id="tipo-1" value="2" type="radio"> Industrial </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="finalidade">Finalidade</label> <div class="col-md-4"> <label class="radio-inline" for="finalidade-0"> <input name="finalidade" id="finalidade-0" value="1" checked="checked" type="radio"> Vender </label> <label class="radio-inline" for="finalidade-1"> <input name="finalidade" id="finalidade-1" value="2" type="radio"> Alugar </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-4 control-label" for="TipodeConstrucao">Tipo de Construção</label> <div class="col-md-4"> <label class="radio-inline" for="TipodeConstrucao-0"> <input name="TipodeConstrucao" id="TipodeConstrucao-0" value="1" checked="checked" type="radio"> Casa </label> <label class="radio-inline" for="TipodeConstrucao-1"> <input name="TipodeConstrucao" id="TipodeConstrucao-1" value="2" type="radio"> Casa + Salão Comercial </label> <label class="radio-inline" for="TipodeConstrucao-2"> <input name="TipodeConstrucao" id="TipodeConstrucao-2" value="3" type="radio"> Sobrado </label> <label class="radio-inline" for="TipodeConstrucao-3"> <input name="TipodeConstrucao" id="TipodeConstrucao-3" value="4" type="radio"> Apartamento </label> <label class="radio-inline" for="TipodeConstrucao-4"> <input name="TipodeConstrucao" id="TipodeConstrucao-4" value="5" type="radio"> Chácara </label> <label class="radio-inline" for="TipodeConstrucao-5"> <input name="TipodeConstrucao" id="TipodeConstrucao-5" value="6" type="radio"> Terreno </label> <label class="radio-inline" for="TipodeConstrucao-6"> <input name="TipodeConstrucao" id="TipodeConstrucao-6" value="7" type="radio"> Salão Comercial </label> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="tamanho">Área do Imóvel</label> <div class="col-md-4"> <input id="tamanho" name="tamanho" placeholder="300m²" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Valor">Valor</label> <div class="col-md-4"> <input id="Valor" name="Valor" placeholder="Valor da Venda/Aluguel" class="form-control input-md" required="" type="text"> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="Imagens do Imóvel">Imagens do Imóvel</label> <div class="col-md-4"> <input id="Imagens do Imóvel" name="Imagens do Imóvel" class="input-file" type="file"> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="button1id"></label> <div class="col-md-8"> <button id="button1id" name="button1id" class="btn btn-success">Enviar</button> <button id="Limpar" name="Limpar" class="btn btn-primary">Limpar</button> </div> </div> <!-- Multiple Checkboxes (inline) --> <div class="form-group"> <div class="col-md-4"></div> </div> <!-- Multiple Checkboxes (inline) --> <div class="form-group"> <div class="col-md-4"></div> </div> </fieldset> </form> </div>