diff --git a/3.createElement-e-forms/index.html b/3.createElement-e-forms/index.html index b2a97aa..fdc0d21 100644 --- a/3.createElement-e-forms/index.html +++ b/3.createElement-e-forms/index.html @@ -8,15 +8,17 @@ -
+
+
- +
+ \ No newline at end of file diff --git a/4.brincando-com-eventos/index.html b/4.brincando-com-eventos/index.html index 2f6e7ed..6036221 100644 --- a/4.brincando-com-eventos/index.html +++ b/4.brincando-com-eventos/index.html @@ -1,5 +1,5 @@ - + diff --git a/exercicio-de-aula/exercicio1/index.html b/exercicio-de-aula/exercicio1/index.html index 5dff8e7..bad05b2 100644 --- a/exercicio-de-aula/exercicio1/index.html +++ b/exercicio-de-aula/exercicio1/index.html @@ -1,12 +1,12 @@ - - - - + + + + Document - - - - + +
+
+
+ +

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eveniet pariatur sed libero fugit doloribus velit illum tenetur ea? Libero, ipsa?

- - \ No newline at end of file + + + diff --git a/exercicios-para-casa/raquel-belmiro/css/style.css b/exercicios-para-casa/raquel-belmiro/css/style.css new file mode 100644 index 0000000..d77793f --- /dev/null +++ b/exercicios-para-casa/raquel-belmiro/css/style.css @@ -0,0 +1,44 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: Arial, Helvetica, sans-serif; +} + +h1{ + text-align: center; + font-size: 2.1em; + padding: 0.4em; + background-color: rgba(19, 245, 68, 0.582); + color:rgba(52, 53, 47, 0.74); + box-shadow: 0px 10px 10px #88888825; + +} + + +article{ + width: 90vw; + margin: 0.5em auto; + padding: 0 5em; + text-align: justify; + background-color: rgba(206, 231, 191, 0.295); + box-shadow: 0px 10px 10px #88888863; + +} + +img{ + height: 25vw; + margin: 1% 27%; + border-radius: 10px; +} + +p{ + padding-bottom: 1%; + font-size: 20px; + color: rgba(7, 29, 5, 0.582); +} + +a{ + text-decoration: none; + color: rgba(26, 105, 19, 0.582); +} \ No newline at end of file diff --git a/exercicios-para-casa/raquel-belmiro/exercicio1/script.js b/exercicios-para-casa/raquel-belmiro/exercicio1/script.js new file mode 100644 index 0000000..1637d9b --- /dev/null +++ b/exercicios-para-casa/raquel-belmiro/exercicio1/script.js @@ -0,0 +1,35 @@ +//Crie uma variável para armazenar cada um dos seus elementos HTML no javascript; + + +const titulo = document.getElementsByTagName("h1"); + +const artigo = document.getElementsByTagName("article"); + +const imagem = document.getElementsByTagName("img"); + +const paragrafo1 = document.getElementById("p1"); + +const paragrafo2 = document.getElementById("p2"); + +const paragrafo3 = document.getElementById("p3"); + +const paragrafo4 = document.getElementById("p4"); + + +const link = document.getElementsByTagName("a")[0]; + +//Adicione uma `classe` para o seu elemento de parágrafo usando o DOM; + +paragrafo1.classList.add('primeiroParagrafo'); +paragrafo2.classList.add('segundoParagrafo'); +paragrafo3.classList.add('terceiroParagrafo'); + +//Crie ou modifique o `estilo` da sua imagem usando o DOM; +imagemNatureza.style.borderRadius="50%"; + +//Modifique o valor do atributo `href` do seu link utilizando os DOM; +link.setAttribute("href", "https://www.uol.com.br/vivabem/noticias/redacao/2018/09/15/beneficios-do-contato-com-a-natureza-veja-como-inclui-los-no-dia-a-dia.htm"); + +//Crie um novo elemento HTML utilizando o DOM e o adicione ao seu HTML. + +paragrafo4.innerText="Viva a Natureza!"; \ No newline at end of file diff --git a/exercicios-para-casa/raquel-belmiro/exercicio2/script.js b/exercicios-para-casa/raquel-belmiro/exercicio2/script.js new file mode 100644 index 0000000..23e5792 --- /dev/null +++ b/exercicios-para-casa/raquel-belmiro/exercicio2/script.js @@ -0,0 +1,17 @@ +//Quem é o elemento `pai/mãe` do seu artigo? + +const pai = document.getElementById("artgo").parentNode; + +console.log("Elemento pai do artigo: ", pai); + +//Quem são os elementos `filhes` do seu artigo? + +const filhos = document.getElementById("artgo").children; + +console.log("Elementos filhos do artigo: ", filhos); + +//Qual elemento é o `próximo irmão` do elemento parágrafo? + +const proxIrmao= document.getElementById("p1").nextElementSibling; + +console.log("Proximo irmão do primeiro parágrafo: ", proxIrmao); diff --git a/exercicios-para-casa/raquel-belmiro/exercicio3/script.js b/exercicios-para-casa/raquel-belmiro/exercicio3/script.js new file mode 100644 index 0000000..e69de29 diff --git a/exercicios-para-casa/raquel-belmiro/img/garden.jpg b/exercicios-para-casa/raquel-belmiro/img/garden.jpg new file mode 100644 index 0000000..74fb442 Binary files /dev/null and b/exercicios-para-casa/raquel-belmiro/img/garden.jpg differ diff --git a/exercicios-para-casa/raquel-belmiro/img/mulherMeditandoJardim.jpg b/exercicios-para-casa/raquel-belmiro/img/mulherMeditandoJardim.jpg new file mode 100644 index 0000000..d0aba38 Binary files /dev/null and b/exercicios-para-casa/raquel-belmiro/img/mulherMeditandoJardim.jpg differ diff --git a/exercicios-para-casa/raquel-belmiro/index.html b/exercicios-para-casa/raquel-belmiro/index.html new file mode 100644 index 0000000..8cfbb93 --- /dev/null +++ b/exercicios-para-casa/raquel-belmiro/index.html @@ -0,0 +1,53 @@ + + + + + + + Exercicios + + + + + + + + + + +

Jardinagem Terapêutica

+
+ mulher com vestido branco andando por jardim cim cesta de flores +

+ Também conhecida como Garden Terapy, a jardinagem terapêutica combina + técnicas de cultivo de plantas e contemplação de jardins. Esse tipo de + terapia melhora a qualidade de vida das pessoas que apresentam quadros + de depressão, baixa autoestima, transtornos de ansiedade e outros + problemas psicológicos. +

+ +

+ Cuidar de flores é uma ótima forma de reduzir o estresse e melhorar o + humor. Especialistas afirmam que o encanto proporcionado pela + contemplação de um belo jardim leva a mente a um estado meditativo. + Assim, é possível diminuir os sentimentos negativos, alcançar momentos + de tranquilidade e deixar que os pensamentos otimistas prevaleçam no dia + a dia. +

+

+ Quer saber mais sobre beneficios do contato com a natureza? + clique aqui. +

+

+ +

+
+ +