<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 ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Ficha de Solicitação de Carteira Estudantil - Valor: R$ 15,00</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Nome Completo">Nome Completo</label> <div class="col-md-8"> <input id="Nome Completo" name="Nome Completo" type="text" placeholder="Nome Completo" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="email">Email</label> <div class="col-md-5"> <input id="email" name="email" type="text" placeholder="Email" class="form-control input-md" required=""> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="sexo">Sexo</label> <div class="col-md-4"> <div class="radio"> <label for="sexo-0"> <input type="radio" name="sexo" id="sexo-0" value="M" checked="checked"> Masculino </label> </div> <div class="radio"> <label for="sexo-1"> <input type="radio" name="sexo" id="sexo-1" value="F"> Feminino </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Data de Nascimento">Data de Nascimento</label> <div class="col-md-4"> <input id="Data de Nascimento" name="Data de Nascimento" type="text" placeholder="DD/MM/AAAA" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="RG">RG</label> <div class="col-md-4"> <input id="RG" name="RG" type="text" placeholder="RG" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="CPF">CPF</label> <div class="col-md-5"> <input id="CPF" name="CPF" type="text" placeholder="CPF" class="form-control input-md" required=""> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="Estado Civil">Estado Civil</label> <div class="col-md-4"> <div class="radio"> <label for="Estado Civil-0"> <input type="radio" name="Estado Civil" id="Estado Civil-0" value="Solteiro" checked="checked"> Solteiro </label> </div> <div class="radio"> <label for="Estado Civil-1"> <input type="radio" name="Estado Civil" id="Estado Civil-1" value="Casado"> Casado </label> </div> <div class="radio"> <label for="Estado Civil-2"> <input type="radio" name="Estado Civil" id="Estado Civil-2" value="Viúvo"> Viúvo </label> </div> <div class="radio"> <label for="Estado Civil-3"> <input type="radio" name="Estado Civil" id="Estado Civil-3" value="Outros"> Outros </label> </div> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="UF">UF</label> <div class="col-md-2"> <select id="UF" name="UF" class="form-control"> <option value="AC">AC</option> <option value="AL">AL</option> <option value="AP">AP</option> <option value="AM">AM</option> <option value="BA">BA</option> <option value="CE">CE</option> <option value="DF">DF</option> <option value="ES">ES</option> <option value="GO">GO</option> <option value="MA">MA</option> <option value="MT">MT</option> <option value="MS">MS</option> <option value="MG">MG</option> <option value="PA">PA</option> <option value="PB">PB</option> <option value="PR">PR</option> <option value="PE">PE</option> <option value="PI">PI</option> <option value="RJ">RJ</option> <option value="RN">RN</option> <option value="RS">RS</option> <option value="RO">RO</option> <option value="RR">RR</option> <option value="SC">SC</option> <option value="SP">SP</option> <option value="SE">SE</option> <option value="TO">TO</option> </select> </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" type="text" placeholder="Cidade" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Endereço">Endereço</label> <div class="col-md-8"> <input id="Endereço" name="Endereço" type="text" placeholder="Endereço" class="form-control input-md" required=""> </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" type="text" placeholder="Bairro" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Telefone Celular">Telefone Celular</label> <div class="col-md-4"> <input id="Telefone Celular" name="Telefone Celular" type="text" placeholder="Telefone Celular" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Telefone Residencial">Telefone Residencial</label> <div class="col-md-4"> <input id="Telefone Residencial" name="Telefone Residencial" type="text" placeholder="Telefone Residencial" class="form-control input-md"> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="Envie sua Foto">Envie sua Foto</label> <div class="col-md-4"> <input id="Envie sua Foto" name="Envie sua Foto" class="input-file" type="file"> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton">Cadastro</label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btn-success">Confirmar</button> </div> </div> </fieldset> </form>