From 93aaf3140bab65ae2811e141c33296379b3bfb2c Mon Sep 17 00:00:00 2001 From: Marisa Date: Mon, 14 Sep 2020 21:55:29 -0300 Subject: [PATCH 1/5] adicionando exercicio 1 e 2 de css --- .../photo-grid/aula-1/css/details.css | 92 +++++++++++++++ .../photo-grid/aula-1/css/style.css | 97 ++++++++++++++++ .../photo-grid/aula-1/imagens/coracao.png | Bin 0 -> 9141 bytes .../exercicios/photo-grid/aula-1/index.html | 67 +++++++++++ .../aula-1/paginas/detalhes-01.html | 26 +++++ .../aula-1/paginas/detalhes-02.html | 26 +++++ .../aula-1/paginas/detalhes-03.html | 26 +++++ .../aula-1/paginas/detalhes-04.html | 26 +++++ .../aula-1/paginas/detalhes-05.html | 26 +++++ .../aula-1/paginas/detalhes-06.html | 26 +++++ .../photo-grid/aula-2/css/details.css | 107 ++++++++++++++++++ .../photo-grid/aula-2/css/style.css | 104 +++++++++++++++++ .../photo-grid/aula-2/imagens/coracao.png | Bin 0 -> 9141 bytes .../exercicios/photo-grid/aula-2/index.html | 67 +++++++++++ .../aula-2/paginas/detalhes-01.html | 26 +++++ .../aula-2/paginas/detalhes-02.html | 26 +++++ .../aula-2/paginas/detalhes-03.html | 26 +++++ .../aula-2/paginas/detalhes-04.html | 26 +++++ .../aula-2/paginas/detalhes-05.html | 26 +++++ .../aula-2/paginas/detalhes-06.html | 26 +++++ primeiros-passos | 1 + 21 files changed, 847 insertions(+) create mode 100644 aula-css/exercicios/photo-grid/aula-1/css/details.css create mode 100644 aula-css/exercicios/photo-grid/aula-1/css/style.css create mode 100644 aula-css/exercicios/photo-grid/aula-1/imagens/coracao.png create mode 100644 aula-css/exercicios/photo-grid/aula-1/index.html create mode 100644 aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-01.html create mode 100644 aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-02.html create mode 100644 aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-03.html create mode 100644 aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-04.html create mode 100644 aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-05.html create mode 100644 aula-css/exercicios/photo-grid/aula-1/paginas/detalhes-06.html create mode 100644 aula-css/exercicios/photo-grid/aula-2/css/details.css create mode 100644 aula-css/exercicios/photo-grid/aula-2/css/style.css create mode 100644 aula-css/exercicios/photo-grid/aula-2/imagens/coracao.png create mode 100644 aula-css/exercicios/photo-grid/aula-2/index.html create mode 100644 aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-01.html create mode 100644 aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-02.html create mode 100644 aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-03.html create mode 100644 aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-04.html create mode 100644 aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-05.html create mode 100644 aula-css/exercicios/photo-grid/aula-2/paginas/detalhes-06.html create mode 160000 primeiros-passos 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 0000000000000000000000000000000000000000..4114cb5e628e27088821d45569ca835da2788007 GIT binary patch literal 9141 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 lKTIA8``dF+FvsdS6}wYIiW674%zr*h80(ws)# + + + + + 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 0000000000000000000000000000000000000000..4114cb5e628e27088821d45569ca835da2788007 GIT binary patch literal 9141 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 lKTIA8``dF+FvsdS6}wYIiW674%zr*h80(ws)# + + + + + 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/primeiros-passos b/primeiros-passos new file mode 160000 index 0000000..a6c70fc --- /dev/null +++ b/primeiros-passos @@ -0,0 +1 @@ +Subproject commit a6c70fc4fdfb7491e17ed683ba0a96591786c037 From 99501db34e115b20cc4194d7fa5a851ed772f713 Mon Sep 17 00:00:00 2001 From: Marisa Date: Thu, 17 Sep 2020 15:15:36 -0300 Subject: [PATCH 2/5] =?UTF-8?q?entrega=20exericio=20aula=201=20de=20l?= =?UTF-8?q?=C3=B3gica=20de=20programa=C3=A7=C3=A3o?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- aula-logica/exercicios/aula1/calculadora.por | 44 ++++++++++++++++++++ 1 file changed, 44 insertions(+) create mode 100644 aula-logica/exercicios/aula1/calculadora.por 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 From 35df4e1df10cb7cd0bc1f5a8bcbe799989622dbd Mon Sep 17 00:00:00 2001 From: Marisa Date: Sun, 20 Sep 2020 14:14:43 -0300 Subject: [PATCH 3/5] adicionando exericio 2 de logica --- aula-logica/exercicios/aula2/calculadora.por | 39 ++++++++++++++++++++ 1 file changed, 39 insertions(+) create mode 100644 aula-logica/exercicios/aula2/calculadora.por 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 From bcb336e687f0597b48238b89225a2d0d8853863c Mon Sep 17 00:00:00 2001 From: Marisa Date: Tue, 22 Sep 2020 21:22:03 -0300 Subject: [PATCH 4/5] exercicio 1 javascript --- aulas-javascript/exercicios/aula1/index.html | 11 +++++++++++ aulas-javascript/exercicios/aula1/script.js | 10 ++++++++++ 2 files changed, 21 insertions(+) create mode 100644 aulas-javascript/exercicios/aula1/script.js 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 From d9079d455450ce182686a8e322894cd3527050fb Mon Sep 17 00:00:00 2001 From: marisa Date: Wed, 30 Sep 2020 20:24:28 -0300 Subject: [PATCH 5/5] adicionando exercicio numero 2 --- aulas-javascript/exercicios/aula2/index.html | 33 ++++++++++++++++++++ aulas-javascript/exercicios/aula2/script.js | 25 +++++++++++++++ 2 files changed, 58 insertions(+) create mode 100644 aulas-javascript/exercicios/aula2/script.js 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