From 89a29d4b28d91a0b00a025a04ddb64e1eecba1bb Mon Sep 17 00:00:00 2001
From: Giovanni Marcon <gmarcontemp-git@yahoo.com>
Date: Wed, 24 Mar 2021 16:32:44 -0300
Subject: [PATCH] Movido Pastas

---
 .../D39E2 - Tarefa/css/reset.css"             |   0
 .../D39E2 - Tarefa/css/style.css"             | 331 +++++++++++++++++
 .../D39E2 - Tarefa/images/bread.jpg"          | Bin
 .../D39E2 - Tarefa/images/fruit.jpg"          | Bin
 .../D39E2 - Tarefa/images/vegetable.jpg"      | Bin
 .../D39E2 - Tarefa/index.html"                | 251 +++++++++++++
 .../D39E2 - Tarefa/libs/jquery-3.6.0.min.js"  |   0
 .../D39E2 - jQuery Atributos.html"            |   2 +-
 .../D39E3 - Tarefa/css/style.css"             |  29 --
 .../D39E3 - Tarefa/index.html"                |  55 ---
 .../D40E2 - Scroll/css/style.css              | 348 ++----------------
 .../D40E2 - Scroll/images/seta.png            | Bin
 .../D40E2 - Scroll/index.html                 | 254 ++-----------
 .../D40E2 - Scroll/libs/banner.js             |   0
 .../D40E2 - Scroll/libs/scroll.js             |   0
 "_jQuery - B\303\241sicas.txt"                |  12 +-
 16 files changed, 646 insertions(+), 636 deletions(-)
 rename "Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/css/reset.css" => "Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/css/reset.css" (100%)
 create mode 100644 "Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/css/style.css"
 rename Dia 40 - jQuery - HTML/D40E2 - Scroll/images/bread.jpg => "Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/images/bread.jpg" (100%)
 rename Dia 40 - jQuery - HTML/D40E2 - Scroll/images/fruit.jpg => "Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/images/fruit.jpg" (100%)
 rename Dia 40 - jQuery - HTML/D40E2 - Scroll/images/vegetable.jpg => "Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/images/vegetable.jpg" (100%)
 create mode 100644 "Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/index.html"
 rename "Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/libs/jquery-3.6.0.min.js" => "Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/libs/jquery-3.6.0.min.js" (100%)
 delete mode 100644 "Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/css/style.css"
 delete mode 100644 "Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/index.html"
 rename "Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/images/seta.png" => Dia 40 - jQuery - HTML/D40E2 - Scroll/images/seta.png (100%)
 rename "Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/libs/banner.js" => Dia 40 - jQuery - HTML/D40E2 - Scroll/libs/banner.js (100%)
 rename "Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/libs/scroll.js" => Dia 40 - jQuery - HTML/D40E2 - Scroll/libs/scroll.js (100%)

