From 2db1aa4fee80a9c286243cf6890b965a6685d20c Mon Sep 17 00:00:00 2001
From: fabiula-rodrigues <mfabi463@gmail.com>
Date: Fri, 8 Oct 2021 23:54:58 -0300
Subject: [PATCH 1/3] blabla

---
 exercicio-de-aula/exercicio1/index.html |  6 +-
 exercicios-para-casa/fabiula/index.hmtl | 92 +++++++++++++++++++++++++
 2 files changed, 97 insertions(+), 1 deletion(-)
 create mode 100644 exercicios-para-casa/fabiula/index.hmtl
diff --git a/exercicio-de-aula/exercicio1/index.html b/exercicio-de-aula/exercicio1/index.html
index 5dff8e7..510c727 100644
--- a/exercicio-de-aula/exercicio1/index.html
+++ b/exercicio-de-aula/exercicio1/index.html
@@ -6,8 +6,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
 </head>
+
+
+<p>estou ate agora tentanto fazer um pull request e nada</p>
 <!-- 
-    Crie um HTML com três divs vazias e um parágrafo com texto. Cada div com um id 
+    Crip
+    e um HTML com três divs vazias e um parágrafo com texto. Cada div com um id 
     Faça uma tag script no fim do body selecione todos os elementos do html e guarde em variáveis
     
     mostre o valor de <p> no console
diff --git a/exercicios-para-casa/fabiula/index.hmtl b/exercicios-para-casa/fabiula/index.hmtl
new file mode 100644
index 0000000..aac7e83
--- /dev/null
+++ b/exercicios-para-casa/fabiula/index.hmtl
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>tô enrolada</title>
+    <style>
+        section {
+            display: flex; 
+            justify-content: center;
+            align-items: center;
+            flex-direction: column;
+        }
+        .beyonce--img {
+            width: 300px;
+            margin: 50px;       
+        }
+        #paragrafo {
+            width: 50%;
+            color: blue; 
+            text-align: center;
+        }
+        .classeDoMeuJavascript {
+            margin: 150px; 
+            transition: 0.5s;
+        }
+        .classeDoMeuJavascript:hover {
+            cursor: pointer; 
+            background-color: #fff; 
+        }
+    </style>
+</head>
+<body>
+    <section>
+        <h1>Eu tô na <i> turma 13 </i> , e tô contente</h1>
+        <p id="paragrafo">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi officiis, vitae totam, nam nulla eum culpa voluptate quasi quibusdam rerum sapiente ex aliquid perspiciatis consectetur ea. Exercitationem autem nobis veniam?</p>
+        <img class="beyonce--img" src="https://media.hugogloss.uol.com.br/uploads/2021/09/fotojet-2-14.jpg" alt="Beyonce sorrindo">
+        <label for="nome">Nome: </label>
+        <input type="text" name="nome" id="nome">
+    </section>
+    <section>
+        <div>
+        <div>
+
+    </section>
+
+
+
+    <script type="text/javascript">
+
+    //para saber se selecionou teste com o console.log ou console.dir
+    // selecionando o nosso elemento usando o DOM.
+    const section = window.document.getElementsByTagName("section")[0];
+      //  getElementS = [{}]
+      //  querySelectorAll = [{}]
+      //  getElement = elemento; 
+      //  querySelector = elemento;
+    const paragrafo1 = document.getElementById("paragrafo");
+    const diva = document.getElementsByClassName("beyonce--img")[0];
+    const inputNome = document.querySelector("#nome");
+    const titulo = window.document.querySelector("h1");
+
+    // modificando valores: 
+    // .innerText pega o texto sem formatação.  .textContent pega o texto com formatação.  .innerHTML me permite modificar ou criar elementos com o html
+    titulo.innerHTML = "<p>Hoje faz sol</p> em <i> porto alegre <i>, ontem choveu";
+    // .value captura o valor do que foi escrito dentro da minha caixa de texto - input
+    inputNome.value = "Reprograma é show";
+
+    //modificando estilo:
+    titulo.style.color = "red";
+    //camelCase = letraDeCamelo
+    document.body.style.backgroundColor = "yellow";
+
+   //adicionando e removendo classes 
+    titulo.classList.add('classeDoMeuJavascript');
+    // titulo.classList.remove('classeDoMeuJavascript')
+    /*
+    Quando varios elementos são selecionados ao mesmo tempo, podemos iterar por eles.
+    for (let el of diva){
+        el.classList.remove('beyonce--img')
+    }
+    */ 
+
+    //pegando e modificando atributos
+    //console.log(diva.getAttribute('src'));
+    diva.setAttribute('src' , 'https://www.correio24horas.com.br/fileadmin/_processed_/0/b/csm_VF0720_Viola_Davis_Tout_3d988654d0.jpg');
+    diva.setAttribute("alt", "Viola Davis");
+    titulo.setAttribute("id","bananinha" );
+    </script>
+</body>
+</html>
\ No newline at end of file

From 65fd7f18c09a8cd2402d0ababe597c1d5c8ffce5 Mon Sep 17 00:00:00 2001
From: fabiula-rodrigues <mfabi463@gmail.com>
Date: Sat, 9 Oct 2021 00:06:48 -0300
Subject: [PATCH 2/3] avemaria

---
 exercicio-de-aula/exercicio1/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/exercicio-de-aula/exercicio1/index.html b/exercicio-de-aula/exercicio1/index.html
index 510c727..c4b12c3 100644
--- a/exercicio-de-aula/exercicio1/index.html
+++ b/exercicio-de-aula/exercicio1/index.html
@@ -20,7 +20,7 @@
     adicione pelo javascript uma classe para o paragrafo
 -->
 <body>
-    
+    fsdfsfdsfs\dcs
 
     <script>
         

From 693181bcb640a096a350010807dfba4073eadc06 Mon Sep 17 00:00:00 2001
From: fabiula-rodrigues <mfabi463@gmail.com>
Date: Sat, 9 Oct 2021 05:17:29 -0300
Subject: [PATCH 3/3] EstoudesdeOntemQuebrandoacabeca

---
 exercicios-para-casa/fabiula/index.hmtl | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/exercicios-para-casa/fabiula/index.hmtl b/exercicios-para-casa/fabiula/index.hmtl
index aac7e83..bebe16f 100644
--- a/exercicios-para-casa/fabiula/index.hmtl
+++ b/exercicios-para-casa/fabiula/index.hmtl
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>tô enrolada</title>
+    <title>tô enrolada desde deontem</title>
     <style>
         section {
             display: flex; 
