src/paginas/cadastro.html

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

<head>

  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="" />
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors" />
    <meta name="generator" content="Hugo 0.88.1" />
    <title>Cadastro</title>
   

    <link rel="stylesheet" href="../css/cadastro.css" />
    <!-- Bootstrap core CSS -->
    <link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet" />
    <!-- Custom styles for this template -->
    <link href="../css/cadastro.css" rel="stylesheet" />

    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>
  </head>
</head>

<body class="text-center">

  <header style="position:relative;top:-45%" class="d-flex flex-wrap justify-content-between py-3 mb-4 border-bottom">

    <!-- Botão Avatar -->
    <div class="dropdown col-1 text-end">
      <a href="#" class="d-block link-dark text-decoration-none dropdown-toggle" id="dropdownUser1"
        data-bs-toggle="dropdown" aria-expanded="false">
        <img src="../img/IdosoTech.png" alt="perfil-usuario" width="100" height="100" class="rounded-circle">
      </a>
      <ul class="dropdown-menu text-small" aria-labelledby="dropdownUser1">
        <li><a class="dropdown-item fs-3" href="index.html">Home</a></li>
        <li><a class="dropdown-item fs-3" href="faleConosco.html" target="_blank">Fale conosco</a></li>
             
      </ul>
    </div>
  </header>

  <main class="form-signin">
    <form>
      <h1>IdosoTech</h1>
      <h2 class="h3 mb-3 fw-normal ">Novo cadastro</h2>
      <p class="pq fs-3">Digite e-mail e senha</p>

      <div class="form-floating">
        <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com" />
        <label class="as fs-4" for="floatingInput">E-mail</label>
      </div>
      <div class="form-floating">
        <input type="password" class="form-control" id="floatingPassword" placeholder="Password" />
        <label class="as fs-4" for="floatingPassword">Senha</label>
      </div>

      <div class="checkbox mb-3"></div>
      <button class="w-100 btn btn-lg btn-primary" type="submit">
        <a class="link-light" href="logar.html">Criar cadastro</a>
      </button>
      <p class="mt-5 mb-3 text-muted">© 2021–2022</p>
    </form>
  </main>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js"></script>
</body>

</html>