Compare commits
1 Commits
Author | SHA1 | Date | |
---|---|---|---|
|
6aaff7286b |
12
prototipo_cadastro/assets/css/custom.css
Normal file
12
prototipo_cadastro/assets/css/custom.css
Normal file
@ -0,0 +1,12 @@
|
||||
/*body {
|
||||
background: linear-gradient(135deg, #6a11cb, #2575fc);
|
||||
}-->*/
|
||||
body {
|
||||
background-image: url(/assets/images/bg.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.card {
|
||||
border-radius: 15px;
|
||||
}
|
13894
prototipo_cadastro/assets/css/general.css
Normal file
13894
prototipo_cadastro/assets/css/general.css
Normal file
File diff suppressed because it is too large
Load Diff
BIN
prototipo_cadastro/assets/images/bg.jpg
Normal file
BIN
prototipo_cadastro/assets/images/bg.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.2 MiB |
BIN
prototipo_cadastro/assets/images/logo_teste.png
Normal file
BIN
prototipo_cadastro/assets/images/logo_teste.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 23 KiB |
37
prototipo_cadastro/assets/js/main.js
Normal file
37
prototipo_cadastro/assets/js/main.js
Normal file
@ -0,0 +1,37 @@
|
||||
// Cadastro
|
||||
const registerForm = document.getElementById("registerForm");
|
||||
if (registerForm) {
|
||||
registerForm.addEventListener("submit", (e) => {
|
||||
e.preventDefault();
|
||||
const password = document.getElementById("password").value;
|
||||
const confirmPassword = document.getElementById("confirmPassword").value;
|
||||
|
||||
if (password !== confirmPassword) {
|
||||
alert("❌ As senhas não coincidem!");
|
||||
return;
|
||||
}
|
||||
if (password.length < 6) {
|
||||
alert("⚠️ A senha deve ter pelo menos 6 caracteres!");
|
||||
return;
|
||||
}
|
||||
alert("✅ Simulação de cadastro realizada com sucesso!");
|
||||
});
|
||||
}
|
||||
|
||||
// Login
|
||||
const loginForm = document.getElementById("loginForm");
|
||||
if (loginForm) {
|
||||
loginForm.addEventListener("submit", (e) => {
|
||||
e.preventDefault();
|
||||
alert("🔐 Simulação de Login realizada");
|
||||
});
|
||||
}
|
||||
|
||||
// Recuperar senha
|
||||
const forgotForm = document.getElementById("forgotForm");
|
||||
if (forgotForm) {
|
||||
forgotForm.addEventListener("submit", (e) => {
|
||||
e.preventDefault();
|
||||
alert("📩 Link de recuperação enviado para seu e-mail!");
|
||||
});
|
||||
}
|
15821
prototipo_cadastro/documentation/bg/26807.eps
Normal file
15821
prototipo_cadastro/documentation/bg/26807.eps
Normal file
File diff suppressed because one or more lines are too long
BIN
prototipo_cadastro/documentation/bg/26807.jpg
Normal file
BIN
prototipo_cadastro/documentation/bg/26807.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.2 MiB |
45
prototipo_cadastro/documentation/bg/License free.txt
Normal file
45
prototipo_cadastro/documentation/bg/License free.txt
Normal file
@ -0,0 +1,45 @@
|
||||
IMPORTANT NOTICE: This license only applies if you downloaded this content as
|
||||
an unsubscribed user. If you are a premium user (ie, you pay a subscription)
|
||||
you are bound to the license terms described in the accompanying file
|
||||
"License premium.txt".
|
||||
|
||||
---------------------
|
||||
|
||||
You must attribute the image to its author:
|
||||
|
||||
In order to use a content or a part of it, you must attribute it to starline / Freepik,
|
||||
so we will be able to continue creating new graphic resources every day.
|
||||
|
||||
|
||||
How to attribute it?
|
||||
|
||||
For websites:
|
||||
|
||||
Please, copy this code on your website to accredit the author:
|
||||
<a href="http://www.freepik.com">Designed by starline / Freepik</a>
|
||||
|
||||
For printing:
|
||||
|
||||
Paste this text on the final work so the authorship is known.
|
||||
- For example, in the acknowledgements chapter of a book:
|
||||
"Designed by starline / Freepik"
|
||||
|
||||
|
||||
You are free to use this image:
|
||||
|
||||
- For both personal and commercial projects and to modify it.
|
||||
- In a website or presentation template or application or as part of your design.
|
||||
|
||||
You are not allowed to:
|
||||
|
||||
- Sub-license, resell or rent it.
|
||||
- Include it in any online or offline archive or database.
|
||||
|
||||
The full terms of the license are described in section 7 of the Freepik
|
||||
terms of use, available online in the following link:
|
||||
|
||||
http://www.freepik.com/terms_of_use
|
||||
|
||||
The terms described in the above link have precedence over the terms described
|
||||
in the present document. In case of disagreement, the Freepik Terms of Use
|
||||
will prevail.
|
30
prototipo_cadastro/documentation/bg/License premium.txt
Normal file
30
prototipo_cadastro/documentation/bg/License premium.txt
Normal file
@ -0,0 +1,30 @@
|
||||
IMPORTANT NOTICE: This license only applies if you downloaded this content as
|
||||
a subscribed (or "premium") user. If you are an unsubscribed user (or "free"
|
||||
user) you are bound to the license terms described in the accompanying file
|
||||
"License free.txt".
|
||||
|
||||
---------------------
|
||||
|
||||
You can download from your profile in Freepik a personalized license stating
|
||||
your right to use this content as a "premium" user:
|
||||
|
||||
https://profile.freepik.com/my_downloads
|
||||
|
||||
You are free to use this image:
|
||||
|
||||
- For both personal and commercial projects and to modify it.
|
||||
- In a website or presentation template or application or as part of your design.
|
||||
|
||||
You are not allowed to:
|
||||
|
||||
- Sub-license, resell or rent it.
|
||||
- Include it in any online or offline archive or database.
|
||||
|
||||
The full terms of the license are described in sections 7 and 8 of the Freepik
|
||||
terms of use, available online in the following link:
|
||||
|
||||
http://www.freepik.com/terms_of_use
|
||||
|
||||
The terms described in the above link have precedence over the terms described
|
||||
in the present document. In case of disagreement, the Freepik Terms of Use
|
||||
will prevail.
|
63
prototipo_cadastro/forgot-password.html
Normal file
63
prototipo_cadastro/forgot-password.html
Normal file
@ -0,0 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="pt-BR">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Recuperar Senha</title>
|
||||
<link href="/assets/css/general.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="assets/css/custom.css">
|
||||
</head>
|
||||
|
||||
<body class="bg-light">
|
||||
|
||||
<!-- Header do template -->
|
||||
<header class="shadow-sm">
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-white">
|
||||
<div class="container">
|
||||
<a class="navbar-brand d-flex align-items-center" href="login.html">
|
||||
<img
|
||||
src="assets/images/logo_teste.png"
|
||||
alt="kbDoc" style="height: 32px;" class="me-2">
|
||||
<span class="fw-bold">nome do site</span>
|
||||
<!-- mudar depois-->
|
||||
</a>
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="login.html">Página inicial</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#">Documentação</a></li>
|
||||
<li class="nav-item">
|
||||
<a href="register.html" class="btn btn-outline-primary">Registrar</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="login.html" class="btn btn-outline-primary">Entrar</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Conteúdo principal -->
|
||||
<main class="d-flex align-items-center justify-content-center vh-100">
|
||||
<div class="card shadow-lg p-4" style="max-width: 400px; width: 100%;">
|
||||
<h3 class="text-center mb-4">Recuperar Senha</h3>
|
||||
<form id="forgotForm">
|
||||
<div class="mb-3">
|
||||
<label for="email" class="form-label">Digite seu e-mail</label>
|
||||
<input type="email" class="form-control" id="email" placeholder="Seu e-mail cadastrado" required>
|
||||
</div>
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-dark">Enviar Link</button>
|
||||
</div>
|
||||
<p class="text-center mt-3 mb-0">
|
||||
<a href="login.html">Voltar ao Login</a>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="assets/js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
67
prototipo_cadastro/login.html
Normal file
67
prototipo_cadastro/login.html
Normal file
@ -0,0 +1,67 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="pt-BR">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Login - kbDoc</title>
|
||||
<link href="/assets/css/general.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="assets/css/custom.css">
|
||||
</head>
|
||||
|
||||
<body class="bg-light">
|
||||
|
||||
<!-- Header do template -->
|
||||
<header class="shadow-sm">
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-white">
|
||||
<div class="container">
|
||||
<a class="navbar-brand d-flex align-items-center" href="login.html">
|
||||
<img
|
||||
src="assets/images/logo_teste.png"
|
||||
alt="kbDoc" style="height: 32px;" class="me-2">
|
||||
<span class="fw-bold">nome do site</span>
|
||||
<!-- mudar depois-->
|
||||
</a>
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="login.html">Página inicial</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#">Documentação</a></li>
|
||||
<li class="nav-item">
|
||||
<a href="register.html" class="btn btn-outline-primary">Registrar</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Conteúdo principal -->
|
||||
<main class="d-flex align-items-center justify-content-center vh-100">
|
||||
<div class="card shadow-lg p-4" style="max-width: 400px; width: 100%;">
|
||||
<h3 class="text-center mb-4">Entrar</h3>
|
||||
<form id="loginForm">
|
||||
<div class="mb-3">
|
||||
<label for="email" class="form-label">E-mail</label>
|
||||
<input type="email" class="form-control" id="email" placeholder="Digite seu e-mail" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="password" class="form-label">Senha</label>
|
||||
<input type="password" class="form-control" id="password" placeholder="Digite sua senha" required>
|
||||
</div>
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-primary">Entrar</button>
|
||||
</div>
|
||||
<p class="text-center mt-3 mb-0">
|
||||
<a href="forgot-password.html">Esqueceu a senha?</a>
|
||||
</p>
|
||||
<p class="text-center mt-2">
|
||||
Não tem conta? <a href="register.html">Cadastrar</a>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="assets/js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
72
prototipo_cadastro/register.html
Normal file
72
prototipo_cadastro/register.html
Normal file
@ -0,0 +1,72 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="pt-BR">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Cadastro</title>
|
||||
<link href="assets/css/general.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="assets/css/custom.css">
|
||||
</head>
|
||||
|
||||
<body class="bg-light">
|
||||
|
||||
<!-- Header do template -->
|
||||
<header class="shadow-sm">
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-white">
|
||||
<div class="container">
|
||||
<a class="navbar-brand d-flex align-items-center" href="login.html">
|
||||
<img
|
||||
src="assets/images/logo_teste.png"
|
||||
alt="kbDoc" style="height: 32px;" class="me-2">
|
||||
<span class="fw-bold">nome do site</span>
|
||||
<!-- mudar depois-->
|
||||
</a>
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="login.html">Página inicial</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#">Documentação</a></li>
|
||||
<li class="nav-item">
|
||||
<a href="login.html" class="btn btn-outline-primary">Entrar</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Conteúdo principal -->
|
||||
<main class="d-flex align-items-center justify-content-center vh-100">
|
||||
<div class="card shadow-lg p-4" style="max-width: 400px; width: 100%;">
|
||||
<h3 class="text-center mb-4">Cadastro</h3>
|
||||
<form id="registerForm">
|
||||
<div class="mb-3">
|
||||
<label for="name" class="form-label">Nome completo</label>
|
||||
<input type="text" class="form-control" id="name" placeholder="Digite seu nome" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="email" class="form-label">E-mail</label>
|
||||
<input type="email" class="form-control" id="email" placeholder="Digite seu e-mail" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="password" class="form-label">Senha</label>
|
||||
<input type="password" class="form-control" id="password" placeholder="Crie uma senha" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="confirmPassword" class="form-label">Confirmar Senha</label>
|
||||
<input type="password" class="form-control" id="confirmPassword" placeholder="Repita a senha" required>
|
||||
</div>
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-dark">Cadastrar</button>
|
||||
</div>
|
||||
<p class="text-center mt-3 mb-0">
|
||||
Já tem conta? <a href="login.html">Entrar</a>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="assets/js/main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
Loading…
x
Reference in New Issue
Block a user