diff --git a/Atividade_casa_alunas/Aluna_1/Conteudo_aula/css/style.css b/Atividade_casa_alunas/Aluna_1/Conteudo_aula/css/style.css deleted file mode 100644 index fd40910..0000000 --- a/Atividade_casa_alunas/Aluna_1/Conteudo_aula/css/style.css +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/Atividade_casa_alunas/Aluna_1/Conteudo_aula/index.html b/Atividade_casa_alunas/Aluna_1/Conteudo_aula/index.html deleted file mode 100644 index e6f4aed..0000000 --- a/Atividade_casa_alunas/Aluna_1/Conteudo_aula/index.html +++ /dev/null @@ -1,55 +0,0 @@ - - - - - - - Meus Sonhos - - -
- Imagem do globo terra -

Meus próximos destinos

-
-
- - -
-

Lugares que eu ainda vou conhecer

-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis ipsum reprehenderit fugit ipsa veritatis dolores quaerat? Saepe veniam perferendis quasi nemo magnam deleniti laboriosam porro autem, officiis voluptate. Omnis, officiis. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iure consequuntur omnis vero, pariatur deserunt adipisci. Veritatis quos id perferendis ipsa dolores vel quam molestiae neque sit, earum, temporibus distinctio quas!

-

Lorem um dolor sit amet consectetur adipisicing elit. Omnis adipisci aspernatur cupiditate dolor nesciunt accusantium, fugiat sit laboriosam, sed error quae ipsam! Culpa ipsa sunt quod suscipit laboriosam distinctio placeat. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iusto dolorum beatae dignissimos minus culpa consectetur quae eum, temporibus ea ab asperiores rem, illo distinctio fugit amet itaque eaque. Minima, illum.

-
- - - -
-
-
-

Paris

-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis neque, vero porro natus nihil rerum vel aperiam alias, cupiditate sint nemo enim nostrum. Omnis, aliquam quas quis neque sint eum.

-
- Paris -
-
-
-

Maldivas

-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis neque, vero porro natus nihil rerum vel aperiam alias, cupiditate sint nemo enim nostrum. Omnis, aliquam quas quis neque sint eum.

-
- Maldivas -
-
- - - - - - -
- - - \ No newline at end of file diff --git a/Atividade_casa_alunas/Aluna_1/css/style.css b/Atividade_casa_alunas/Aluna_1/css/style.css deleted file mode 100644 index 0a726a1..0000000 --- a/Atividade_casa_alunas/Aluna_1/css/style.css +++ /dev/null @@ -1,3 +0,0 @@ -div ~p{ - color: red; - } \ No newline at end of file diff --git a/Atividade_casa_alunas/Aluna_1/index.html b/Atividade_casa_alunas/Aluna_1/index.html deleted file mode 100644 index 0b010f9..0000000 --- a/Atividade_casa_alunas/Aluna_1/index.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - Document - - -
-

Meu titulo

-

Primeiro parágrafo

-

Segundo parágrafo

- -
-

meu terceiro parágrafo

