Skip to content

Vini dantas07 cadastro #226

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Vini dantas07 cadastro #226

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
dfee663
Add files via upload
ViniDantas07 Mar 31, 2025
bae29ba
Add files via upload
ViniDantas07 Apr 2, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added LOGO PROJETO (1).png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Screenshot_20250331_163635_WhatsApp.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
123 changes: 123 additions & 0 deletions cadastro.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,123 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, sans-serif;
}
body {
display: flex;
height: 100vh;
background-color: #b3e0ff;
}
.sidebar {
width: 120px;
height: 100%;
background-color: #ffffff;
padding-top: px;
position: fixed;
left: 0;
top: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.logo {
width: 100%;
max-width: 200px;
margin-bottom: 20px;
}
.title{
text-align: center;
margin-bottom: 20px;

}
.title img {
max-width: 35%;
height: auto;
padding-right: 13%;
}
.sidebar a {
color: rgb(17, 0, 112);
text-decoration: none;
font-size: 18px;
padding: 10px;
width: 100%;
text-align: center;
display: block;
}
.sidebar a:hover {
background-color: #e4140d;
}
.main-content {
margin-left: 250px;
width: calc(100% - 250px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.title {
font-size: 50px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin-bottom: 20px;
}
.title .red {
color: #ff0000;
}
.title .blue {
color: #043c79;
}
.content {
display: flex;
align-items: center;
justify-content: space-between;
width: 80%;
}
.info {
text-align: center;
width: 50%;
}
.info img {
width: 100%;
max-width: 300px;
}
.info p {
font-size: 18px;
color: #333;
margin-top: 20px;
}
.form-container {
width: 50%;
display: flex;
flex-direction: column;
align-items: center;
}
.form-container form {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.form-container input {
width: 80%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ddd;
border-radius: 5px;
}
.form-container button {
width: 80%;
padding: 10px;
background-color: #28a745;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}
.form-container button:hover {
background-color: #218838;
}

44 changes: 44 additions & 0 deletions cadastro.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Maricá + Emprego</title>
<link rel="stylesheet" href="cadastro.css">
</head>
<body>
<div class="sidebar">
<img src="Screenshot_20250331_163635_WhatsApp.jpg" alt="Logo" class="logo">
<a href="#">Sobre</a>
<a href="#">Cadastro</a>
<a href="#">Login</a>
</div>
<div class="main-content">
<div class="title">
<img src="LOGO PROJETO (1).png" alt="logofoto">
</div>
<div class="content">
<div class="info">
<img src="professor.png" alt="Imagem Ilustrativa">
<p>“Encontramos o melhor candidato para melhor vaga, para melhor empresa!”</p>
</div>
<div class="form-container">
<form id="empresaForm">
<input type="text" id="nome" name="nome" placeholder="Nome da Empresa" required>
<input type="email" id="email" name="email" placeholder="E-mail" required>
<input type="tel" id="telefone" name="telefone" placeholder="Telefone" required>
<input type="text" id="endereco" name="endereco" placeholder="Endereço" required>
<input type="password" id="senha" name="senha" placeholder="Senha" required>
<input type="password" id="confirmarSenha" name="confirmarSenha" placeholder="Confirme sua Senha" required>
<button type="submit">Enviar</button>
</form>
</div>
</div>
</div>



<script src="cadastro.js"></script>
</body>
</html>

12 changes: 12 additions & 0 deletions cadastro.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
document.getElementById('empresaForm').addEventListener('submit', function(event) {
event.preventDefault();

const senha = document.getElementById('senha').value;
const confirmarSenha = document.getElementById('confirmarSenha').value;

if (senha !== confirmarSenha) {
alert('As senhas não coincidem!');
} else {
alert('Cadastro realizado com sucesso!');
}
});
Binary file added tela cadastro correto/IMG-20250402-WA0065__1_-removebg-preview.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added tela cadastro correto/Screenshot_20250331_163635_WhatsApp.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
44 changes: 44 additions & 0 deletions tela cadastro correto/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Maricá + Emprego</title>
<link rel="stylesheet" href="styles.css">
</head>

<body>
<div class="sidebar">
<img src="Screenshot_20250331_163635_WhatsApp.jpg" alt="Logo" class="logo">
<a href="#"><strong>Sobre</strong></a>
<hr>
<a href="#"><strong>Cadastro</strong></a>
<hr>
<a href="#"><strong>Login</strong></a>
<hr>
</div>
<div class="content">
<div class="info">
<img src="IMG-20250402-WA0065__1_-removebg-preview.png" alt="Imagem professor">
<p>“Encontramos o melhor candidato para <strong>melhor vaga, para melhor empresa!”</strong></p>
</div>
<div class="form-container">
<h2 class="titulo-form">Cadastre-se</h2>
<form id="empresaForm"></form>
<input type="text" id="nome" name="nome" placeholder="Nome da Empresa" required>
<input type="email" id="email" name="email" placeholder="E-mail" required>
<input type="tel" id="telefone" name="telefone" placeholder="Telefone" required>
<input type="text" id="endereco" name="endereco" placeholder="Endereço" required>
<input type="password" id="senha" name="senha" placeholder="Senha" required>
<input type="password" id="confirmarSenha" name="confirmarSenha" placeholder="Confirme sua Senha" required>
<button type="submit"><strong>Enviar</strong></button>
</form>
</div>
</div>
</div>



<script src="main.js"></script>
</body>
</html>
158 changes: 158 additions & 0 deletions tela cadastro correto/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,158 @@
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Montserrat', sans-serif;
}

body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #BFD7EA;
}

.sidebar {
width: 130px;
height: 100vh;
background-color: #F5F5F5;
position: fixed;
left: 0;
top: 0;
display: flex;
flex-direction: column;
align-items: center;
padding-top: px;
}

.logo {
width: 100%;
max-width: 200px;
margin-bottom: 20px;

}

.sidebar nav {
width: 100%;
text-align: center;
}

.sidebar a {
color: rgb(17, 0, 112);
text-decoration: none;
font-size: 18px;
padding: 12px;
display: block;
transition: background 0.3s;
}

.sidebar a:hover {
background-color: #e4140d;
color: white;
}

.sidebar hr {
width: 80%;
border: none;
height: 3px;
background-color: #3efc0f;
margin: 5px 0;
}

.main-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px;
width: calc(100% - 160px);
margin-left: 160px;
}

.content {
display: flex;
align-items: center;
justify-content: space-between;
width: 80%;
}

.info {
text-align: center;
width: 50%;
padding: 20px;
}

.info img {
max-width: 300px;
width: 100%;

}

.info p {
font-size: 22px;
color: #333;
margin-top: 15px;
font-weight: normal;
}

.info p strong {
font-weight: bold;
}

.info p u {
text-decoration: underline;
}
.titulo-form {
font-size: 24px;
font-weight: bold;
color: #333;
margin-bottom: 25px;
text-align: center;
}

.form-container {
width: 35%;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 5%;

}

.form-container form {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-left: 100px;
}

.form-container input {
width: 90%;
padding: 8px;
background-color: #F5F5F5;
margin: 10px 0;
border: 1px solid #ddd;
border-radius: 25px;
font-size: 16px;

}

.form-container button {
width: 40%;
margin-top: 20px;
padding: 12px;
background-color: #f8f5f5;
color: rgb(245, 23, 23);
border: none;
border-radius: 25px;
cursor: pointer;
font-size: 16px;
transition: background 0.3s;
}

.form-container button:hover {
background-color: #D43F3F;
}