diff --git "a/Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/css/reset.css" "b/Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/css/reset.css"
similarity index 100%
rename from "Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/css/reset.css"
rename to "Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/css/reset.css"
diff --git "a/Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/css/style.css" "b/Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/css/style.css"
new file mode 100644
index 0000000..58d8b78
--- /dev/null
+++ "b/Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/css/style.css"	
@@ -0,0 +1,331 @@
+/* general */
+.current {
+  color: red;
+}
+
+.hover {
+  color: blue;
+}
+
+.hint {
+  color: #999;
+}
+
+h1 {
+  font-size: 250%;
+  margin: 5px 0 10px 0;
+}
+
+legend,
+h2 {
+  font-size: 150%;
+  margin: 5px 0;
+}
+
+h3 {
+  font-size: 120%;
+  margin: 5px 0;
+}
+
+h4 {
+  font-size: 110%;
+  font-weight: bold;
+  margin: 5px 0;
+}
+
+p {
+  line-height: 1.4em;
+  margin: 0 0 8px 0;
+  font-size: 90%;
+}
+
+a {
+  color: red;
+  text-decoration: none;
+}
+
+a:visited {
+  color: #a00;
+}
+
+.template {
+  display: none;
+}
+
+/* forms */
+
+form li {
+  margin: 0 0 10px 0;
+}
+
+textarea,
+input.input_text {
+  border: 1px solid #ccc;
+  padding: 4px;
+  width: 95%;
+  font-size: 120%;
+  font-family: Arial, sans-serif;
+}
+
+label {
+  display: block;
+  font-size: 90%;
+  font-weight: bold;
+  margin: 0 0 5px 0;
+}
+
+ul {
+  margin: 20px 15px;
+  list-style-type: disc;
+}
+
+li {
+  margin: 5px 0;
+}
+
+li.checkbox {
+  margin: 0 0 15px 0;
+}
+
+li.checkbox label {
+  display: inline;
+}
+
+fieldset {
+  margin: 0 0 20px 0;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+table td,
+table th {
+  border: 1px solid #ccc;
+  padding: 5px;
+}
+
+table th {
+  background-color: #ccc;
+  font-weight: bold;
+}
+
+/* page */
+body {
+  font-family: Arial;
+  color: #333;
+  width: 900px;
+  margin: 10px auto;
+}
+
+#header {
+  margin: 0 0 20px 0;
+}
+
+#main {
+  width: 600px;
+  float: left;
+  clear: both;
+}
+
+#sidebar {
+  width: 300px;
+  float: right;
+}
+
+#footer {
+  clear: both;
+  margin: 60px 0 0 0;
+  padding: 10px 0 0 0;
+  font-size: 70%;
+  color: #ccc;
+}
+
+/* navigation */
+#logo {
+  font-size: 400%;
+  margin: 0 0 40px 0;
+}
+
+#logo a {
+  color: #000;
+}
+
+#nav {
+  margin: 0 0 20px 0;
+  overflow: visible;
+  height: 30px;
+}
+
+#nav li {
+  float: left;
+  padding: 15px;
+  background-color: #333;
+  margin: 0 5px 0 0;
+  position: relative;
+  height: 20px;
+  list-style-type: none;
+  color: #fff;
+  cursor: pointer;
+}
+
+#nav li.selected {
+  background-color: red;
+  font-weight: normal;
+}
+
+#nav li.hover {
+  background-color: blue;
+}
+
+#nav li ul {
+  position: absolute;
+  top: 50px;
+  left: 0;
+  width: 200px;
+  display: none;
+  margin: 0;
+}
+
+#nav li ul li {
+  float: none;
+  padding: 5px;
+  border-bottom: 1px solid #fff;
+  height: auto;
+}
+
+#nav a {
+  color: #fff;
+}
+
+/* main */
+#main .module {
+  margin: 0 0 10px 0;
+}
+
+#slideshow {
+  margin: 0;
+}
+
+#slideshow li {
+  margin: 0 0 10px 0;
+  list-style-type: none;
+}
+
+#specials div.special {
+  background-color: #ccc;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  padding: 10px;
+  margin: 10px 0 0 0;
+  overflow: hidden;
+}
+
+#specials div.special img {
+  float: right;
+  margin: 0 0 10px 10px;
+}
+
+#specials .template {
+  display: none;
+}
+
+#menus li {
+  margin: 0 0 20px 0;
+}
+
+#menus li li {
+  margin: 0;
+  padding: 5px;
+  border-bottom: 1px solid #ccc;
+}
+
+#menus span.price {
+  display: block;
+  float: right;
+}
+
+#staff li {
+  margin: 25px 0;
+}
+
+/* sidebar */
+#sidebar .module {
+  border: 1px solid #ccc;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  padding: 10px;
+  margin: 0 0 10px 0;
+}
+
+#sidebar .module .expander {
+  text-align: right;
+  font-size: 70%;
+}
+
+#search li {
+  position: relative;
+}
+
+#search #search_results {
+  position: absolute;
+  top: 2.8em;
+  left: 0;
+  z-index: 100;
+  background-color: #fff;
+  border: 1px solid #ccc;
+}
+
+#search #search_results li {
+  padding: 5px 0;
+  margin: 0 5px;
+}
+
+#search #search_results li.hover {
+  background-color: #ccc;
+}
+
+p.closer {
+  text-align: right;
+  font-size: 70%;
+  text-transform: uppercase;
+  cursor: pointer;
+}
+
+/* modules */
+#twitter {
+  display: none;
+}
+
+ul li.selected {
+  font-weight: bold;
+}
+
+#search {
+  margin: 15px 0;
+}
+
+/* modal */
+#modal {
+  width: 500px;
+  padding: 10px;
+  background-color: #fff;
+  position: fixed;
+  top: 100px;
+  z-index: 101;
+  margin: 0 225px;
+}
+
+#overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 10000px;
+  height: 10000px;
+  background-color: #333;
+  z-index: 100;
+}
+
+img {
+  box-sizing: border-box;
+}
diff --git a/Dia 40 - jQuery - HTML/D40E2 - Scroll/images/bread.jpg "b/Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/images/bread.jpg"
similarity index 100%
rename from Dia 40 - jQuery - HTML/D40E2 - Scroll/images/bread.jpg
rename to "Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/images/bread.jpg"
diff --git a/Dia 40 - jQuery - HTML/D40E2 - Scroll/images/fruit.jpg "b/Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/images/fruit.jpg"
similarity index 100%
rename from Dia 40 - jQuery - HTML/D40E2 - Scroll/images/fruit.jpg
rename to "Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/images/fruit.jpg"
diff --git a/Dia 40 - jQuery - HTML/D40E2 - Scroll/images/vegetable.jpg "b/Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/images/vegetable.jpg"
similarity index 100%
rename from Dia 40 - jQuery - HTML/D40E2 - Scroll/images/vegetable.jpg
rename to "Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/images/vegetable.jpg"
diff --git "a/Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/index.html" "b/Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/index.html"
new file mode 100644
index 0000000..0c05676
--- /dev/null
+++ "b/Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/index.html"	
@@ -0,0 +1,251 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+    <title>Jquery - Trabalhando com Seletores</title>
+    <link href="css/reset.css" rel="stylesheet" type="text/css" media="all" />
+    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
+
+    <style>
+        #blog p.excerpt {
+            display: none;
+        }
+    </style>
+
+    <script src="libs/jquery-3.6.0.min.js"></script>
+
+    <script>
+        $(function () {
+            // 1) Selecionar todas as tags h2 e colocar um background verde nos elementos selecionados.
+            $("h2").css("background-color", "green");
+
+            // 2) Selecionar o pai da classe buttons e colocar um background vermelho no elemento selecionado.
+            $(".buttons").parent().css("background-color", "red");
+
+            // 3) Selecionar os elementos filhos da classe module e colocar como background a cor azul.
+            $(".module *").css("background-color", "skyblue");
+
+            // 4) Selecionar o item da lista de índice 2 da classe module utilizando a função eq() e colocar como background a cor verde.
+            $(".module li").eq(2).css("background-color", "green");
+
+            // 5) Selecionar o primeiro elemento da lista myList e colocar como background a cor Amarelo.
+            $("#myList li").first().css("background-color", "yellow");
+
+            // 6) Selecionar o último elemento da lista slideshow e colocar como background a cor preta.
+            $("#slideshow li").last().css("background-color", "black");
+
+            // 7) Verifique se o primeiro elemento filho de Search é um form. Se for, exiba um alert na tela com a mensagem “O elemento form é filho de Search. Caso não seja, exiba um alert na tela com a mensagem “O elemento form não é filho de Search.
+            if ($("#search").is("form")) alert("O elemento form é filho de Search");
+            else alert("O elemento form não é filho de Search");
+
+            // 8) Selecionar todas as listas não ordenadas, exceto a de id slideshow e colocar como background a cor azul.
+            $("ul").not("#slideshow").css("background-color", "skyblue");
+
+            // 9) Selecionar todos os itens de lista que possuam um parágrafo nele e colocar como background a cor rosa.
+            $("li").has("p").css("background-color", "pink");
+
+            // 10) Alterar o conteúdo da tag que possui a classe myListItem para “Este é um novo item de lista”
+            $("#myListItem").text("Este é um novo item de lista");
+
+            // 11) Selecionar o próximo elemento após o elemento de classe selected e colocar um background cinza nele.
+            $(".selected").next().css("background-color", "gray");
+
+            // 12) Selecionar o elemento anterior ao elemento de classe input_text e colocar um background cinza nele.
+            $(".input_text").prev().css("background-color", "gray");
+
+            // 13) Selecionar todos os irmãos do elemento que possui o id listItem_2 e colocar um background verde nele.
+            $("#listItem_2").siblings().css("background-color", "lightgreen");
+
+            // 14) Selecionar todos os elementos que possuam um atributo src e colocar um background amarelo nele.
+            $("[src]").attr("style", "background-color: yellow; border: 3px solid yellow");
+
+            // 15) Selecionar dentro do elemento de id header e dentro do id nav, o elemento que contenha a classe selected. (Utilizando um seletor que contenha esse caminho)
+            console.log($("#header #nav .selected"));
+
+            // 16) Selecionar todos os elementos que possui o atributo type=”text”.
+            console.log($('[type="text"]'));
+
+            // 17) Selecionar todos os elementos que possuam o atributo value.
+            console.log($("[value]"));
+
+            // 18) Selecionar todos os elementos que possuam o atributo type diferente de submit e colocar um background vermelho nele.
+            $('input[type!="submit"]').css("background-color", "red");
+
+            // 19) Selecionar todos os elementos que possuam o atributo href que inicia com a palavra blog e colocar um background verde nele.
+            $('[href^="blog"]').css("background-color", "green");
+
+            // 20) Selecionar todos os elementos que possuam o atributo value que terminam com a letra a e colocar um background vermelho nele.
+            $('[value$="a"]').css("background-color", "red");
+
+            // 21) Selecionar todos os elementos que possuam o atributo href que contenham a palavra html e colocar um background cinza nele.
+            $('[href*="html"]').css("background-color", "gray");
+
+        });
+    </script>
+
+</head>
+
+<body>
+    <div id="header">
+        <div id="logo" rel="logo"><a href="index.html">jQuery Seletores</a></div>
+        <ul id="nav">
+            <li class="selected"><a href="http://docs.jquery.com">jQuery</a></li>
+            <li><a href="#">Jquery</a></li>
+            <li>Jquery
+                <ul>
+                    <li><a href="http://groups.google.com/group/jquery-en">Seletores JQuery</a></li>
+                    <li><a href="http://stackoverflow.com">Seletores Jquery</a></li>
+                    <li><a href="http://delicious.com/rdmey/jquery-class">Seletores Jquery</a></li>
+                </ul>
+            </li>
+        </ul>
+    </div>
+
+    <div id="main">
+        <form id="search">
+            <label for="q">Pesquisa</label>
+            <input type="text" name="q" class="input_text" />
+            <input type="submit" value="Go" />
+        </form>
+
+        <h1>Texto 1</h1>
+        <p>Lorem ipsum dolor sit amet, <a href="foo.html">consectetur adipisicing elit</a>, sed do eiusmod tempor
+            incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+            laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+            esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa
+            qui officia deserunt mollit anim id est laborum.</p>
+
+        <ul id="slideshow">
+            <li>
+                <h2 rel="fruta">Frutas</h2>
+                <img src="images/fruit.jpg" alt="fruit" />
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
+                    et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+                    aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                    culpa qui officia deserunt mollit anim id est laborum.</p>
+            </li>
+            <li>
+                <h2>Vegetais</h2>
+                <img src="images/vegetable.jpg" alt="vegetables" />
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
+                    et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+                    aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                    culpa qui officia deserunt mollit anim id est laborum.</p>
+            </li>
+            <li>
+                <h2>Pães</h2>
+                <img src="images/bread.jpg" alt="bread" />
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
+                    et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+                    aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+                    culpa qui officia deserunt mollit anim id est laborum.</p>
+            </li>
+        </ul>
+
+        <ul id="myList">
+            <li>item 1</li>
+            <li id="listItem_2" class="bar">item 2</li>
+            <li id="myListItem">item 3</li>
+            <li>item 4</li>
+            <li class="current bar">item 5</li>
+            <li>item 6</li>
+            <li>item 7</li>
+        </ul>
+
+        <div class="module" id="blog">
+            <h2>Blog</h2>
+            <ul>
+                <li>
+                    <h3><a href="blog.html#post1">Blog post 1</a></h3>
+                    <p class="excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                        ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
+                        in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                        cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+                </li>
+                <li>
+                    <h3><a href="blog.html#post2">Blog post 2</a></h3>
+                    <p class="excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                        ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
+                        in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                        cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+                </li>
+                <li>
+                    <h3><a href="blog.html#post3">Blog post 3</a></h3>
+                    <p class="excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                        ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
+                        in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                        cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+                </li>
+            </ul>
+        </div>
+
+        <div class="module" id="specials">
+            <h2>Especiais</h2>
+            <p>Escolha um dia da semana:</p>
+            <form action="#" method="get">
+                <ul>
+                    <li>
+                        <select name="day">
+                            <option value="" selected>Selecione</option>
+                            <option value="segunda">Segunda-Feira</option>
+                            <option value="terca">Terça-Feira</option>
+                            <option value="quarta">Quarta-feira</option>
+                        </select>
+                    </li>
+                    <li class="buttons">
+                        <input type="submit" class="input_submit" value="Go" />
+                    </li>
+                </ul>
+            </form>
+        </div>
+
+        <table id="fruits">
+            <thead>
+                <tr>
+                    <th>Maçãs</th>
+                    <th>Laranjas</th>
+                    <th>Pêras</th>
+                    <th>Tangerinas</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>1</td>
+                    <td id="myTableCell">2</td>
+                    <td>3</td>
+                    <td>4</td>
+                </tr>
+                <tr>
+                    <td>2</td>
+                    <td>6</td>
+                    <td>4</td>
+                    <td>8</td>
+                </tr>
+                <tr>
+                    <td>1</td>
+                    <td>7</td>
+                    <td>5</td>
+                    <td>3</td>
+                </tr>
+                <tr>
+                    <td>20</td>
+                    <td>30</td>
+                    <td>10</td>
+                    <td>100</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/libs/jquery-3.6.0.min.js" "b/Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/libs/jquery-3.6.0.min.js"
similarity index 100%
rename from "Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/libs/jquery-3.6.0.min.js"
rename to "Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - Tarefa/libs/jquery-3.6.0.min.js"
diff --git "a/Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - jQuery Atributos.html" "b/Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - jQuery Atributos.html"
index 798d3a2..55a6d19 100644
--- "a/Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - jQuery Atributos.html"	
+++ "b/Dia 39 - jQuery - Fun\303\247\303\265es/D39E2 - jQuery Atributos.html"	
@@ -8,7 +8,7 @@
     <meta name='viewport' content='width=device-width, initial-scale=1'>
     <meta name="Author" content="Giovanni Marcon">
 
