diff --git a/LOGO PROJETO (1).png b/LOGO PROJETO (1).png
new file mode 100644
index 0000000..dc739f8
Binary files /dev/null and b/LOGO PROJETO (1).png differ
diff --git a/Screenshot_20250331_163635_WhatsApp.jpg b/Screenshot_20250331_163635_WhatsApp.jpg
new file mode 100644
index 0000000..8ea0d15
Binary files /dev/null and b/Screenshot_20250331_163635_WhatsApp.jpg differ
diff --git a/cadastro.css b/cadastro.css
new file mode 100644
index 0000000..336ccaf
--- /dev/null
+++ b/cadastro.css
@@ -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;
+}
+
diff --git a/cadastro.html b/cadastro.html
new file mode 100644
index 0000000..807a22d
--- /dev/null
+++ b/cadastro.html
@@ -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>
+
diff --git a/cadastro.js b/cadastro.js
new file mode 100644
index 0000000..9a00c84
--- /dev/null
+++ b/cadastro.js
@@ -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!');
+    }
+});
\ No newline at end of file
diff --git a/tela cadastro correto/IMG-20250402-WA0065__1_-removebg-preview.png b/tela cadastro correto/IMG-20250402-WA0065__1_-removebg-preview.png
new file mode 100644
index 0000000..407ecd6
Binary files /dev/null and b/tela cadastro correto/IMG-20250402-WA0065__1_-removebg-preview.png differ
diff --git a/tela cadastro correto/Screenshot_20250331_163635_WhatsApp.jpg b/tela cadastro correto/Screenshot_20250331_163635_WhatsApp.jpg
new file mode 100644
index 0000000..8ea0d15
Binary files /dev/null and b/tela cadastro correto/Screenshot_20250331_163635_WhatsApp.jpg differ
diff --git a/tela cadastro correto/index.html b/tela cadastro correto/index.html
new file mode 100644
index 0000000..15a6afa
--- /dev/null
+++ b/tela cadastro correto/index.html	
@@ -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>
\ No newline at end of file
diff --git a/tela cadastro correto/styles.css b/tela cadastro correto/styles.css
new file mode 100644
index 0000000..b46fe05
--- /dev/null
+++ b/tela cadastro correto/styles.css	
@@ -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;
+}
\ No newline at end of file