-
- -
- - \ No newline at end of file diff --git a/Atividade_casa_alunas/tamires-cristina/Conteudo_aula/css/style.css b/Atividade_casa_alunas/tamires-cristina/Conteudo_aula/css/style.css new file mode 100644 index 0000000..8b8b457 --- /dev/null +++ b/Atividade_casa_alunas/tamires-cristina/Conteudo_aula/css/style.css @@ -0,0 +1,176 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +html { + font-size: 10px; +} + +body { + background: linear-gradient( + rgba(169, 153, 171, 0.2), + rgba(110, 91, 108, 0.3) + ); +} + +.barra-navegacao { + background-color: rgb(82, 67, 95); + display: flex; + padding: 2rem; + align-items: center; +} + +.barra-navegacao > img { + width: 5%; + margin-right: 2rem; + min-width: 60px; +} + +.barra-navegacao > p { + font-size: 2.5rem; + color: #ffffff; +} + +.conteudo-principal, +.container-pais, +.container-formulario { + padding: 4% 7%; +} + +.conteudo-principal h1 { + color: rgb(106, 59, 104); + font-size: 3rem; + margin-bottom: 3rem; + text-align: center; +} + +p { + color: rgb(93, 85, 92); + font-size: 2rem; +} + +.conteudo-principal p { + margin-bottom: 1.5rem; + text-align: justify; +} + +.container-pais { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +.background-pais1 { + background-color: rgb(152, 136, 150); +} + +.container-pais__texto { + width: 50%; + min-width: 250px; +} + +.container-pais__texto > h2 { + font-size: 3rem; + margin-bottom: 3rem; +} + +.container-pais > img { + width: 40%; + min-width: 250px; +} + +.row-reverse { + flex-direction: row-reverse; + background-color: rgb(196, 183, 196); +} + +.container-formulario h2 { + color: rgb(106, 59, 104); + font-size: 2.5rem; + text-align: center; + margin-bottom: 4rem; +} + +.container-formulario form { + display: flex; + flex-direction: column; + width: 60%; + margin: auto; +} + +form label { + font-size: 2rem; + margin-bottom: 1.5rem; +} + +form input, +form select, +form textarea { + border: 2px solid rgb(106, 59, 104); + border-radius: 5px; + padding: 0.5rem; + margin-bottom: 1.5rem; +} + +textarea { + height: 15vh; +} + +.botao { + text-align: center; +} + +.botao input { + background-color: rgb(106, 59, 104); + font-size: 2rem; + color: #ffffff; + padding: 1rem; +} + +.rodape { + background-color: rgb(88, 80, 87); + padding: 2rem; +} + +.rodape p { + color: #ffffff; + text-align: center; +} + +@media screen and (max-width: 980px) { + .container-formulario form { + width: 80%; + } +} + +@media screen and (max-width: 700px) { + .container-pais { + flex-direction: column; + } + + .container-pais__texto { + width: 100%; + margin-bottom: 3rem; + } + + .container-pais { + justify-content: center; + align-items: center; + } + + html { + font-size: 8px; + } +} + +@media screen and (max-width: 530px) { + .container-formulario form { + width: 90%; + } + + html { + font-size: 7px; + } +} diff --git a/Atividade_casa_alunas/Aluna_1/Conteudo_aula/img/Maldivas.jpg b/Atividade_casa_alunas/tamires-cristina/Conteudo_aula/img/Maldivas.jpg similarity index 100% rename from Atividade_casa_alunas/Aluna_1/Conteudo_aula/img/Maldivas.jpg rename to Atividade_casa_alunas/tamires-cristina/Conteudo_aula/img/Maldivas.jpg diff --git a/Atividade_casa_alunas/Aluna_1/Conteudo_aula/img/Paris.jpg b/Atividade_casa_alunas/tamires-cristina/Conteudo_aula/img/Paris.jpg similarity index 100% rename from Atividade_casa_alunas/Aluna_1/Conteudo_aula/img/Paris.jpg rename to Atividade_casa_alunas/tamires-cristina/Conteudo_aula/img/Paris.jpg diff --git a/Atividade_casa_alunas/Aluna_1/Conteudo_aula/img/viagem.png b/Atividade_casa_alunas/tamires-cristina/Conteudo_aula/img/viagem.png similarity index 100% rename from Atividade_casa_alunas/Aluna_1/Conteudo_aula/img/viagem.png rename to Atividade_casa_alunas/tamires-cristina/Conteudo_aula/img/viagem.png diff --git a/Atividade_casa_alunas/tamires-cristina/Conteudo_aula/index.html b/Atividade_casa_alunas/tamires-cristina/Conteudo_aula/index.html new file mode 100644 index 0000000..5cdf4c4 --- /dev/null +++ b/Atividade_casa_alunas/tamires-cristina/Conteudo_aula/index.html @@ -0,0 +1,131 @@ + + + + + + + Meus Sonhos + + +
+ Imagem do globo terra +

Meus próximos destinos

+
+ +
+ + +
+

Lugares que eu ainda vou conhecer

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis + ipsum reprehenderit fugit ipsa veritatis dolores quaerat? Saepe veniam + perferendis quasi nemo magnam deleniti laboriosam porro autem, + officiis voluptate. Omnis, officiis. Lorem, ipsum dolor sit amet + consectetur adipisicing elit. Iure consequuntur omnis vero, pariatur + deserunt adipisci. Veritatis quos id perferendis ipsa dolores vel quam + molestiae neque sit, earum, temporibus distinctio quas! +

+

+ Lorem um dolor sit amet consectetur adipisicing elit. Omnis adipisci + aspernatur cupiditate dolor nesciunt accusantium, fugiat sit + laboriosam, sed error quae ipsam! Culpa ipsa sunt quod suscipit + laboriosam distinctio placeat. Lorem, ipsum dolor sit amet consectetur + adipisicing elit. Iusto dolorum beatae dignissimos minus culpa + consectetur quae eum, temporibus ea ab asperiores rem, illo distinctio + fugit amet itaque eaque. Minima, illum. +

+
+ + + +
+
+
+

Paris

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis + neque, vero porro natus nihil rerum vel aperiam alias, cupiditate + sint nemo enim nostrum. Omnis, aliquam quas quis neque sint eum. +

+
+ Paris +
+
+
+

Maldivas

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis + neque, vero porro natus nihil rerum vel aperiam alias, cupiditate + sint nemo enim nostrum. Omnis, aliquam quas quis neque sint eum. +

+
+ Maldivas +
+
+ + + +
+

Eiii!! Vamos conversar sobre sonhos?

+
+ + + + + + + + + + + + +
+ + +
+ + + + +
+ +
+
+
+
+ + + + diff --git a/Atividade_casa_alunas/tamires-cristina/atividade_casa/css/style.css b/Atividade_casa_alunas/tamires-cristina/atividade_casa/css/style.css new file mode 100644 index 0000000..916316d --- /dev/null +++ b/Atividade_casa_alunas/tamires-cristina/atividade_casa/css/style.css @@ -0,0 +1,273 @@ +@import url("https://fonts.googleapis.com/css2?family=Abel&family=IBM+Plex+Sans:wght@600&display=swap"); + +* { + margin: 0px; + padding: 0px; + overflow: hidden; + font-family: "Akshar", arial; +} + +body, +html { + height: 100%; +} + +.div_container { + display: flex; + height: 92vh; + width: 100vw; +} + +.aside_left { + display: flex; + justify-content: center; + flex: 1.8; + background: url(../imagem/plano_de_fundo.png) center no-repeat; +} + +.icone_twitter_aside_left { + align-self: center; + width: 390px; +} + +.aside_right { + display: flex; + flex: 1.5; + flex-direction: column; + justify-content: center; + height: 100vh; +} + +.div_aside_rigth { + display: flex; + flex-direction: column; + height: 80vh; + justify-content: space-evenly; + padding: 20px; +} + +.img_aside_right { + display: flex; + align-items: end; +} + +.logo_twitter_aside_right { + width: 40px; + height: 35px; +} + +.text_container_aside_right { + text-align: left; +} + +.h1_aside_right { + font-family: IBM Plex Sans, sans-serif; + font-size: 4rem; + font-weight: bold; +} + +.h2_aside_right { + font-size: 40px; +} + +.button_register_container { + /* margin-left: 40px; */ +} + +.button_register { + display: flex; + align-items: center; + justify-content: center; + border: 1px solid rgb(233, 225, 225); + border-radius: 20px; + width: 16vw; + margin: 16px 0; +} + +.button_register:hover { + background-color: #e9e5e5; + cursor: pointer; +} + +.icon_google { + width: 20px; + padding: 8px; +} + +.register_option_container { + display: flex; + align-items: center; +} + +hr { + width: 7vw; + height: 0px; + opacity: 0.2; +} + +.register_option_text { + padding: 0px 3px; +} + +.button_register_cellphone { + display: flex; + align-items: center; + justify-content: center; + border: 1px solid rgb(233, 225, 225); + border-radius: 20px; + width: 16vw; + height: 4vh; + margin: 10px 0px 15px; + color: white; + background-color: rgb(71, 156, 247); +} + +.button_register_cellphone:hover { + background-color: rgb(57, 148, 245); + cursor: pointer; +} + +.agreement_text_container { + display: flex; + width: 16vw; + font-size: 12px; +} + +.agreement_text { + letter-spacing: 0.5px; +} + +.text_highlight { + color: rgb(71, 156, 247); +} + +.h3_account_question { + /* margin: 20px 40px 10px; */ +} +.login_container { + /* margin-left: 40px; */ + margin-top: 20px; +} +.button_login { + display: flex; + align-items: center; + justify-content: center; + border: 1px solid rgb(233, 225, 225); + border-radius: 20px; + width: 16vw; + height: 4vh; + margin: 10px 0px 15px; + color: rgb(71, 156, 247); +} + +.button_login:hover { + background-color: rgb(189, 219, 249); + cursor: pointer; +} + +footer { + width: 100%; +} + +ul { + list-style: none; + width: 100%; + display: flex; + height: 8vh; + align-items: center; + margin: 0px 30px; +} + +.about_link { + text-decoration: none; + color: rgb(109, 110, 111); +} + +li { + color: rgb(109, 110, 111); + font-size: 15px; + padding: 0px 10px; + list-style: none; +} + +@media (min-width: 320px) and (max-width: 768px) { + .div_container { + flex-direction: column; + } + .aside_left { + order: 2; + flex: 0.5; + } + + .h1_aside_right, .h2_aside_right{ + font-size: 1.5rem; + } + + .icone_twitter_aside_left { + width: 240px; + } + + .aside_right { + order: 1; + align-items: center; + } + + .button_register, + .button_register_cellphone, + .button_login { + width: 70vw; + } + + hr{ + width:40vw; + } + + .button_register_cellphone p{ + font-size:14px; + } + + .agreement_text_container { + width: 70vw; + } + + .ul_footer { + width: 90vw; + flex-wrap: wrap; + justify-content: space-around; + } +} + +@media screen and (min-width: 768px) and (max-width: 1024px) { + .div_container { + flex-direction: column; + } + .aside_left { + order: 2; + flex: 0.5; + } + + .icone_twitter_aside_left { + width: 240px; + } + + .aside_right { + order: 1; + align-items: center; + } + + .button_register, + .button_register_cellphone, + .button_login { + width: 40vw; + } + + .agreement_text_container { + width: 40vw; + } + + .ul_footer { + width: 90vw; + flex-wrap: wrap; + justify-content: space-around; + } +} diff --git a/Atividade_casa_alunas/tamires-cristina/atividade_casa/imagem/icone_apple.png b/Atividade_casa_alunas/tamires-cristina/atividade_casa/imagem/icone_apple.png new file mode 100644 index 0000000..364952c Binary files /dev/null and b/Atividade_casa_alunas/tamires-cristina/atividade_casa/imagem/icone_apple.png differ diff --git a/Atividade_casa_alunas/tamires-cristina/atividade_casa/imagem/icone_google.png b/Atividade_casa_alunas/tamires-cristina/atividade_casa/imagem/icone_google.png new file mode 100644 index 0000000..2228b3a Binary files /dev/null and b/Atividade_casa_alunas/tamires-cristina/atividade_casa/imagem/icone_google.png differ diff --git a/Atividade_casa_alunas/tamires-cristina/atividade_casa/imagem/icone_twitter.png b/Atividade_casa_alunas/tamires-cristina/atividade_casa/imagem/icone_twitter.png new file mode 100644 index 0000000..fffefbc Binary files /dev/null and b/Atividade_casa_alunas/tamires-cristina/atividade_casa/imagem/icone_twitter.png differ diff --git a/Atividade_casa_alunas/tamires-cristina/atividade_casa/imagem/logo_twitter2.png b/Atividade_casa_alunas/tamires-cristina/atividade_casa/imagem/logo_twitter2.png new file mode 100644 index 0000000..2b079d1 Binary files /dev/null and b/Atividade_casa_alunas/tamires-cristina/atividade_casa/imagem/logo_twitter2.png differ diff --git a/Atividade_casa_alunas/tamires-cristina/atividade_casa/imagem/plano_de_fundo.png b/Atividade_casa_alunas/tamires-cristina/atividade_casa/imagem/plano_de_fundo.png new file mode 100644 index 0000000..bcc86bb Binary files /dev/null and b/Atividade_casa_alunas/tamires-cristina/atividade_casa/imagem/plano_de_fundo.png differ diff --git a/Atividade_casa_alunas/tamires-cristina/atividade_casa/index.html b/Atividade_casa_alunas/tamires-cristina/atividade_casa/index.html new file mode 100644 index 0000000..1c774e4 --- /dev/null +++ b/Atividade_casa_alunas/tamires-cristina/atividade_casa/index.html @@ -0,0 +1,108 @@ + + + + + + + + + + + + + + HTML e CSS + + +
+ + +
+ + +