-    <title>jQuery - Edição de elementos</title>
+    <title>jQuery - Atributos</title>
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
     <script>
diff --git "a/Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/css/style.css" "b/Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/css/style.css"
deleted file mode 100644
index e449ec1..0000000
--- "a/Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/css/style.css"	
+++ /dev/null
@@ -1,29 +0,0 @@
-div#BotaoScroll {
-  background-image: url("../images/seta.png");
-  width: 40px;
-  height: 42px;
-  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
-  border-radius: 22px 22px 22px 22px;
-}
-div#BotaoScroll:hover {
-  box-shadow: 1px 2px 6px rgba(182, 82, 82, 0.53);
-  transition: 0.3s ease-in;
-}
-div#cabecalho {
-  position: relative;
-  width: 100%;
-  height: 450px;
-  background-color: #000;
-}
-div#content {
-  position: relative;
-  width: 100%;
-  height: 680px;
-  background-color: #fff;
-}
-div#footer {
-  position: relative;
-  width: 100%;
-  height: 460px;
-  background-color: #000;
-}
diff --git "a/Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/index.html" "b/Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/index.html"
deleted file mode 100644
index d285d01..0000000
--- "a/Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/index.html"	
+++ /dev/null
@@ -1,55 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
-    <title>Jquery - Trabalhando com Seletores</title>
-    <link href="css/reset.css" rel="stylesheet" type="text/css" media="all" />
-    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
-
-    <style>
-        #blog p.excerpt {
-            display: none;
-        }
-    </style>
-
-    <script src="libs/jquery-3.6.0.min.js"></script>
-    <script src="libs/banner.js"></script>
-    <script src="libs/scroll.js"></script>
-
-</head>
-
-<body>
-    <!-- Esta div é o popup para navegação seu css é feito em js -->
-    <div id="banner_popup" title="Navegacao">
-        <!-- Já cada href tem sua seta feita em arquivo css separado e parte aqui mesmo -->
-        <a href="#cabecalho" class="scroll">
-            <div id="BotaoScroll" style="margin: 3px;" title="Ir para Cabeçalho"></div>
-        </a>
-        <a href="#content" class="scroll">
-            <div id="BotaoScroll" style="
-              transform: rotate(-90deg);
-              margin: 3px;
-            " title="Ir para Conteúdo"></div>
-        </a>
-        <a href="#footer" class="scroll">
-            <div id="BotaoScroll" style="
-              transform: rotate(180deg);
-              margin: 3px;
-            " title="Ir para Rodapé"></div>
-        </a>
-    </div>
-    <!-- Mostrando o banner na tela -->
-    <script language="JavaScript">
-        if (document.getElementById("banner_popup")) abre_banner();
-    </script>
-    <!-- Esta div é o popup para navegação seu css é feito em js -->
-    <div id="cabecalho"></div>
-    <div id="content"></div>
-    <div id="footer"></div>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/Dia 40 - jQuery - HTML/D40E2 - Scroll/css/style.css b/Dia 40 - jQuery - HTML/D40E2 - Scroll/css/style.css
index 58d8b78..e449ec1 100644
--- a/Dia 40 - jQuery - HTML/D40E2 - Scroll/css/style.css	
+++ b/Dia 40 - jQuery - HTML/D40E2 - Scroll/css/style.css	
@@ -1,331 +1,29 @@
-/* general */
-.current {
-  color: red;
-}
-
-.hover {
-  color: blue;
-}
-
-.hint {
-  color: #999;
-}
-
-h1 {
-  font-size: 250%;
-  margin: 5px 0 10px 0;
-}
-
-legend,
-h2 {
-  font-size: 150%;
-  margin: 5px 0;
-}
-
-h3 {
-  font-size: 120%;
-  margin: 5px 0;
-}
-
-h4 {
-  font-size: 110%;
-  font-weight: bold;
-  margin: 5px 0;
-}
-
-p {
-  line-height: 1.4em;
-  margin: 0 0 8px 0;
-  font-size: 90%;
-}
-
-a {
-  color: red;
-  text-decoration: none;
-}
-
-a:visited {
-  color: #a00;
-}
-
-.template {
-  display: none;
-}
-
-/* forms */
-
-form li {
-  margin: 0 0 10px 0;
-}
-
-textarea,
-input.input_text {
-  border: 1px solid #ccc;
-  padding: 4px;
-  width: 95%;
-  font-size: 120%;
-  font-family: Arial, sans-serif;
-}
-
-label {
-  display: block;
-  font-size: 90%;
-  font-weight: bold;
-  margin: 0 0 5px 0;
-}
-
-ul {
-  margin: 20px 15px;
-  list-style-type: disc;
-}
-
-li {
-  margin: 5px 0;
-}
-
-li.checkbox {
-  margin: 0 0 15px 0;
-}
-
-li.checkbox label {
-  display: inline;
-}
-
-fieldset {
-  margin: 0 0 20px 0;
-}
-
-table {
-  border-collapse: collapse;
-}
-
-table td,
-table th {
-  border: 1px solid #ccc;
-  padding: 5px;
-}
-
-table th {
-  background-color: #ccc;
-  font-weight: bold;
-}
-
-/* page */
-body {
-  font-family: Arial;
-  color: #333;
-  width: 900px;
-  margin: 10px auto;
-}
-
-#header {
-  margin: 0 0 20px 0;
-}
-
-#main {
-  width: 600px;
-  float: left;
-  clear: both;
-}
-
-#sidebar {
-  width: 300px;
-  float: right;
-}
-
-#footer {
-  clear: both;
-  margin: 60px 0 0 0;
-  padding: 10px 0 0 0;
-  font-size: 70%;
-  color: #ccc;
-}
-
-/* navigation */
-#logo {
-  font-size: 400%;
-  margin: 0 0 40px 0;
-}
-
-#logo a {
-  color: #000;
-}
-
-#nav {
-  margin: 0 0 20px 0;
-  overflow: visible;
-  height: 30px;
-}
-
-#nav li {
-  float: left;
-  padding: 15px;
-  background-color: #333;
-  margin: 0 5px 0 0;
+div#BotaoScroll {
+  background-image: url("../images/seta.png");
+  width: 40px;
+  height: 42px;
+  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
+  border-radius: 22px 22px 22px 22px;
+}
+div#BotaoScroll:hover {
+  box-shadow: 1px 2px 6px rgba(182, 82, 82, 0.53);
+  transition: 0.3s ease-in;
+}
+div#cabecalho {
   position: relative;
