+ 
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Cadastro/FormRedeSocial.html b/src/Cadastro/FormRedeSocial.html
new file mode 100644
index 0000000..2860cf2
--- /dev/null
+++ b/src/Cadastro/FormRedeSocial.html
@@ -0,0 +1,97 @@
+
+
+
+
+
+
+
+
+ Doe Aqui
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Cadastro/FormUsuario.html b/src/Cadastro/FormUsuario.html
new file mode 100644
index 0000000..eb95e72
--- /dev/null
+++ b/src/Cadastro/FormUsuario.html
@@ -0,0 +1,77 @@
+
+
+
+
+
+
+
+
+ Doe Aqui
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/Cadastro/functions1.js b/src/Cadastro/functions1.js
new file mode 100644
index 0000000..1b42b09
--- /dev/null
+++ b/src/Cadastro/functions1.js
@@ -0,0 +1,34 @@
+
+
+ const password = document.querySelector("#password");
+ const confirm_password = document.querySelector("#confirm_password");
+ const FormUsuario= document.querySelector("#FormUsuario");
+ FormUsuario.addEventListener("click", proximo);
+
+ function senha()
+{
+ if (password.value === confirm_password.value) { // Senhas correspondem, nenhum feedback é exibido.
+ alert( 'senhas conferem');
+ return true;
+ }
+ else{ alert("senhas não conferem");
+ return false;}
+};
+
+// Adicione um ouvinte de evento para validar as senhas ao enviar o formulário
+
+
+
+function proximo() {
+
+ window.location.href ="../Cadastro/FormEndereco.html";
+
+}
+
+
+
+
+
+
+
+
diff --git a/src/Cadastro/functions2.js b/src/Cadastro/functions2.js
new file mode 100644
index 0000000..bafa58f
--- /dev/null
+++ b/src/Cadastro/functions2.js
@@ -0,0 +1,8 @@
+const FormEndereco= document.querySelector("#FormEndereco");
+FormEndereco.addEventListener("click", proximo)
+
+function proximo() {
+
+ window.location.href = "../Cadastro/FormRedeSocial.html" ;
+
+}
\ No newline at end of file
diff --git a/src/Cadastro/style.css b/src/Cadastro/style.css
new file mode 100644
index 0000000..ca29fe4
--- /dev/null
+++ b/src/Cadastro/style.css
@@ -0,0 +1,119 @@
+body {
+ margin: 0;
+ font-family: Arial, sans-serif;
+}
+
+header {
+ font-family: 'Onest', sans-serif;
+ font-size: 12px;
+ background-color: #71874a;
+ color: #ffffff;
+ padding: 8px 0;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.logo {
+ display: flex;
+ align-items: center;
+}
+
+.logo img {
+ width: 65px;
+ height: 65px;
+ margin-left: 15px;
+ margin-right: 10px;
+}
+
+.logo h1 {
+ margin: 0;
+}
+
+.buttons {
+ display: flex;
+}
+
+.button {
+ font-family: Arial, Helvetica, sans-serif;
+ background-color: #283618;
+ color: #EDEDE9;
+ border: none;
+ padding: 10px 20px;
+ margin-left: 10px;
+ margin-right: 30px;
+ cursor: pointer;
+ border-radius: 10px;
+}
+
+.button:hover {
+ color: #283618;
+ background-color: #cbbdbd;
+}
+
+.content {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 20px;
+}
+
+.text {
+ text-align: left;
+ position: relative;
+ margin-left: 100px;
+ flex: 1;
+ text-align: left;
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ color: #4a573a;
+}
+
+.image {
+ max-width: 100%;
+ height: auto;
+ margin-right: 70px;
+ margin-top: 55px;
+ flex: 1;
+ text-align: right;
+}
+
+h2 {
+ font-size: 40px;
+ font-family: Verdana, Geneva, Tahoma, sans-serif;
+ color: #e2e4e1;
+}
+
+p {
+ font-size: 25px;
+}
+
+@media screen and (max-width: 1000px) {
+
+ .content {
+ flex-direction: column;
+ text-align: center;
+ }
+
+ .text {
+ margin-top: 0;
+ margin-left: 0;
+ }
+
+ .image {
+
+ margin-top: 0;
+ margin-right: 5;
+ }
+}
+
+footer {
+ position: absolute;
+ bottom: 50px;
+ width: 100%;
+ height: 2.5rem;
+ color: #ffffff;
+ text-align: center;
+ padding: 0.5rem;
+
+ }
+
diff --git a/src/index.html b/src/index.html
index 1d98dfd..4941f1a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -25,7 +25,7 @@
+ Doe Aqui
+Doe Aqui
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/login/style.css b/src/login/style.css
new file mode 100644
index 0000000..b1f51ba
--- /dev/null
+++ b/src/login/style.css
@@ -0,0 +1,133 @@
+body {
+ margin: 0;
+ font-family: Arial, sans-serif;
+}
+
+header {
+ font-family: 'Onest', sans-serif;
+ font-size: 12px;
+ background-color: #A3B18A;
+ color: #ffffff;
+ padding: 8px 0;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.logo {
+ display: flex;
+ align-items: center;
+}
+
+.logo img {
+ width: 65px;
+ height: 65px;
+ margin-left: 15px;
+ margin-right: 10px;
+}
+
+.logo h1 {
+ margin: 0;
+}
+
+.buttons {
+ display: flex;
+}
+
+.button {
+ font-family: Arial, Helvetica, sans-serif;
+ background-color: #283618;
+ color: #ffffff;
+ border: none;
+ padding: 10px 20px;
+ margin-left: 10px;
+ margin-right: 30px;
+ cursor: pointer;
+ border-radius: 10px;
+}
+
+.button:hover {
+ color: #e5e5e5;
+ background-color: #848484;
+}
+
+.content {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 20px;
+}
+
+.text {
+ text-align: left;
+ position: relative;
+ margin-left: 100px;
+ flex: 1;
+ text-align: left;
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ color: #283618;
+}
+
+.image {
+ max-width: 100%;
+ height: auto;
+ margin-right: 70px;
+ margin-top: 55px;
+ flex: 1;
+ text-align: right;
+}
+
+h2 {
+ font-size: 40px;
+ font-family: Verdana, Geneva, Tahoma, sans-serif;
+ color: #b0b0b0;
+}
+
+p {
+ font-size: 25px;
+}
+
+@media screen and (max-width: 1000px) {
+
+ .content {
+ flex-direction: column;
+ text-align: center;
+ }
+
+ .text {
+ margin-top: 0;
+ margin-left: 0;
+ }
+
+ .image {
+
+ margin-top: 0;
+ margin-right: 5;
+ }
+}
+
+footer {
+ position: absolute;
+ bottom: 50px;
+ width: 100%;
+ height: 2.5rem;
+ color: #f3f3f3;
+ text-align: center;
+ padding: 0.5rem;
+
+ }
+
+ form {
+ width: 600px; /* Largura do formulário (ajuste conforme necessário) */
+ margin: 0 auto; /* Centraliza horizontalmente */
+ padding: 60px;
+ background-color: #dfe5dfcd;
+ border: 1px solid #71816D;
+
+}
+input{margin: 50%;}
+.container {
+ text-align:center ;
+ margin-top: 5%;
+ /* Centraliza horizontalmente o conteúdo dentro do container */
+}
\ No newline at end of file
+