web/src/perfil.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" type="text/css" href="./css/perfil.css">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <title>Formulário</title>


  <!-- Icons -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>

<!-- Formulário -->

<body>
  <div id="fora">
    <form action="voltar.html">

      <h2 class="title">Adicione mais informações</h2>

      <label for="username">Sexo*</label>
      <div class="campo">
        <p>
          <label>
            <input name="group1" type="radio" checked />
            <span>Feminino</span>
          </label>
        </p>
        <p>
          <label>
            <input name="group1" type="radio" checked />
            <span>Masculino</span>
          </label>
        </p>
        <p>
          <label>
            <input name="group1" type="radio" checked />
            <span>Outro</span>
          </label>
        </p>
      </div>

      <div class="campo">
        <label for="email">Estado*</label>
        <p><select>
            <option value="" disabled selected>Escolher</option>
            <option value="1">Acre</option>
            <option value="2">Alagoas</option>
            <option value="3">Amapá</option>
            <option value="4">Amazonas</option>
            <option value="5">Bahia</option>
            <option value="6">Ceará</option>
            <option value="7">Espírito Santo</option>
            <option value="8">Goiás</option>
            <option value="9">Maranhão</option>
            <option value="10">Mato Grosso</option>
            <option value="11">Mato Grosso do Sul</option>
            <option value="12">Minas Gerais</option>
            <option value="13">Pará</option>
            <option value="14">Paraíba</option>
            <option value="15">Paraná</option>
            <option value="16">Pernambuco</option>
            <option value="17">Piauí</option>
            <option value="18">Rio de Janeiro</option>
            <option value="19">Rio Grande do Norte</option>
            <option value="20">Rio Grande do Sul</option>
            <option value="21">Rondônia</option>
            <option value="22">Roraima</option>
            <option value="23">Santa Catarina</option>
            <option value="24">São Paulo</option>
            <option value="25">Sergipe</option>
            <option value="26">Tocantins</option>
            <option value="27">Distrito Federal</option>
          </select>
        </p>
      </div>

      <label for="trabalho">Ramo de Trabalho*</label>
      <div class="input">
        <i class="material-icons right">work</i><input id="ramo" name="ramo" placeholder="Trabalho" type="text">
      </div>

      <div id="btn">
        <button type="submit">Adicionar</button>

      </div>

    </form>
  </div>
</body>

</html>