<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Consórcios</legend> <!-- File Button --> <div class="control-group"> <label class="control-label" for="Foto do RG com CPF ou CNH">Foto do RG com CPF ou CNH</label> <div class="controls"> <input id="Foto do RG com CPF ou CNH" name="Foto do RG com CPF ou CNH" class="input-file" type="file"> </div> </div> <!-- File Button --> <div class="control-group"> <label class="control-label" for="Comprov. Residência">Comprov. Residência</label> <div class="controls"> <input id="Comprov. Residência" name="Comprov. Residência" class="input-file" type="file"> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="selectbasic">Estado Civil</label> <div class="controls"> <select id="selectbasic" name="selectbasic" class="input-medium"> <option>Solteiro(a)</option> <option>Casado(a)</option> <option>Divorciado(a)</option> <option>Viúvo(a)</option> <option>Outros</option> </select> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="selectbasic">Regime de casamento</label> <div class="controls"> <select id="selectbasic" name="selectbasic" class="input-medium"> <option>Comunhão Parcial</option> <option>Comunhão Total</option> </select> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="E-mail">E-mail</label> <div class="controls"> <input id="E-mail" name="E-mail" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Telefone Fixo">Telefone Fixo</label> <div class="controls"> <input id="Telefone Fixo" name="Telefone Fixo" type="text" placeholder="" class="input-medium"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Telefone Celular">Telefone Celular</label> <div class="controls"> <input id="Telefone Celular" name="Telefone Celular" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Renda">Renda</label> <div class="controls"> <input id="Renda" name="Renda" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Select Basic --> <div class="control-group"> <label class="control-label" for="selectbasic">Escolaridade</label> <div class="controls"> <select id="selectbasic" name="selectbasic" class="input-xlarge"> <option>Fundamental Incompleto</option> <option>Fundamental Completo</option> <option>Ensino Médio Incompleto</option> <option>Ensino Médio Completo</option> <option>Ensino Superior Incompleto</option> <option>Ensino Superior Cursando</option> <option>Ensino Superior Completo</option> <option>Pós-Graduação</option> </select> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="CEP">CEP</label> <div class="controls"> <input id="CEP" name="CEP" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Endereço">Endereço</label> <div class="controls"> <input id="Endereço" name="Endereço" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Número">Número</label> <div class="controls"> <input id="Número" name="Número" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Bairro">Bairro</label> <div class="controls"> <input id="Bairro" name="Bairro" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Cidade">Cidade</label> <div class="controls"> <input id="Cidade" name="Cidade" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Estado">Estado</label> <div class="controls"> <input id="Estado" name="Estado" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Telefone da empresa">Telefone da empresa</label> <div class="controls"> <input id="Telefone da empresa" name="Telefone da empresa" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Nome da empresa">Nome da empresa</label> <div class="controls"> <input id="Nome da empresa" name="Nome da empresa" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Ramo de atividade da empresa">Ramo de atividade da empresa</label> <div class="controls"> <input id="Ramo de atividade da empresa" name="Ramo de atividade da empresa" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Seu cargo">Seu cargo</label> <div class="controls"> <input id="Seu cargo" name="Seu cargo" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Tempo de serviço">Tempo de serviço</label> <div class="controls"> <input id="Tempo de serviço" name="Tempo de serviço" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Nome e número do Banco">Nome e número do Banco</label> <div class="controls"> <input id="Nome e número do Banco" name="Nome e número do Banco" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Agência">Agência</label> <div class="controls"> <input id="Agência" name="Agência" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Número da conta (COM DÍGITO)">Número da conta (COM DÍGITO)</label> <div class="controls"> <input id="Número da conta (COM DÍGITO)" name="Número da conta (COM DÍGITO)" type="text" placeholder="" class="input-medium" required=""> </div> </div> <!-- Multiple Radios (inline) --> <div class="control-group"> <label class="control-label" for="Tipo de conta">Tipo de conta</label> <div class="controls"> <label class="radio inline" for="Tipo de conta-0"> <input type="radio" name="Tipo de conta" id="Tipo de conta-0" value="Conta-Corrente" checked="checked"> Conta-Corrente </label> <label class="radio inline" for="Tipo de conta-1"> <input type="radio" name="Tipo de conta" id="Tipo de conta-1" value="Conta-Poupança"> Conta-Poupança </label> </div> </div> <!-- Textarea --> <div class="control-group"> <label class="control-label" for="Observações">Observações</label> <div class="controls"> <textarea id="Observações" name="Observações"></textarea> </div> </div> <!-- Button --> <div class="control-group"> <label class="control-label" for="Enviar"></label> <div class="controls"> <button id="Enviar" name="Enviar" class="btn btn-success">Enviar</button> </div> </div> </fieldset> </form>