From 2b168e368a26be2dbce4fc61d5661546beb9ba29 Mon Sep 17 00:00:00 2001 From: CaioMMelo Date: Sun, 29 Oct 2023 11:54:26 -0300 Subject: [PATCH 1/4] logiin e cadastro inicial --- src/Cadastro/index.html | 134 ++++++++++++++++++++++++++++++++++++++++ src/Cadastro/style.css | 119 +++++++++++++++++++++++++++++++++++ src/login/index.html | 61 ++++++++++++++++++ src/login/style.css | 119 +++++++++++++++++++++++++++++++++++ 4 files changed, 433 insertions(+) create mode 100644 src/Cadastro/index.html create mode 100644 src/Cadastro/style.css create mode 100644 src/login/index.html create mode 100644 src/login/style.css diff --git a/src/Cadastro/index.html b/src/Cadastro/index.html new file mode 100644 index 0000000..2e6418c --- /dev/null +++ b/src/Cadastro/index.html @@ -0,0 +1,134 @@ + + + + + + + + Doe Aqui + + + + + + + + + + + + +
+ +
+ + +
+
+
+ + + +
+

Cadastro

+
+ +

+ + +

+ + +

+ + +

+ + +

+ + +

+ + +

+ + +

+ + +

+ + +

+ + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + + + \ No newline at end of file diff --git a/src/Cadastro/style.css b/src/Cadastro/style.css new file mode 100644 index 0000000..b695a52 --- /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: #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: #EDEDE9; + border: none; + padding: 10px 20px; + margin-left: 10px; + margin-right: 30px; + cursor: pointer; + border-radius: 10px; +} + +.button:hover { + color: #283618; + background-color: #f3f3f3; +} + +.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: #71816D; +} + +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/login/index.html b/src/login/index.html new file mode 100644 index 0000000..2756679 --- /dev/null +++ b/src/login/index.html @@ -0,0 +1,61 @@ + + + + + + + + Doe Aqui + + + + + + + + + + + + +
+ +
+ + +
+
+
+ + +
+

Insira os dados para acessar

+
+ +

+ + +

+ + + + Cadastre-se +
+
+ + + + + + + \ No newline at end of file diff --git a/src/login/style.css b/src/login/style.css new file mode 100644 index 0000000..b695a52 --- /dev/null +++ b/src/login/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: #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: #EDEDE9; + border: none; + padding: 10px 20px; + margin-left: 10px; + margin-right: 30px; + cursor: pointer; + border-radius: 10px; +} + +.button:hover { + color: #283618; + background-color: #f3f3f3; +} + +.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: #71816D; +} + +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; + + } + From 114e9471cc64be0cba3cbdd822a5f2532e27702e Mon Sep 17 00:00:00 2001 From: CaioMMelo Date: Tue, 31 Oct 2023 18:53:30 -0300 Subject: [PATCH 2/4] =?UTF-8?q?navega=C3=A7=C3=A3o=20tela?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/Cadastro/functions1.js | 34 +++++++++ src/Cadastro/functions2.js | 8 ++ src/Cadastro/index1.html | 77 +++++++++++++++++++ src/Cadastro/{index.html => index2.html} | 67 +++++++--------- src/Cadastro/index3.html | 97 ++++++++++++++++++++++++ src/login/index.html | 6 +- src/login/style.css | 14 ++++ 7 files changed, 262 insertions(+), 41 deletions(-) create mode 100644 src/Cadastro/functions1.js create mode 100644 src/Cadastro/functions2.js create mode 100644 src/Cadastro/index1.html rename src/Cadastro/{index.html => index2.html} (74%) create mode 100644 src/Cadastro/index3.html diff --git a/src/Cadastro/functions1.js b/src/Cadastro/functions1.js new file mode 100644 index 0000000..4a810b4 --- /dev/null +++ b/src/Cadastro/functions1.js @@ -0,0 +1,34 @@ + + + const password = document.querySelector("#password"); + const confirm_password = document.querySelector("#confirm_password"); + const btn_proximo1= document.querySelector("#btn_proximo1"); + btn_proximo1.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/index2.html"; + +} + + + + + + + + diff --git a/src/Cadastro/functions2.js b/src/Cadastro/functions2.js new file mode 100644 index 0000000..fb4c339 --- /dev/null +++ b/src/Cadastro/functions2.js @@ -0,0 +1,8 @@ +const btn_proximo2= document.querySelector("#btn_proximo2"); +btn_proximo2.addEventListener("click", proximo) + +function proximo() { + + window.location.href = "../Cadastro/index3.html" ; + +} \ No newline at end of file diff --git a/src/Cadastro/index1.html b/src/Cadastro/index1.html new file mode 100644 index 0000000..db58f2e --- /dev/null +++ b/src/Cadastro/index1.html @@ -0,0 +1,77 @@ + + + + + + + + Doe Aqui + + + + + + + + + + + + + + +
+ +
+ + +
+
+ + +
+ + + +
+

