diff --git a/aula-css/exercicios/photo-grid/aula-1/css/details.css b/aula-css/exercicios/photo-grid/aula-1/css/details.css new file mode 100644 index 0000000..f6c61b8 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-1/css/details.css @@ -0,0 +1,92 @@ +@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap'); + +html, body{ + font-family: 'Quicksand', sans-serif; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + align-items: center; + background-color: #f4f4f4; + width: 100%; +} + + +header{ + width:70%; + display: flex; + align-items: center; +} +.voltar{ + text-decoration: none; + font-size: 25px; + font-weight: bold; + color: black; +} +header h1{ + margin-left: 30%; +} + +.container{ + background-color: white; + width: 350px; + display: flex; + flex-direction: column; + margin-bottom: 30px; +} +.img1, .img2, .img3, .img4, .img5, .img6{ + background-size: cover; + background-position: center; + width: 350px; + height: 350px; + background-color: white; +} +.img1{ + background-image: url("https://media1.popsugar-assets.com/files/thumbor/RR37Tcj_OHT944v5gq8wyiq9BbM/fit-in/2048xorig/filters:format_auto-!!-:strip_icc-!!-/2020/09/09/688/n/1922564/22df9f7ef43433d2_AL1020_SELENA_4_1_/i/Selena-Gomez-wearing-Romeo-Hunte-jacket-Way-We-Wore-vintage.jpg"); +} +.img2{ + background-image: url("https://pbs.twimg.com/media/EheWr2GXsAEMBN2.jpg"); +} +.img3{ + background-image: url("https://pbs.twimg.com/media/EheXmrcXcAYI4aY.jpg"); +} +.img4{ + background-image: url("https://i.pinimg.com/originals/b7/c3/4f/b7c34f0c9a0f402a6e7d81fbf4776dbb.jpg"); +} +.img5{ + background-image: url("https://4.bp.blogspot.com/-gtNbN4zmOdU/Ur2dG6Un_2I/AAAAAAAAA5c/strbZDqWCCo/s1600/selena-gomez-teen-vogue-december-2013-hq-03.jpg"); + background-size: cover; + background-position: top; + width: 300px; + height: 300px; + background-color: white; +} +.img6{ + background-image: url("https://www.mendozapost.com/files/image/136/136903/59b408eb93060_1420_!.jpg?s=1aa678c551c88ac8ba559968214e5047&d=1504987597"); +} + +.card-lateral{ + border: 1px solid gray; + border-left: none; + width: 349px; + background-color: white; +} +.perfil{ + display: flex; + align-items: center; + padding-left: 20px; + border-bottom: 1px solid gray; + height: 90px; +} +.imgPerfil{ + height: 40px; + border-radius: 50%; +} +.usuario{ + margin-left: 15px; + font-weight: bold; + font-size: 18px; +} +.legenda{ + margin: 30px 40px; +} \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-1/css/style.css b/aula-css/exercicios/photo-grid/aula-1/css/style.css new file mode 100644 index 0000000..14c4df6 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-1/css/style.css @@ -0,0 +1,97 @@ +@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap'); + +html, body{ + font-family: 'Quicksand', sans-serif; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + align-items: center; + background-color: #f4f4f4; +} + +body{ + margin-bottom: 30px; +} + +header{ + padding: 50px; + width:90%; + display: flex; + align-items: center; +} +.divImg{ + width: 150px; + height: 150px; +} +.imgPerfil{ + width: 150px; + border-radius: 50%; +} +.divBio{ + color: black; + margin-left: 50px; + height: 150px; +} +.divBio p{ + font-weight: bold; +} + + +.container{ + display: flex; + flex-direction: column; + align-content: center; +} +.card{ + margin: 15px 15px 0 15px; + text-decoration: none; +} +.foto-conteudo{ + text-decoration: none; +} +.descricao{ + display: flex; + align-items: center;; + background-color: white; + padding: 0 15px; +} +.descricao img{ + width: 30px; +} +.descricao p{ + color: black; + margin-left: 15px; + font-weight: bold; + font-size: 15px; +} +.img1, .img2, .img3, .img4, .img6{ + background-size: cover; + background-position: center; + width: 300px; + height: 300px; + background-color: white; +} +.img1{ + background-image: url("https://media1.popsugar-assets.com/files/thumbor/RR37Tcj_OHT944v5gq8wyiq9BbM/fit-in/2048xorig/filters:format_auto-!!-:strip_icc-!!-/2020/09/09/688/n/1922564/22df9f7ef43433d2_AL1020_SELENA_4_1_/i/Selena-Gomez-wearing-Romeo-Hunte-jacket-Way-We-Wore-vintage.jpg"); +} +.img2{ + background-image: url("https://pbs.twimg.com/media/EheWr2GXsAEMBN2.jpg"); +} +.img3{ + background-image: url("https://pbs.twimg.com/media/EheXmrcXcAYI4aY.jpg"); +} +.img4{ + background-image: url("https://i.pinimg.com/originals/b7/c3/4f/b7c34f0c9a0f402a6e7d81fbf4776dbb.jpg"); +} +.img5{ + background-image: url("https://4.bp.blogspot.com/-gtNbN4zmOdU/Ur2dG6Un_2I/AAAAAAAAA5c/strbZDqWCCo/s1600/selena-gomez-teen-vogue-december-2013-hq-03.jpg"); + background-size: cover; + background-position: top; + width: 300px; + height: 300px; + background-color: white; +} +.img6{ + background-image: url("https://www.mendozapost.com/files/image/136/136903/59b408eb93060_1420_!.jpg?s=1aa678c551c88ac8ba559968214e5047&d=1504987597"); +} diff --git a/aula-css/exercicios/photo-grid/aula-1/imagens/coracao.png b/aula-css/exercicios/photo-grid/aula-1/imagens/coracao.png new file mode 100644 index 0000000..4114cb5 Binary files /dev/null and b/aula-css/exercicios/photo-grid/aula-1/imagens/coracao.png differ diff --git a/aula-css/exercicios/photo-grid/aula-1/index.html b/aula-css/exercicios/photo-grid/aula-1/index.html new file mode 100644 index 0000000..aaef45f --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-1/index.html @@ -0,0 +1,67 @@ + + + + + + Photo-Grid + + + +
+
+ +
+
+

Marisa's Photo Grid

+

8/8 Ciência da Computação, Passos - MG

+
+
+ +
+ +
+
+ +

Selena Gomez posa para ...

+
+ + +
+
+ +

Selena Gomez diz ter controle ...

+
+ + +
+
+ +

Rare Beauty, marca de Selena ...

+
+ +
+
+ +
+
+ +

Em consequência da Lúpus, ...

+
+ + +
+
+ +

Selena Marie Gomez é uma c ...

+
+ + +
+
+ +

Selena Gomez nasceu em ...

+
+ +
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-01.html b/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-01.html new file mode 100644 index 0000000..c625fad --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-01.html @@ -0,0 +1,26 @@ + + + + + + Photo-Grid | Details + + + +
+ < Voltar +

Marisa's Photo Grid

+
+ +
+
+
+
+ +

marisavieira

+
+

Selena posta para a revista Allure para capa de Outubro e responde a algumas perguntas sobre seus produtos favoritos e os maiores segredos da beleza em sua entrevista exclusiva para a revista.

+
+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-02.html b/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-02.html new file mode 100644 index 0000000..efdee0b --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-02.html @@ -0,0 +1,26 @@ + + + + + + Photo-Grid | Details + + + +
+ < Voltar +

Marisa's Photo Grid

+
+ +
+
+
+
+ +

marisavieira

+
+

Selena Gomez diz ter controle total de sua vida. Para a revista Allure a estrela pop, atriz, produtora e agora empresária de beleza, diz que ainda não encontrou um desafio que não consiga dominar.

+
+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-03.html b/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-03.html new file mode 100644 index 0000000..d8fd0be --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-03.html @@ -0,0 +1,26 @@ + + + + + + Photo-Grid | Details + + + +
+ < Voltar +

Marisa's Photo Grid

+
+ +
+
+
+
+ +

marisavieira

+
+

Rare Beauty, marca de Selena Gomez está arrecadando 100 milhões de dólares para serviços de saúde mental.

+
+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-04.html b/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-04.html new file mode 100644 index 0000000..a5912a4 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-04.html @@ -0,0 +1,26 @@ + + + + + + Photo-Grid | Details + + + +
+ < Voltar +

Marisa's Photo Grid

+
+ +
+
+
+
+ +

marisavieira

+
+

Em consequência da Lúpus, doença auto-imune que Selena é portadora, no dia 19 de junho de 2017, ela teve que realizar um transplante de rim doado por uma das suas melhores amigas, Francia Raísa. Apesar de ter sido uma cirurgia com algumas complicações, felizmente, Selena conseguiu sobreviver.

+
+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-05.html b/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-05.html new file mode 100644 index 0000000..d7bdea6 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-05.html @@ -0,0 +1,26 @@ + + + + + + Photo-Grid | Details + + + +
+ < Voltar +

Marisa's Photo Grid

+
+ +
+
+
+
+ +

marisavieira

+
+

Selena Marie Gomez é uma cantora, atriz, compositora, empresária, produtora, estilista e dubladora norte-americana de origem mexicana. Como atriz, estreou na série infantil Barney e seus Amigos, em 1999. Ganhou destaque internacional ao estrelar a série vencedora do Prêmio Emmy, Os Feiticeiros de Waverly Place, exibida pelo Disney Channel, interpretando Alex Russo. Ela formou sua banda Selena Gomez & The Scene, após assinar um contrato com a Hollywood Records em 2008, lançando 3 albúns de estúdio. Na sua carreira musical a solo, Selena lançou Stars Dance (2013) como o seu último trabalho em contrato com a Hollywood Records. Depois lança os aclamados, Revival (2015) e Rare (2020)

+
+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-06.html b/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-06.html new file mode 100644 index 0000000..a98fdf1 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-06.html @@ -0,0 +1,26 @@ + + + + + + Photo-Grid | Details + + + +
+ < Voltar +

Marisa's Photo Grid

+
+ +
+
+
+
+ +

marisavieira

+
+

Selena Gomez nasceu em 22 de julho de 1992, filha única de Ricardo Joel Gomez e Amanda "Mandy" Cornett, uma atriz de teatro antigo, que tinha 16 anos quando deu à luz Selena Gomez. Os seus pais separaram-se quando ela tinha cinco anos de idade, em 1997. Sua mãe casou-se em 2006 com Brian Teefy, com quem Mandy teve duas filhas, sendo uma abortada espontaneamente, chamada Scarlett, e a mais nova, Grace Teefey, que está saudável. O seu primeiro nome é uma homenagem à cantora texana Selena Quintanilla-Pérez

+
+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/css/details.css b/aula-css/exercicios/photo-grid/aula-2/css/details.css new file mode 100644 index 0000000..92ac7b5 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/css/details.css @@ -0,0 +1,107 @@ +@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap'); + +html, body{ + font-family: 'Quicksand', sans-serif; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + align-items: center; + background-color: #f4f4f4; + width: 100%; +} + + +header{ + width:70%; + display: flex; + align-items: center; +} +.voltar{ + text-decoration: none; + font-size: 25px; + font-weight: bold; + color: black; +} +header h1{ + margin-left: 30%; +} + +.container{ + background-color: white; + width: 350px; + display: flex; + flex-direction: column; + margin-bottom: 30px; +} +.img1, .img2, .img3, .img4, .img5, .img6{ + background-size: cover; + background-position: center; + width: 350px; + height: 350px; + background-color: white; +} +.img1{ + background-image: url("https://media1.popsugar-assets.com/files/thumbor/RR37Tcj_OHT944v5gq8wyiq9BbM/fit-in/2048xorig/filters:format_auto-!!-:strip_icc-!!-/2020/09/09/688/n/1922564/22df9f7ef43433d2_AL1020_SELENA_4_1_/i/Selena-Gomez-wearing-Romeo-Hunte-jacket-Way-We-Wore-vintage.jpg"); +} +.img2{ + background-image: url("https://pbs.twimg.com/media/EheWr2GXsAEMBN2.jpg"); +} +.img3{ + background-image: url("https://pbs.twimg.com/media/EheXmrcXcAYI4aY.jpg"); +} +.img4{ + background-image: url("https://i.pinimg.com/originals/b7/c3/4f/b7c34f0c9a0f402a6e7d81fbf4776dbb.jpg"); +} +.img5{ + background-image: url("https://4.bp.blogspot.com/-gtNbN4zmOdU/Ur2dG6Un_2I/AAAAAAAAA5c/strbZDqWCCo/s1600/selena-gomez-teen-vogue-december-2013-hq-03.jpg"); + background-size: cover; + background-position: top; + width: 300px; + height: 300px; + background-color: white; +} +.img6{ + background-image: url("https://www.mendozapost.com/files/image/136/136903/59b408eb93060_1420_!.jpg?s=1aa678c551c88ac8ba559968214e5047&d=1504987597"); +} + +.card-lateral{ + border: 1px solid gray; + border-left: none; + width: 349px; + background-color: white; +} +.perfil{ + display: flex; + align-items: center; + padding-left: 20px; + border-bottom: 1px solid gray; + height: 90px; +} +.imgPerfil{ + height: 40px; + border-radius: 50%; +} +.usuario{ + margin-left: 15px; + font-weight: bold; + font-size: 18px; +} +.legenda{ + margin: 30px 40px; +} + + +@media (min-width: 980px){ + .container{ + flex-direction: row; + width: 70%; + } + .card-lateral{ + width: 350px; + } + .img1, .img2, .img3, .img4, .img5, .img6{ + width: 600px; + height: 600px; + } +} \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/css/style.css b/aula-css/exercicios/photo-grid/aula-2/css/style.css new file mode 100644 index 0000000..d903243 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/css/style.css @@ -0,0 +1,104 @@ +@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap'); + +html, body{ + font-family: 'Quicksand', sans-serif; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + align-items: center; + background-color: #f4f4f4; +} + +body{ + margin-bottom: 30px; +} + +header{ + padding: 50px; + width:90%; + display: flex; + align-items: center; +} +.divImg{ + width: 150px; + height: 150px; +} +.imgPerfil{ + width: 150px; + border-radius: 50%; +} +.divBio{ + color: black; + margin-left: 50px; + height: 150px; +} +.divBio p{ + font-weight: bold; +} + + +.container{ + display: flex; + flex-direction: column; + align-content: center; +} +.card{ + margin: 15px 15px 0 15px; + text-decoration: none; +} +.foto-conteudo{ + text-decoration: none; +} +.descricao{ + display: flex; + align-items: center;; + background-color: white; + padding: 0 15px; +} +.descricao img{ + width: 30px; +} +.descricao p{ + color: black; + margin-left: 15px; + font-weight: bold; + font-size: 15px; +} +.img1, .img2, .img3, .img4, .img6{ + background-size: cover; + background-position: center; + width: 300px; + height: 300px; + background-color: white; +} +.img1{ + background-image: url("https://media1.popsugar-assets.com/files/thumbor/RR37Tcj_OHT944v5gq8wyiq9BbM/fit-in/2048xorig/filters:format_auto-!!-:strip_icc-!!-/2020/09/09/688/n/1922564/22df9f7ef43433d2_AL1020_SELENA_4_1_/i/Selena-Gomez-wearing-Romeo-Hunte-jacket-Way-We-Wore-vintage.jpg"); +} +.img2{ + background-image: url("https://pbs.twimg.com/media/EheWr2GXsAEMBN2.jpg"); +} +.img3{ + background-image: url("https://pbs.twimg.com/media/EheXmrcXcAYI4aY.jpg"); +} +.img4{ + background-image: url("https://i.pinimg.com/originals/b7/c3/4f/b7c34f0c9a0f402a6e7d81fbf4776dbb.jpg"); +} +.img5{ + background-image: url("https://4.bp.blogspot.com/-gtNbN4zmOdU/Ur2dG6Un_2I/AAAAAAAAA5c/strbZDqWCCo/s1600/selena-gomez-teen-vogue-december-2013-hq-03.jpg"); + background-size: cover; + background-position: top; + width: 300px; + height: 300px; + background-color: white; +} +.img6{ + background-image: url("https://www.mendozapost.com/files/image/136/136903/59b408eb93060_1420_!.jpg?s=1aa678c551c88ac8ba559968214e5047&d=1504987597"); +} + + +@media (min-width: 980px){ + .container{ + flex-direction: row; + } +} \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/imagens/coracao.png b/aula-css/exercicios/photo-grid/aula-2/imagens/coracao.png new file mode 100644 index 0000000..4114cb5 Binary files /dev/null and b/aula-css/exercicios/photo-grid/aula-2/imagens/coracao.png differ diff --git a/aula-css/exercicios/photo-grid/aula-2/index.html b/aula-css/exercicios/photo-grid/aula-2/index.html new file mode 100644 index 0000000..aaef45f --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/index.html @@ -0,0 +1,67 @@ + + + + + + Photo-Grid + + + +
+
+ +
+
+

Marisa's Photo Grid

+

8/8 Ciência da Computação, Passos - MG

+
+
+ +
+ +
+
+ +

Selena Gomez posa para ...

+
+ + +
+
+ +

Selena Gomez diz ter controle ...

+
+ + +
+
+ +

Rare Beauty, marca de Selena ...

+
+ +
+
+ +
+
+ +

Em consequência da Lúpus, ...

+
+ + +
+
+ +

Selena Marie Gomez é uma c ...

+
+ + +
+
+ +

Selena Gomez nasceu em ...

+
+ +
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-01.html b/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-01.html new file mode 100644 index 0000000..c625fad --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-01.html @@ -0,0 +1,26 @@ + + + + + + Photo-Grid | Details + + + +
+ < Voltar +

Marisa's Photo Grid

+
+ +
+
+
+
+ +

marisavieira

+
+

Selena posta para a revista Allure para capa de Outubro e responde a algumas perguntas sobre seus produtos favoritos e os maiores segredos da beleza em sua entrevista exclusiva para a revista.

+
+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-02.html b/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-02.html new file mode 100644 index 0000000..efdee0b --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-02.html @@ -0,0 +1,26 @@ + + + + + + Photo-Grid | Details + + + +
+ < Voltar +

Marisa's Photo Grid

+
+ +
+
+
+
+ +

marisavieira

+
+

Selena Gomez diz ter controle total de sua vida. Para a revista Allure a estrela pop, atriz, produtora e agora empresária de beleza, diz que ainda não encontrou um desafio que não consiga dominar.

+
+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-03.html b/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-03.html new file mode 100644 index 0000000..d8fd0be --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-03.html @@ -0,0 +1,26 @@ + + + + + + Photo-Grid | Details + + + +
+ < Voltar +

Marisa's Photo Grid

+
+ +
+
+
+
+ +

marisavieira

+
+

Rare Beauty, marca de Selena Gomez está arrecadando 100 milhões de dólares para serviços de saúde mental.

+
+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-04.html b/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-04.html new file mode 100644 index 0000000..a5912a4 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-04.html @@ -0,0 +1,26 @@ + + + + + + Photo-Grid | Details + + + +
+ < Voltar +

Marisa's Photo Grid

+
+ +
+
+
+
+ +

marisavieira

+
+

Em consequência da Lúpus, doença auto-imune que Selena é portadora, no dia 19 de junho de 2017, ela teve que realizar um transplante de rim doado por uma das suas melhores amigas, Francia Raísa. Apesar de ter sido uma cirurgia com algumas complicações, felizmente, Selena conseguiu sobreviver.

+
+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-05.html b/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-05.html new file mode 100644 index 0000000..d7bdea6 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-05.html @@ -0,0 +1,26 @@ + + + + + + Photo-Grid | Details + + + +
+ < Voltar +

Marisa's Photo Grid

+
+ +
+
+
+
+ +

marisavieira

+
+

Selena Marie Gomez é uma cantora, atriz, compositora, empresária, produtora, estilista e dubladora norte-americana de origem mexicana. Como atriz, estreou na série infantil Barney e seus Amigos, em 1999. Ganhou destaque internacional ao estrelar a série vencedora do Prêmio Emmy, Os Feiticeiros de Waverly Place, exibida pelo Disney Channel, interpretando Alex Russo. Ela formou sua banda Selena Gomez & The Scene, após assinar um contrato com a Hollywood Records em 2008, lançando 3 albúns de estúdio. Na sua carreira musical a solo, Selena lançou Stars Dance (2013) como o seu último trabalho em contrato com a Hollywood Records. Depois lança os aclamados, Revival (2015) e Rare (2020)

+
+
+ + \ No newline at end of file diff --git a/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-06.html b/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-06.html new file mode 100644 index 0000000..a98fdf1 --- /dev/null +++ b/aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-06.html @@ -0,0 +1,26 @@ + + + + + + Photo-Grid | Details + + + +
+ < Voltar +

Marisa's Photo Grid

+
+ +
+
+
+
+ +

marisavieira

+
+

Selena Gomez nasceu em 22 de julho de 1992, filha única de Ricardo Joel Gomez e Amanda "Mandy" Cornett, uma atriz de teatro antigo, que tinha 16 anos quando deu à luz Selena Gomez. Os seus pais separaram-se quando ela tinha cinco anos de idade, em 1997. Sua mãe casou-se em 2006 com Brian Teefy, com quem Mandy teve duas filhas, sendo uma abortada espontaneamente, chamada Scarlett, e a mais nova, Grace Teefey, que está saudável. O seu primeiro nome é uma homenagem à cantora texana Selena Quintanilla-Pérez

+
+
+ + \ No newline at end of file diff --git a/aula-logica/exercicios/aula1/calculadora.por b/aula-logica/exercicios/aula1/calculadora.por new file mode 100644 index 0000000..62816c0 --- /dev/null +++ b/aula-logica/exercicios/aula1/calculadora.por @@ -0,0 +1,44 @@ +programa +{ + + funcao inicio() + { + real num1, num2, resultado, operador + inteiro valido=0 + + escreva (" Escolha a operação: 1 - Soma; 2 - Subtração; 3 - Multiplicação; 4 - Divisão \n Operação: ") + leia (operador) + + escreva ("\n Digite o primeiro numero: ") + leia(num1) + + escreva (" Digite o segundo numero: ") + leia(num2) + + se(operador ==1){ + resultado = num1+num2 + } + senao se(operador ==2){ + resultado = num1-num2 + } + senao se(operador ==3){ + resultado = num1*num2 + } + senao{ + resultado = num1/num2 + } + + escreva("\n O resultado foi: ", resultado, "\n") + } +} +/* $$$ Portugol Studio $$$ + * + * Esta seção do arquivo guarda informações do Portugol Studio. + * Você pode apagá-la se estiver utilizando outro editor. + * + * @POSICAO-CURSOR = 578; + * @PONTOS-DE-PARADA = ; + * @SIMBOLOS-INSPECIONADOS = ; + * @FILTRO-ARVORE-TIPOS-DE-DADO = inteiro, real, logico, cadeia, caracter, vazio; + * @FILTRO-ARVORE-TIPOS-DE-SIMBOLO = variavel, vetor, matriz, funcao; + */ \ No newline at end of file diff --git a/aula-logica/exercicios/aula2/calculadora.por b/aula-logica/exercicios/aula2/calculadora.por new file mode 100644 index 0000000..11e630e --- /dev/null +++ b/aula-logica/exercicios/aula2/calculadora.por @@ -0,0 +1,39 @@ +programa +{ + + funcao inicio() + { + real num1, num2, resultado, operador + caracter continuar='S' + + enquanto(continuar == 'S' ou continuar == 's'){ + escreva (" Escolha a operação: 1 - Soma; 2 - Subtração; 3 - Multiplicação; 4 - Divisão \n Operação: ") + leia (operador) + + escreva ("\n Digite o primeiro numero: ") + leia(num1) + + escreva (" Digite o segundo numero: ") + leia(num2) + + se(operador ==1){ + resultado = num1+num2 + } + senao se(operador ==2){ + resultado = num1-num2 + } + senao se(operador ==3){ + resultado = num1*num2 + } + senao{ + resultado = num1/num2 + } + + escreva("\n O resultado foi: ", resultado, "\n Deseja continuar? Digite S para sim e N para não: ") + leia (continuar) + escreva("\n") + } + + escreva(" Obrigada e até mais! :D \n ") + } +} \ No newline at end of file diff --git a/aulas-javascript/exercicios/aula1/index.html b/aulas-javascript/exercicios/aula1/index.html index e69de29..dd93c7d 100644 --- a/aulas-javascript/exercicios/aula1/index.html +++ b/aulas-javascript/exercicios/aula1/index.html @@ -0,0 +1,11 @@ + + + + + + Exercício 1 javascript + + + + + \ No newline at end of file diff --git a/aulas-javascript/exercicios/aula1/script.js b/aulas-javascript/exercicios/aula1/script.js new file mode 100644 index 0000000..8d4b001 --- /dev/null +++ b/aulas-javascript/exercicios/aula1/script.js @@ -0,0 +1,10 @@ +function checarSePodeDirigir(idade) { + if (idade >= 18) { + alert(' Já pode dirigir! '); + } else { + alert(' Ainda não pode dirigir! '); + } +} + +let idade = prompt('Digite sua idade'); +checarSePodeDirigir(idade); \ No newline at end of file diff --git a/aulas-javascript/exercicios/aula2/index.html b/aulas-javascript/exercicios/aula2/index.html index e69de29..1c1ba4b 100644 --- a/aulas-javascript/exercicios/aula2/index.html +++ b/aulas-javascript/exercicios/aula2/index.html @@ -0,0 +1,33 @@ + + + + + + Exercício 2 javascript + + +
+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+
+
+ +
+ + + + \ No newline at end of file diff --git a/aulas-javascript/exercicios/aula2/script.js b/aulas-javascript/exercicios/aula2/script.js new file mode 100644 index 0000000..4b39d52 --- /dev/null +++ b/aulas-javascript/exercicios/aula2/script.js @@ -0,0 +1,25 @@ +function saoDiferentes() { + let num1 = document.querySelector('#num1').value; + let num12 = document.querySelector('#num2').value; + + if(num1 == num12){ + let div = document.createElement('div'); + div.innerText = ' Não são diferentes '; + document.body.append(div); + div.style.color = 'red'; + } else { + let div = document.createElement('div'); + div.innerText = ' Os valores são diferentes '; + document.body.append(div); + div.style.color = 'green' ; + } +} + +function resetar() { + document.getElementById('num1').value=''; + document.getElementById('num2').value=''; + document.getElementsByTagName('div').remove(); +} + +document.getElementById('buttoncheck').onclick = saoDiferentes; +document.getElementById('buttonreset').onclick = resetar; \ No newline at end of file diff --git a/primeiros-passos b/primeiros-passos new file mode 160000 index 0000000..a6c70fc --- /dev/null +++ b/primeiros-passos @@ -0,0 +1 @@ +Subproject commit a6c70fc4fdfb7491e17ed683ba0a96591786c037