-  height: 20px;
-  list-style-type: none;
-  color: #fff;
-  cursor: pointer;
-}
-
-#nav li.selected {
-  background-color: red;
-  font-weight: normal;
-}
-
-#nav li.hover {
-  background-color: blue;
-}
-
-#nav li ul {
-  position: absolute;
-  top: 50px;
-  left: 0;
-  width: 200px;
-  display: none;
-  margin: 0;
-}
-
-#nav li ul li {
-  float: none;
-  padding: 5px;
-  border-bottom: 1px solid #fff;
-  height: auto;
-}
-
-#nav a {
-  color: #fff;
-}
-
-/* main */
-#main .module {
-  margin: 0 0 10px 0;
-}
-
-#slideshow {
-  margin: 0;
-}
-
-#slideshow li {
-  margin: 0 0 10px 0;
-  list-style-type: none;
-}
-
-#specials div.special {
-  background-color: #ccc;
-  -moz-border-radius: 8px;
-  -webkit-border-radius: 8px;
-  padding: 10px;
-  margin: 10px 0 0 0;
-  overflow: hidden;
-}
-
-#specials div.special img {
-  float: right;
-  margin: 0 0 10px 10px;
-}
-
-#specials .template {
-  display: none;
-}
-
-#menus li {
-  margin: 0 0 20px 0;
-}
-
-#menus li li {
-  margin: 0;
-  padding: 5px;
-  border-bottom: 1px solid #ccc;
-}
-
-#menus span.price {
-  display: block;
-  float: right;
+  width: 100%;
+  height: 450px;
+  background-color: #000;
 }