Cadastro

+
+ +

+ + +

+ + +

+ + + + +

+ + +

+ +
+ + + +
+ + + + + + + \ No newline at end of file diff --git a/src/Cadastro/index.html b/src/Cadastro/index2.html similarity index 74% rename from src/Cadastro/index.html rename to src/Cadastro/index2.html index 2e6418c..99e7540 100644 --- a/src/Cadastro/index.html +++ b/src/Cadastro/index2.html @@ -14,7 +14,30 @@ - + @@ -34,22 +57,8 @@

Doe Aqui

Cadastro

-
- -

- - -

- - -

- - -

- - -

- + +

@@ -95,28 +104,10 @@

Cadastro

- - - - - - - - - - - - - - - - - - - - +
+
@@ -128,7 +119,7 @@

Cadastro

Doe Aqui - 2023

- + \ No newline at end of file diff --git a/src/Cadastro/index3.html b/src/Cadastro/index3.html new file mode 100644 index 0000000..a6d9cd6 --- /dev/null +++ b/src/Cadastro/index3.html @@ -0,0 +1,97 @@ + + + + + + + + Doe Aqui + + + + + + + + + + + + +
+ +
+ + +
+
+
+ + + +
+

Cadastro

+
+ + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + + + \ No newline at end of file diff --git a/src/login/index.html b/src/login/index.html index 2756679..3970918 100644 --- a/src/login/index.html +++ b/src/login/index.html @@ -32,8 +32,8 @@

Doe Aqui

-

Insira os dados para acessar

+

Insira os dados para acessar



@@ -41,8 +41,8 @@

Insira os dados para acessar



