<!
DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Cadastro de Usuário - cor3wear</title>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/
5mcr" crossorigin="anonymous" />
</head>
<body>
<!--HEADER-->
<header class="p-3 bg-dark text-white">
<div class="container">
<div
class="d-flex flex-wrap align-items-center justify-content-center justify-
content-lg-start"
>
<a href="/" class="d-flex align-items-center mb-2 mb-lg-0 text-white text-
decoration-none">
<i class="bi bi-vinyl-fill"></i>
<span class="ms-2 fs-4">cor3wear</span>
</a>
<ul
class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-
md-0"
>
<li><a href="#" class="nav-link px-2 text-secondary">Home</a></li>
<li><a href="pags/listagem_usuarios.html" class="nav-link px-2 text-
white">Usuários</a></li>
<li><a href="pags/cadastro_usuario.html" class="nav-link px-2 text-
white">Cadastrar Usuários</a></li>
<li><a href="pags/listagem_produtos.html" class="nav-link px-2 text-
white">Meus Produtos</a></li>
<li><a href="pags/cadastro_produto.html" class="nav-link px-2 text-
white">Cadastrar Produto</a></li>
</ul>
<form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search">
<input
type="search"
class="form-control form-control-dark"
placeholder="Search..."
aria-label="Search"
/>
</form>
<div class="text-end">
<button type="button" class="btn btn-warning">Sair</button>
</div>
</div>
</div>
</header>
<!-- FORMULÁRIO DE CADASTRO DE USUÁRIO -->
<main class="container my-5">
<h1 class="mb-4">Cadastro de Usuário</h1>
<form>
<div class="row g-3">
<div class="col-md-6">
<label for="nomeCompleto" class="form-label">Nome Completo</label>
<input
type="text"
class="form-control"
id="nomeCompleto"
placeholder="Seu nome completo"
required
/>
</div>
<div class="col-md-6">
<label for="email" class="form-label">Email</label>
<input
type="email"
class="form-control"
id="email"
placeholder="[email protected]"
required
/>
</div>
<div class="col-md-4">
<label for="cpf" class="form-label">CPF</label>
<input
type="text"
class="form-control"
id="cpf"
placeholder="000.000.000-00"
required
/>
</div>
<div class="col-md-4">
<label for="dataNascimento" class="form-label">Data de Nascimento</label>
<input
type="date"
class="form-control"
id="dataNascimento"
required
/>
</div>
<div class="col-md-4">
<label for="telefone" class="form-label">Telefone</label>
<input
type="tel"
class="form-control"
id="telefone"
placeholder="(00) 00000-0000"
required
/>
</div>
<div class="col-12">
<label for="endereco" class="form-label">Endereço</label>
<input
type="text"
class="form-control"
id="endereco"
placeholder="Rua, número, complemento"
required
/>
</div>
<div class="col-md-4">
<label for="cidade" class="form-label">Cidade</label>
<input
type="text"
class="form-control"
id="cidade"
required
/>
</div>
<div class="col-md-4">
<label for="estado" class="form-label">Estado</label>
<select id="estado" class="form-select" required>
<option selected disabled>Escolha...</option>
<option>AC</option>
<option>AL</option>
<option>AP</option>
<option>AM</option>
<option>BA</option>
<option>CE</option>
<option>DF</option>
<option>ES</option>
<option>GO</option>
<option>MA</option>
<option>MT</option>
<option>MS</option>
<option>MG</option>
<option>PA</option>
<option>PB</option>
<option>PR</option>
<option>PE</option>
<option>PI</option>
<option>RJ</option>
<option>RN</option>
<option>RS</option>
<option>RO</option>
<option>RR</option>
<option>SC</option>
<option>SP</option>
<option>SE</option>
<option>TO</option>
</select>
</div>
<div class="col-md-4">
<label for="cep" class="form-label">CEP</label>
<input
type="text"
class="form-control"
id="cep"
placeholder="00000-000"
required
/>
</div>
<div class="col-md-6">
<label for="tipoUsuario" class="form-label">Tipo de Usuário</label>
<select id="tipoUsuario" class="form-select" required>
<option selected disabled>Selecione...</option>
<option value="cliente">Cliente</option>
<option value="admin">Administrador</option>
<option value="vendedor">Vendedor</option>
</select>
</div>
<div class="col-md-6">
<label for="senha" class="form-label">Senha</label>
<input
type="password"
class="form-control"
id="senha"
placeholder="Senha segura"
required
/>
</div>
</div>
<div class="mt-4">
<button type="submit" class="btn btn-primary">Cadastrar</button>
</div>
</form>
</main>
<!--FOOTER-->
<footer class="py-3 my-4 bg-dark text-white text-center">
<div class="container">
<p>© 2025 cor3wear. Todos os direitos reservados.</p>
</div>
</footer>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-
ndDqU0Gzau9qJ1lfW4pNLlhNTkCfHzAVBReH9diLvGRem5+R9g2FzA8ZGN954O5Q"
crossorigin="anonymous"
></script>
</body>
</html>