-
-#staff li {
-  margin: 25px 0;
-}
-
-/* sidebar */
-#sidebar .module {
-  border: 1px solid #ccc;
-  -moz-border-radius: 8px;
-  -webkit-border-radius: 8px;
-  padding: 10px;
-  margin: 0 0 10px 0;
-}
-
-#sidebar .module .expander {
-  text-align: right;
-  font-size: 70%;
-}
-
-#search li {
+div#content {
   position: relative;
-}
-
-#search #search_results {
-  position: absolute;
-  top: 2.8em;
-  left: 0;
-  z-index: 100;
-  background-color: #fff;
-  border: 1px solid #ccc;
-}
-
-#search #search_results li {
-  padding: 5px 0;
-  margin: 0 5px;
-}
-
-#search #search_results li.hover {
-  background-color: #ccc;
-}
-
-p.closer {
-  text-align: right;
-  font-size: 70%;
-  text-transform: uppercase;
-  cursor: pointer;
-}
-
-/* modules */
-#twitter {
-  display: none;
-}
-
-ul li.selected {
-  font-weight: bold;
-}
-
-#search {
-  margin: 15px 0;
-}
-
-/* modal */
-#modal {
-  width: 500px;
-  padding: 10px;
+  width: 100%;
+  height: 680px;
   background-color: #fff;