- - Cadastre-se +
+ Cadastre-se
diff --git a/src/login/style.css b/src/login/style.css index b695a52..0b7afc9 100644 --- a/src/login/style.css +++ b/src/login/style.css @@ -117,3 +117,17 @@ footer { } + form { + width: 600px; /* Largura do formulário (ajuste conforme necessário) */ + margin: 0 auto; /* Centraliza horizontalmente */ + padding: 60px; + background-color: #f0f1f0cd; + 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 From d4fb3abd23118e1c383e948397f6a1fd10c4fb9f Mon Sep 17 00:00:00 2001 From: CaioMMelo Date: Tue, 31 Oct 2023 22:19:13 -0300 Subject: [PATCH 3/4] tela de formulario --- src/Cadastro/{index2.html => FormEndereco.html} | 2 +- src/Cadastro/{index3.html => FormRedeSocial.html} | 10 +++++----- src/Cadastro/{index1.html => FormUsuario.html} | 2 +- src/Cadastro/functions1.js | 6 +++--- src/Cadastro/functions2.js | 6 +++--- src/Cadastro/style.css | 8 ++++---- src/login/index.html | 2 +- src/login/style.css | 12 ++++++------ 8 files changed, 24 insertions(+), 24 deletions(-) rename src/Cadastro/{index2.html => FormEndereco.html} (99%) rename src/Cadastro/{index3.html => FormRedeSocial.html} (93%) rename src/Cadastro/{index1.html => FormUsuario.html} (98%) diff --git a/src/Cadastro/index2.html b/src/Cadastro/FormEndereco.html similarity index 99% rename from src/Cadastro/index2.html rename to src/Cadastro/FormEndereco.html index 99e7540..7ee3e88 100644 --- a/src/Cadastro/index2.html +++ b/src/Cadastro/FormEndereco.html @@ -107,7 +107,7 @@

Cadastro

- + diff --git a/src/Cadastro/index3.html b/src/Cadastro/FormRedeSocial.html similarity index 93% rename from src/Cadastro/index3.html rename to src/Cadastro/FormRedeSocial.html index a6d9cd6..c97b58b 100644 --- a/src/Cadastro/index3.html +++ b/src/Cadastro/FormRedeSocial.html @@ -60,21 +60,21 @@

Cadastro

- +

- +

- +

- +

- +

diff --git a/src/Cadastro/index1.html b/src/Cadastro/FormUsuario.html similarity index 98% rename from src/Cadastro/index1.html rename to src/Cadastro/FormUsuario.html index db58f2e..22cab80 100644 --- a/src/Cadastro/index1.html +++ b/src/Cadastro/FormUsuario.html @@ -58,7 +58,7 @@

Cadastro

- + diff --git a/src/Cadastro/functions1.js b/src/Cadastro/functions1.js index 4a810b4..1b42b09 100644 --- a/src/Cadastro/functions1.js +++ b/src/Cadastro/functions1.js @@ -2,8 +2,8 @@ const password = document.querySelector("#password"); const confirm_password = document.querySelector("#confirm_password"); - const btn_proximo1= document.querySelector("#btn_proximo1"); - btn_proximo1.addEventListener("click", proximo); + const FormUsuario= document.querySelector("#FormUsuario"); + FormUsuario.addEventListener("click", proximo); function senha() { @@ -21,7 +21,7 @@ function proximo() { - window.location.href ="../Cadastro/index2.html"; + window.location.href ="../Cadastro/FormEndereco.html"; } diff --git a/src/Cadastro/functions2.js b/src/Cadastro/functions2.js index fb4c339..bafa58f 100644 --- a/src/Cadastro/functions2.js +++ b/src/Cadastro/functions2.js @@ -1,8 +1,8 @@ -const btn_proximo2= document.querySelector("#btn_proximo2"); -btn_proximo2.addEventListener("click", proximo) +const FormEndereco= document.querySelector("#FormEndereco"); +FormEndereco.addEventListener("click", proximo) function proximo() { - window.location.href = "../Cadastro/index3.html" ; + window.location.href = "../Cadastro/FormRedeSocial.html" ; } \ No newline at end of file diff --git a/src/Cadastro/style.css b/src/Cadastro/style.css index b695a52..ca29fe4 100644 --- a/src/Cadastro/style.css +++ b/src/Cadastro/style.css @@ -6,7 +6,7 @@ body { header { font-family: 'Onest', sans-serif; font-size: 12px; - background-color: #A3B18A; + background-color: #71874a; color: #ffffff; padding: 8px 0; display: flex; @@ -48,7 +48,7 @@ header { .button:hover { color: #283618; - background-color: #f3f3f3; + background-color: #cbbdbd; } .content { @@ -65,7 +65,7 @@ header { flex: 1; text-align: left; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - color: #283618; + color: #4a573a; } .image { @@ -80,7 +80,7 @@ header { h2 { font-size: 40px; font-family: Verdana, Geneva, Tahoma, sans-serif; - color: #71816D; + color: #e2e4e1; } p { diff --git a/src/login/index.html b/src/login/index.html index 3970918..8d5a3db 100644 --- a/src/login/index.html +++ b/src/login/index.html @@ -42,7 +42,7 @@

Insira os dados para acessar


- Cadastre-se + Cadastre-se diff --git a/src/login/style.css b/src/login/style.css index 0b7afc9..b1f51ba 100644 --- a/src/login/style.css +++ b/src/login/style.css @@ -37,7 +37,7 @@ header { .button { font-family: Arial, Helvetica, sans-serif; background-color: #283618; - color: #EDEDE9; + color: #ffffff; border: none; padding: 10px 20px; margin-left: 10px; @@ -47,8 +47,8 @@ header { } .button:hover { - color: #283618; - background-color: #f3f3f3; + color: #e5e5e5; + background-color: #848484; } .content { @@ -80,7 +80,7 @@ header { h2 { font-size: 40px; font-family: Verdana, Geneva, Tahoma, sans-serif; - color: #71816D; + color: #b0b0b0; } p { @@ -111,7 +111,7 @@ footer { bottom: 50px; width: 100%; height: 2.5rem; - color: #ffffff; + color: #f3f3f3; text-align: center; padding: 0.5rem; @@ -121,7 +121,7 @@ footer { width: 600px; /* Largura do formulário (ajuste conforme necessário) */ margin: 0 auto; /* Centraliza horizontalmente */ padding: 60px; - background-color: #f0f1f0cd; + background-color: #dfe5dfcd; border: 1px solid #71816D; } From 21f3d6727fa29a22c08aee83f7220ec756bdfba5 Mon Sep 17 00:00:00 2001 From: CaioMMelo Date: Tue, 31 Oct 2023 22:29:45 -0300 Subject: [PATCH 4/4] alterando rota dos arquivos --- src/Cadastro/FormEndereco.html | 2 +- src/Cadastro/FormRedeSocial.html | 2 +- src/Cadastro/FormUsuario.html | 2 +- src/index.html | 2 +- src/login/index.html | 4 ++-- 5 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/Cadastro/FormEndereco.html b/src/Cadastro/FormEndereco.html index 7ee3e88..727b6a8 100644 --- a/src/Cadastro/FormEndereco.html +++ b/src/Cadastro/FormEndereco.html @@ -113,7 +113,7 @@

Cadastro