-  position: fixed;
-  top: 100px;
-  z-index: 101;
-  margin: 0 225px;
-}
-
-#overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 10000px;
-  height: 10000px;
-  background-color: #333;
-  z-index: 100;
 }
-
-img {
-  box-sizing: border-box;
+div#footer {
+  position: relative;
+  width: 100%;
+  height: 460px;
+  background-color: #000;
 }
diff --git "a/Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/images/seta.png" b/Dia 40 - jQuery - HTML/D40E2 - Scroll/images/seta.png
similarity index 100%
rename from "Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/images/seta.png"
rename to Dia 40 - jQuery - HTML/D40E2 - Scroll/images/seta.png
diff --git a/Dia 40 - jQuery - HTML/D40E2 - Scroll/index.html b/Dia 40 - jQuery - HTML/D40E2 - Scroll/index.html
index 0c05676..e0a3895 100644
--- a/Dia 40 - jQuery - HTML/D40E2 - Scroll/index.html	
+++ b/Dia 40 - jQuery - HTML/D40E2 - Scroll/index.html	
@@ -6,7 +6,7 @@
 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-    <title>Jquery - Trabalhando com Seletores</title>
+    <title>Jquery - Scroll</title>
     <link href="css/reset.css" rel="stylesheet" type="text/css" media="all" />
     <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
 
@@ -17,235 +17,39 @@
     </style>
 
     <script src="libs/jquery-3.6.0.min.js"></script>
-
-    <script>
-        $(function () {
-            // 1) Selecionar todas as tags h2 e colocar um background verde nos elementos selecionados.
-            $("h2").css("background-color", "green");
-
-            // 2) Selecionar o pai da classe buttons e colocar um background vermelho no elemento selecionado.
-            $(".buttons").parent().css("background-color", "red");
-
-            // 3) Selecionar os elementos filhos da classe module e colocar como background a cor azul.
-            $(".module *").css("background-color", "skyblue");
-
-            // 4) Selecionar o item da lista de índice 2 da classe module utilizando a função eq() e colocar como background a cor verde.
-            $(".module li").eq(2).css("background-color", "green");
-
-            // 5) Selecionar o primeiro elemento da lista myList e colocar como background a cor Amarelo.
-            $("#myList li").first().css("background-color", "yellow");
-
-            // 6) Selecionar o último elemento da lista slideshow e colocar como background a cor preta.
-            $("#slideshow li").last().css("background-color", "black");
-
-            // 7) Verifique se o primeiro elemento filho de Search é um form. Se for, exiba um alert na tela com a mensagem “O elemento form é filho de Search. Caso não seja, exiba um alert na tela com a mensagem “O elemento form não é filho de Search.
-            if ($("#search").is("form")) alert("O elemento form é filho de Search");
-            else alert("O elemento form não é filho de Search");
-
-            // 8) Selecionar todas as listas não ordenadas, exceto a de id slideshow e colocar como background a cor azul.
-            $("ul").not("#slideshow").css("background-color", "skyblue");
-
-            // 9) Selecionar todos os itens de lista que possuam um parágrafo nele e colocar como background a cor rosa.
-            $("li").has("p").css("background-color", "pink");
-
-            // 10) Alterar o conteúdo da tag que possui a classe myListItem para “Este é um novo item de lista”
-            $("#myListItem").text("Este é um novo item de lista");
-
-            // 11) Selecionar o próximo elemento após o elemento de classe selected e colocar um background cinza nele.
-            $(".selected").next().css("background-color", "gray");
-
-            // 12) Selecionar o elemento anterior ao elemento de classe input_text e colocar um background cinza nele.
-            $(".input_text").prev().css("background-color", "gray");
-
-            // 13) Selecionar todos os irmãos do elemento que possui o id listItem_2 e colocar um background verde nele.
-            $("#listItem_2").siblings().css("background-color", "lightgreen");
-
-            // 14) Selecionar todos os elementos que possuam um atributo src e colocar um background amarelo nele.
-            $("[src]").attr("style", "background-color: yellow; border: 3px solid yellow");
-
-            // 15) Selecionar dentro do elemento de id header e dentro do id nav, o elemento que contenha a classe selected. (Utilizando um seletor que contenha esse caminho)
-            console.log($("#header #nav .selected"));
-
-            // 16) Selecionar todos os elementos que possui o atributo type=”text”.
-            console.log($('[type="text"]'));
-
-            // 17) Selecionar todos os elementos que possuam o atributo value.
-            console.log($("[value]"));
-
-            // 18) Selecionar todos os elementos que possuam o atributo type diferente de submit e colocar um background vermelho nele.
-            $('input[type!="submit"]').css("background-color", "red");
-
-            // 19) Selecionar todos os elementos que possuam o atributo href que inicia com a palavra blog e colocar um background verde nele.
-            $('[href^="blog"]').css("background-color", "green");
-
-            // 20) Selecionar todos os elementos que possuam o atributo value que terminam com a letra a e colocar um background vermelho nele.
-            $('[value$="a"]').css("background-color", "red");
-
-            // 21) Selecionar todos os elementos que possuam o atributo href que contenham a palavra html e colocar um background cinza nele.
-            $('[href*="html"]').css("background-color", "gray");
-
-        });
-    </script>
+    <script src="libs/banner.js"></script>
+    <script src="libs/scroll.js"></script>
 
 </head>
 
 <body>
-    <div id="header">
-        <div id="logo" rel="logo"><a href="index.html">jQuery Seletores</a></div>
-        <ul id="nav">
-            <li class="selected"><a href="http://docs.jquery.com">jQuery</a></li>
-            <li><a href="#">Jquery</a></li>
-            <li>Jquery
-                <ul>
-                    <li><a href="http://groups.google.com/group/jquery-en">Seletores JQuery</a></li>
-                    <li><a href="http://stackoverflow.com">Seletores Jquery</a></li>
-                    <li><a href="http://delicious.com/rdmey/jquery-class">Seletores Jquery</a></li>
-                </ul>
-            </li>
-        </ul>
-    </div>
-
-    <div id="main">
-        <form id="search">
-            <label for="q">Pesquisa</label>
-            <input type="text" name="q" class="input_text" />
-            <input type="submit" value="Go" />
-        </form>
-
-        <h1>Texto 1</h1>
-        <p>Lorem ipsum dolor sit amet, <a href="foo.html">consectetur adipisicing elit</a>, sed do eiusmod tempor
-            incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
-            laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
-            esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa
-            qui officia deserunt mollit anim id est laborum.</p>
-
-        <ul id="slideshow">
-            <li>
-                <h2 rel="fruta">Frutas</h2>
-                <img src="images/fruit.jpg" alt="fruit" />
-                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
-                    et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-                    aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-                    culpa qui officia deserunt mollit anim id est laborum.</p>
-            </li>
-            <li>
-                <h2>Vegetais</h2>
-                <img src="images/vegetable.jpg" alt="vegetables" />
-                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
-                    et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-                    aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-                    culpa qui officia deserunt mollit anim id est laborum.</p>
-            </li>
-            <li>
-                <h2>Pães</h2>
-                <img src="images/bread.jpg" alt="bread" />
-                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
-                    et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-                    aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-                    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-                    culpa qui officia deserunt mollit anim id est laborum.</p>
-            </li>
-        </ul>
-
-        <ul id="myList">
-            <li>item 1</li>
-            <li id="listItem_2" class="bar">item 2</li>
-            <li id="myListItem">item 3</li>
-            <li>item 4</li>
-            <li class="current bar">item 5</li>
-            <li>item 6</li>
-            <li>item 7</li>
-        </ul>
-
-        <div class="module" id="blog">
-            <h2>Blog</h2>
-            <ul>
-                <li>
-                    <h3><a href="blog.html#post1">Blog post 1</a></h3>
-                    <p class="excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
-                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
-                        ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
-                        in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
-                        cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-                </li>
-                <li>
-                    <h3><a href="blog.html#post2">Blog post 2</a></h3>
-                    <p class="excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
-                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
-                        ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
-                        in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
-                        cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-                </li>
-                <li>
-                    <h3><a href="blog.html#post3">Blog post 3</a></h3>
-                    <p class="excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
-                        incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
-                        ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
-                        in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
-                        cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-                </li>
-            </ul>
-        </div>
-
-        <div class="module" id="specials">
-            <h2>Especiais</h2>
-            <p>Escolha um dia da semana:</p>
-            <form action="#" method="get">
-                <ul>
-                    <li>
-                        <select name="day">
-                            <option value="" selected>Selecione</option>
-                            <option value="segunda">Segunda-Feira</option>
-                            <option value="terca">Terça-Feira</option>
-                            <option value="quarta">Quarta-feira</option>
-                        </select>
-                    </li>
-                    <li class="buttons">
-                        <input type="submit" class="input_submit" value="Go" />
-                    </li>
-                </ul>
-            </form>
-        </div>
-
-        <table id="fruits">
-            <thead>
-                <tr>
-                    <th>Maçãs</th>
-                    <th>Laranjas</th>
-                    <th>Pêras</th>
-                    <th>Tangerinas</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>1</td>
-                    <td id="myTableCell">2</td>
-                    <td>3</td>
-                    <td>4</td>
-                </tr>
-                <tr>
-                    <td>2</td>
-                    <td>6</td>
-                    <td>4</td>
-                    <td>8</td>
-                </tr>
-                <tr>
-                    <td>1</td>
-                    <td>7</td>
-                    <td>5</td>
-                    <td>3</td>
-                </tr>
-                <tr>
-                    <td>20</td>
-                    <td>30</td>
-                    <td>10</td>
-                    <td>100</td>
-                </tr>
-            </tbody>
-        </table>
+    <!-- Esta div é o popup para navegação seu css é feito em js -->
+    <div id="banner_popup" title="Navegacao">
+        <!-- Já cada href tem sua seta feita em arquivo css separado e parte aqui mesmo -->
+        <a href="#cabecalho" class="scroll">
+            <div id="BotaoScroll" style="margin: 3px;" title="Ir para Cabeçalho"></div>
+        </a>
+        <a href="#content" class="scroll">
+            <div id="BotaoScroll" style="
+              transform: rotate(-90deg);
+              margin: 3px;
+            " title="Ir para Conteúdo"></div>
+        </a>
+        <a href="#footer" class="scroll">
+            <div id="BotaoScroll" style="
+              transform: rotate(180deg);
+              margin: 3px;
+            " title="Ir para Rodapé"></div>
+        </a>
     </div>
+    <!-- Mostrando o banner na tela -->
+    <script language="JavaScript">
+        if (document.getElementById("banner_popup")) abre_banner();
+    </script>
+    <!-- Esta div é o popup para navegação seu css é feito em js -->
+    <div id="cabecalho"></div>
+    <div id="content"></div>
+    <div id="footer"></div>
 </body>
 
 </html>
\ No newline at end of file
diff --git "a/Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/libs/banner.js" b/Dia 40 - jQuery - HTML/D40E2 - Scroll/libs/banner.js
similarity index 100%
rename from "Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/libs/banner.js"
rename to Dia 40 - jQuery - HTML/D40E2 - Scroll/libs/banner.js
diff --git "a/Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/libs/scroll.js" b/Dia 40 - jQuery - HTML/D40E2 - Scroll/libs/scroll.js
similarity index 100%
rename from "Dia 39 - jQuery - Fun\303\247\303\265es/D39E3 - Tarefa/libs/scroll.js"
rename to Dia 40 - jQuery - HTML/D40E2 - Scroll/libs/scroll.js
diff --git "a/_jQuery - B\303\241sicas.txt" "b/_jQuery - B\303\241sicas.txt"
index be02703..4c84b82 100644
--- "a/_jQuery - B\303\241sicas.txt"	
+++ "b/_jQuery - B\303\241sicas.txt"	
@@ -17,4 +17,14 @@ Atributos
     OBS: podemos usar {"atrb1":"valor1","atrb2":"valor2"} e passar
          varios atributos ao mesmo tempo.
     .css("parametro", "valor") // Adiciona no CSS
-    .css("{Código CSS aqui}") // Para adicionar múltiplos no CSS
\ No newline at end of file
+    .css("{Código CSS aqui}") // Para adicionar múltiplos no CSS
+
+Posição
+
+    Sem parametro, retorna um objeto contendo as propriedades top e left
+    do primeiro item encontrado pelo seletor.
+    Caso passemos um objeto com esses parametros, posicionamos o item
+    selecionado
+
+    .position("opcional")
+    .offset("opcional")