second commit

CachedExtensions/user

@@ -0,0 +1 @@
+{"input":{"location":{"$mid":1,"fsPath":"/home/luciana-furtado/meu-site/extensions","path":"/home/luciana-furtado/meu-site/extensions","scheme":"file"},"mtime":1668260633695,"type":1,"excludeObsolete":true,"validate":true,"productVersion":"1.68.1","productDate":"2022-07-19T16:35:55.866Z","productCommit":"30d9c6cd9483b2cc586687151bcbcd635f373630","devMode":false,"language":"en","translations":{}},"result":[]}

README.md

@@ -0,0 +1,5 @@
+# formacaoNetuno
+
+Conhecimentos aprendidos pela formação Maranhão netuno.
+
+Super Mario World  

User/History/-11a51073/entries.json

@@ -0,0 +1 @@
+{"version":1,"resource":"vscode-remote://meu-site.luciana-furtado.dev.netuno.org:22188/home/luciana-furtado/meu-site/styles/base.less","entries":[{"id":"si7A.less","timestamp":1668260868885}]}

User/History/-11a51073/si7A.less

@@ -0,0 +1,25 @@
+@import './variaveis.less';
+
+#bloco-grid {
+    background-color: lighten(@corVermelhaEscura, 10%);
+    border: @bordaVermelhaEscura;
+    padding: 20px;
+    
+    > h1 {
+        margin-top: 0;
+    }
+
+    > div {
+        > div {
+            margin: 0 10px;
+        }
+        h2 {
+            color: darken(@corVermelhaEscura, 20%);
+        }
+        p {
+            border: @bordaVermelhaEscura;
+            border-radius: 20px;
+            padding: 20px;
+        }
+    }
+}

User/History/-2950ddde/a0q6.js

@@ -0,0 +1,7 @@
+
+
+function onTipoAltera() {
+    console.log('Altera tipo')
+    const inputTipo = document.querySelector('[name="tipo"]')
+    inputTipo.value = inputTipo.value +' . '
+  }

User/History/-2950ddde/entries.json

@@ -0,0 +1 @@
+{"version":1,"resource":"vscode-remote://meu-site.luciana-furtado.dev.netuno.org:22188/home/luciana-furtado/meu-site/scripts/contact.js","entries":[{"id":"a0q6.js","timestamp":1668263907411},{"id":"ggWN.js","timestamp":1668264221156},{"id":"iBM5.js","timestamp":1668264421238}]}

User/History/-2950ddde/ggWN.js

@@ -0,0 +1,8 @@
+
+
+
+function onTipoAltera() {
+    console.log('Altera tipo')
+    const inputTipo = document.querySelector('[name="tipo"]')
+    inputTipo.value = inputTipo.value +' . '
+  }

User/History/-2950ddde/iBM5.js

@@ -0,0 +1,2 @@
+
+

User/History/-2c173690/DsW6.css

@@ -0,0 +1,37 @@
+form > div {
+    margin-top: 20px;
+  }
+  
+  form input {
+    padding: 10px;
+    border: 1px solid #00ff00;
+    border-radius: 10px;
+    color: #00ff00;
+    min-width: 20px;
+    min-height: 20px;
+    background-image: linear-gradient(#212121, #343434);
+  }
+  
+  form > button {
+    margin-top: 20px;
+    padding: 10px 20px;
+    border: 2px solid #00ff00;
+    border-radius: 20px;
+    color: #00ff00;
+    font-weight: 800;
+    background-image: linear-gradient(#343434, #101010, #343434);
+    box-shadow: 2px 3px 10px rgba(0, 255, 0, 0.7);
+    transition: 2s ease-out;
+  }
+  
+  form > button:hover {
+    transition: 2s ease-out;
+    color: #00ffff;
+    border: 2px solid #00ffff;
+    background-image: linear-gradient(#101010, #545454, #101010);
+  }
+  
+  
+  iframe#salvou-id {
+    margin-top: 20px;
+  }

User/History/-2c173690/entries.json

@@ -0,0 +1 @@
+{"version":1,"resource":"vscode-remote://meu-site.luciana-furtado.dev.netuno.org:22188/home/luciana-furtado/meu-site/styles/formulario.css","entries":[{"id":"DsW6.css","timestamp":1668260952776}]}

User/History/-42a25a71/6Epj.css

@@ -0,0 +1,45 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+html, body {
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  background-color: black;
+  color: #f1f1f1;
+  margin: 0;
+  padding: 0;
+}
+header {
+  /*display: none;*/
+  background-color: #414141;
+  padding: 20px 40px;
+  box-shadow: 0 10px 10px rgba(0, 255, 0, 0.3);
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+}
+header > h1 {
+  text-shadow: 2px 3px 10px rgba(0, 255, 0, 0.7);
+}
+
+header a {
+  color: #00ff00;
+  text-decoration: none;
+}
+
+header a:hover {
+  color: #00ffff;
+}
+
+header a:active {
+  color: #ffff00;
+}
+
+main {
+  margin: 2px 40px 40px 40px;
+}
+
+div[data-colunas="grid"] {
+  display: grid;
+  grid-template-columns: auto auto auto;
+}

User/History/-42a25a71/949l.css

@@ -0,0 +1,45 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+html, body {
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  background-color: black;
+  color: #f1f1f1;
+  margin: 0;
+  padding: 0;
+}
+header {
+  /*display: none;*/
+  background-color: #414141;
+  padding: 20px 40px;
+  box-shadow: 0 10px 10px rgba(0, 255, 0, 0.3);
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+}
+header > h1 {
+  text-shadow: 2px 3px 10px rgba(0, 255, 0, 0.7);
+}
+
+header a {
+  color: #00ff00;
+  text-decoration: none;
+}
+
+header a:hover {
+  color: #00ffff;
+}
+
+header a:active {
+  color: #ffff00;
+}
+
+main {
+  margin: 400px 40px 40px 40px;
+}
+
+div[data-colunas="grid"] {
+  display: grid;
+  grid-template-columns: auto auto auto;
+}

User/History/-42a25a71/BHE2.css

@@ -0,0 +1,45 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+html, body {
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  background-color: black;
+  color: #f1f1f1;
+  margin: 0;
+  padding: 0;
+}
+header {
+  /*display: none;*/
+  background-color: #414141;
+  padding: 20px 40px;
+  box-shadow: 0 10px 10px rgba(0, 255, 0, 0.3);
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+}
+header > h1 {
+  text-shadow: 2px 3px 10px rgba(0, 255, 0, 0.7);
+}
+
+header a {
+  color: #00ff00;
+  text-decoration: none;
+}
+
+header a:hover {
+  color: #00ffff;
+}
+
+header a:active {
+  color: #ffff00;
+}
+
+main {
+  margin: 300px 40px 40px 40px;
+}
+
+div[data-colunas="grid"] {
+  display: grid;
+  grid-template-columns: auto auto auto;
+}

User/History/-42a25a71/Er1M.css

@@ -0,0 +1,45 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+html, body {
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  background-color: black;
+  color: #f1f1f1;
+  margin: 0;
+  padding: 0;
+}
+header {
+  /*display: none;*/
+  background-color: #414141;
+  padding: 20px 40px;
+  box-shadow: 0 10px 10px rgba(184, 6, 6, 0.63);
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+}
+header > h1 {
+  text-shadow: 2px 3px 10px rgba(184, 6, 6, 0.63);
+}
+
+header a {
+  color: #ff0015f1;
+  text-decoration: none;
+}
+
+header a:hover {
+  color: #00ffff;
+}
+
+header a:active {
+  color: #ffff00;
+}
+
+main {
+  margin: 300px 40px 40px 40px;
+}
+
+div[data-colunas="grid"] {
+  display: grid;
+  grid-template-columns: auto auto auto;
+}

User/History/-42a25a71/F4nX.css

@@ -0,0 +1,40 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+html, body {
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  background-color: black;
+  color: #f1f1f1;
+  margin: 0;
+  padding: 0;
+}
+header {
+  /*display: none;*/
+  background-color: #414141;
+  padding: 20px 40px;
+  box-shadow: 0 10px 10px rgba(0, 255, 0, 0.3);
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+}
+header > h1 {
+  text-shadow: 2px 3px 10px rgba(0, 255, 0, 0.7);
+}
+
+header a {
+  color: #00ff00;
+  text-decoration: none;
+}
+
+header a:hover {
+  color: #00ffff;
+}
+
+header a:active {
+  color: #ffff00;
+}
+
+main {
+  margin: 200px 40px 40px 40px;
+}

User/History/-42a25a71/JGZl.css

@@ -0,0 +1,45 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+html, body {
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  background-color: black;
+  color: #f1f1f1;
+  margin: 0;
+  padding: 0;
+}
+header {
+  /*display: none;*/
+  background-color: #414141;
+  padding: 20px 40px;
+  box-shadow: 0 10px 10px rgba(184, 6, 6, 0.63);
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+}
+header > h1 {
+  text-shadow: 2px 3px 10px rgba(184, 6, 6, 0.63);
+}
+
+header a {
+  color: #0e0c0ce3;
+  text-decoration: none;
+}
+
+header a:hover {
+  color: #00ffff;
+}
+
+header a:active {
+  color: #ffff00;
+}
+
+main {
+  margin: 300px 40px 40px 40px;
+}
+
+div[data-colunas="grid"] {
+  display: grid;
+  grid-template-columns: auto auto auto;
+}

User/History/-42a25a71/LbRk.css

@@ -0,0 +1,45 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+html, body {
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  background-color: black;
+  color: #f1f1f1;
+  margin: 0;
+  padding: 0;
+}
+header {
+  /*display: none;*/
+  background-color: #414141;
+  padding: 20px 40px;
+  box-shadow: 0 10px 10px rgba(184, 6, 6, 0.726);
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+}
+header > h1 {
+  text-shadow: 2px 3px 10px rgba(0, 255, 0, 0.7);
+}
+
+header a {
+  color: #00ff00;
+  text-decoration: none;
+}
+
+header a:hover {
+  color: #00ffff;
+}
+
+header a:active {
+  color: #ffff00;
+}
+
+main {
+  margin: 300px 40px 40px 40px;
+}
+
+div[data-colunas="grid"] {
+  display: grid;
+  grid-template-columns: auto auto auto;
+}

User/History/-42a25a71/ODpy.css

@@ -0,0 +1,45 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+html, body {
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  background-color: black;
+  color: #f1f1f1;
+  margin: 0;
+  padding: 0;
+}
+header {
+  /*display: none;*/
+  background-color: #414141;
+  padding: 20px 40px;
+  box-shadow: 0 10px 10px rgba(184, 6, 6, 0.63);
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+}
+header > h1 {
+  text-shadow: 2px 3px 10px rgba(184, 6, 6, 0.63);
+}
+
+header a {
+  color: #00ff00;
+  text-decoration: none;
+}
+
+header a:hover {
+  color: #00ffff;
+}
+
+header a:active {
+  color: #ffff00;
+}
+
+main {
+  margin: 300px 40px 40px 40px;
+}
+
+div[data-colunas="grid"] {
+  display: grid;
+  grid-template-columns: auto auto auto;
+}

User/History/-42a25a71/ZJxK.css

@@ -0,0 +1,45 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+html, body {
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  background-color: black;
+  color: #f1f1f1;
+  margin: 0;
+  padding: 0;
+}
+header {
+  /*display: none;*/
+  background-color: #414141;
+  padding: 20px 40px;
+  box-shadow: 0 10px 10px rgba(0, 255, 0, 0.3);
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+}
+header > h1 {
+  text-shadow: 2px 3px 10px rgba(0, 255, 0, 0.7);
+}
+
+header a {
+  color: #00ff00;
+  text-decoration: none;
+}
+
+header a:hover {
+  color: #00ffff;
+}
+
+header a:active {
+  color: #ffff00;
+}
+
+main {
+  margin: 200px 40px 40px 40px;
+}
+
+div[data-colunas="grid"] {
+  display: grid;
+  grid-template-columns: auto auto auto;
+}

User/History/-42a25a71/bXZ7.css

@@ -0,0 +1,65 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+html, body {
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  background-color: black;
+  color: #f1f1f1;
+  margin: 0;
+  padding: 0;
+}
+header {
+  /*display: none;*/
+  background-color: #414141;
+  padding: 20px 40px;
+  box-shadow: 0 10px 10px rgba(184, 6, 6, 0.63);
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+}
+header > h1 {
+  text-shadow: 2px 3px 10px rgba(184, 6, 6, 0.63);
+}
+
+header a {
+  color: #e7d5d5e3;
+  text-decoration: none;
+}
+
+header a:hover {
+  color: #d82941f3;
+}
+
+header a:active {
+  color: #ffff00;
+}
+
+main {
+  margin: 300px 40px 40px 40px;
+}
+
+div[data-colunas="grid"] {
+  display: grid;
+  grid-template-columns: auto auto auto;
+}
+
+div[data-colunas="flex"] {
+  display: flex;
+  flex-direction: row;
+}
+div.tipos-veiculos[data-colunas="flex"] > div {
+  flex: 50%;
+}
+
+@media (max-width: 500px) {
+  div[data-colunas="flex"] {
+    flex-direction: column;
+  }
+}
+
+@media (min-width: 500px) and (max-width: 800px) {
+  div[data-colunas="flex"] {
+    background-color: #555500;
+  }
+}

User/History/-42a25a71/entries.json

@@ -0,0 +1 @@
+{"version":1,"resource":"vscode-remote://meu-site.luciana-furtado.dev.netuno.org:22188/home/luciana-furtado/meu-site/styles/base.css","entries":[{"id":"F4nX.css","timestamp":1668260842537},{"id":"ZJxK.css","timestamp":1668262302101},{"id":"6Epj.css","timestamp":1668262624742},{"id":"949l.css","timestamp":1668262640862},{"id":"BHE2.css","timestamp":1668262667073},{"id":"LbRk.css","timestamp":1668262714625},{"id":"ODpy.css","timestamp":1668262740285},{"id":"Er1M.css","timestamp":1668262775541},{"id":"JGZl.css","timestamp":1668262828784},{"id":"y8Eh.css","timestamp":1668262845976},{"id":"gVDf.css","timestamp":1668262873460},{"id":"bXZ7.css","timestamp":1668262979699}]}

User/History/-42a25a71/gVDf.css

@@ -0,0 +1,45 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+html, body {
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  background-color: black;
+  color: #f1f1f1;
+  margin: 0;
+  padding: 0;
+}
+header {
+  /*display: none;*/
+  background-color: #414141;
+  padding: 20px 40px;
+  box-shadow: 0 10px 10px rgba(184, 6, 6, 0.63);
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+}
+header > h1 {
+  text-shadow: 2px 3px 10px rgba(184, 6, 6, 0.63);
+}
+
+header a {
+  color: #e7d5d5e3;
+  text-decoration: none;
+}
+
+header a:hover {
+  color: #d82941f3;
+}
+
+header a:active {
+  color: #ffff00;
+}
+
+main {
+  margin: 300px 40px 40px 40px;
+}
+
+div[data-colunas="grid"] {
+  display: grid;
+  grid-template-columns: auto auto auto;
+}

User/History/-42a25a71/y8Eh.css

@@ -0,0 +1,45 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+html, body {
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  background-color: black;
+  color: #f1f1f1;
+  margin: 0;
+  padding: 0;
+}
+header {
+  /*display: none;*/
+  background-color: #414141;
+  padding: 20px 40px;
+  box-shadow: 0 10px 10px rgba(184, 6, 6, 0.63);
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+}
+header > h1 {
+  text-shadow: 2px 3px 10px rgba(184, 6, 6, 0.63);
+}
+
+header a {
+  color: #e7d5d5e3;
+  text-decoration: none;
+}
+
+header a:hover {
+  color: #00ffff;
+}
+
+header a:active {
+  color: #ffff00;
+}
+
+main {
+  margin: 300px 40px 40px 40px;
+}
+
+div[data-colunas="grid"] {
+  display: grid;
+  grid-template-columns: auto auto auto;
+}

User/History/-4ca81150/entries.json

@@ -0,0 +1 @@
+{"version":1,"resource":"vscode-remote://meu-site.luciana-furtado.dev.netuno.org:22188/home/luciana-furtado/meu-site/tabela.html","entries":[{"id":"iUxI.html","timestamp":1668261367717}]}

User/History/-4ca81150/iUxI.html

@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Tabela</title>
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet" href="styles/tabela.css" />
+  </head>
+  <body>
+    <script>
+      document.addEventListener(
+        'scroll', (e) => {
+          const titulo = document.getElementById('titulo')
+          titulo.innerHTML = `
+            Posi&ccedil;&atilde;o Scroll: 
+            ${window.scrollX}, ${parseInt(window.scrollY)}
+          `
+          if (window.scrollY > 50) {
+            titulo.style.color = 'yellow'
+          } else {
+            titulo.style.color = 'white'
+          }
+        }
+      )
+    </script>
+    <header
+      onmouseover="this.style.backgroundColor = 'black'"
+      onmouseout="this.style.backgroundColor = 'grey'">
+      <h1 id="titulo" class="titulo-pagina">Minha Tabela</h1>
+      <p>
+      <a href="index.html">Index</a>
+      &middot;
+      <a href="tabela.html">Tabela</a>
+      &middot;
+      <a href="formulario.html">Formul&aacute;rio</a>
+      </p>
+    </header>
+    <main>
+      <div><p id="lista-marcas"></p></div>
+      <script>
+        const tituloPagina = document.querySelector('.titulo-pagina')
+        tituloPagina.innerText = tituloPagina.innerText.toUpperCase()
+        const marcas = [
+          "Azimut", "Benetou", "Ford",
+          "Reanault", "Volkswagen"
+        ]
+        document.getElementById("lista-marcas").innerText = marcas.join(' | ')
+      </script>
+
+      <button onClick="clicaAqui()">Clica Aqui!</button>
+      <script>
+        function clicaAqui() {
+          alert('Clicado!')
+        }
+      </script>
+
+      <table class="tabela tabela-espaco-interno" cellspacing="0" cellpadding="0" border="0">
+        <thead>
+          <tr>
+            <th>Tipo</th>
+            <th>Marca</th>
+            <th>Quantidade</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>Carro</td>
+            <td>Ford</td>
+            <td>10</td>
+          </tr>
+          <tr>
+            <td rowspan="2" valign="top">Barco</td>
+            <td>Benetou</td>
+            <td>20</td>
+          </tr>
+          <tr>
+            <!--td>Barco</td-->
+            <td>Azimut</td>
+            <td>14</td>
+          </tr>
+        </tbody>
+        <tfoot>
+          <tr>
+            <th colspan="2" align="right">Total</th>
+            <!--th></th-->
+            <td>44</td>
+          </tr>
+        </tfoot>
+      </table>
+    </main>
+  </body>
+</html>

User/History/-59ce9c74/avDp.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Salvar</title>
+    <link rel="stylesheet" href="styles/base.css" />
+  </head>
+  <body>
+    <h1>Salvo com Sucesso</h1>
+    <p>
+    &Eacute; uma simula&ccedil;&atilde;o.
+    </p>
+  </body>
+</html> 

User/History/-59ce9c74/entries.json

@@ -0,0 +1 @@
+{"version":1,"resource":"vscode-remote://meu-site.luciana-furtado.dev.netuno.org:22188/home/luciana-furtado/meu-site/salvar.html","entries":[{"id":"avDp.html","timestamp":1668261311749}]}

User/History/-72aecc9d/4Gsa.css

@@ -0,0 +1,27 @@
+table.tabela {
+    background: #101010;
+    border: 1px solid #00FF00;
+    padding: 0;
+    margin: 0;
+  }
+  
+  table.tabela td, table.tabela th {
+    border: 1px solid #00ff00;
+  }
+  
+  .tabela-espaco-interno td, .tabela-espaco-interno th {
+    padding: 10px;
+  }
+  
+  table.tabela th {
+    font-weight: bold;
+    color: #91d500;
+    padding: 10px;
+    background-color: black;
+  }
+  
+  table.tabela > tfoot td {
+    font-weight: bold;
+    color: #00ff00;
+  }
+  

User/History/-72aecc9d/entries.json

@@ -0,0 +1 @@
+{"version":1,"resource":"vscode-remote://meu-site.luciana-furtado.dev.netuno.org:22188/home/luciana-furtado/meu-site/styles/tabela.css","entries":[{"id":"4Gsa.css","timestamp":1668261001656}]}

User/History/-782ff6cd/entries.json

@@ -0,0 +1 @@
+{"version":1,"resource":"vscode-remote://meu-site.luciana-furtado.dev.netuno.org:22188/home/luciana-furtado/meu-site/scripts/main.js","entries":[{"id":"y65f.js","timestamp":1668261497148},{"id":"skOS.js","timestamp":1668264155204}]}

User/History/-782ff6cd/skOS.js

@@ -0,0 +1,20 @@
+console.log('main!!!');
+
+//document.getElementById('bloco-grid').innerHTML;
+
+console.log('MAIN!!!')
+
+const gridH2 = document.querySelector('.grid > div > h2')
+console.log(
+    'QUERY SELECTOR Antes',
+    gridH2.innerText
+)
+
+gridH2.innerText = 'Trotinete'
+
+console.log(
+    'QUERY SELECTOR Depois',
+    gridH2.innerText
+)
+
+

User/History/-782ff6cd/y65f.js

@@ -0,0 +1,19 @@
+console.log('main!!!');
+//document.getElementById('bloco-grid').innerHTML;
+
+console.log('MAIN!!!')
+
+const gridH2 = document.querySelector('.grid > div > h2')
+console.log(
+    'QUERY SELECTOR Antes',
+    gridH2.innerText
+)
+
+gridH2.innerText = 'Trotinete'
+
+console.log(
+    'QUERY SELECTOR Depois',
+    gridH2.innerText
+)
+
+

User/History/-8d3a03d/2HTc.html

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Contact</title>
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet" href="styles/formulario.css" />
+    <script src="scripts/contact.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Contact</h1>
+      <p>
+      <a href="index.html">Home</a>
+      &middot;
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <script>
+      
+      </script>
+      <form method="POST" action="services/veiculo" target="salvou">
+        <div>
+          Tipo:
+          <input type="text" name="tipo" onkeyup="onTipoAltera()" />
+        </div>
+        <div>
+          <label for="campo-marca">Marca:</label>
+          <input type="text" name="marca" id="campo-marca" />
+        </div>
+        <div>
+          <label>
+            Pode ser publicado?
+            <input type="checkbox" name="publica" value="true" />
+          </label>
+        </div>
+        <button>Enviar</button>
+      </form>
+      <iframe id="salvou-id" name="salvou" frameBorder="0" width="500" height="300"></iframe>
+    </main>
+    <footer>
+    </footer>
+  </body>
+</html> 

User/History/-8d3a03d/2IfJ.html

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Contact</title>
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet" href="styles/formulario.css" />
+    <script src="scripts/contact.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Contact</h1>
+      <p>
+      <a href="index.html">Home</a>
+      &middot;
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <form method="POST" action="services/veiculo" target="salvou">
+        <div>
+          Tipo:
+          <input type="text" name="tipo" onkeyup="onTipoAltera()" />
+        </div>
+        <div>
+          <label for="campo-marca">Marca:</label>
+          <input type="text" name="marca" id="campo-marca" />
+        </div>
+        <div>
+          <label>
+            Pode ser publicado?
+            <input type="checkbox" name="publica" value="true" />
+          </label>
+        </div>
+        <button>Enviar</button>
+      </form>
+      <iframe id="salvou-id" name="salvou" frameBorder="0" width="500" height="300"></iframe>
+    </main>
+    <footer>
+    </footer>
+  </body>
+</html> 

User/History/-8d3a03d/2hFd.html

@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Contact</title>
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet" href="styles/formulario.css" />
+  </head>
+  <body>
+    <header>
+      <h1>Contact</h1>
+      <p>
+      <a href="index.html">Index</a>
+      &middot;
+      <a href="tabela.html">Tabela</a>
+      &middot;
+      <a href="formulario.html">Formul&aacute;rio</a>
+      </p>
+    </header>
+    <main>
+      <script>
+        function onTipoAltera() {
+          console.log('Altera tipo')
+          const inputTipo = document.querySelector('[name="tipo"]')
+          inputTipo.value = inputTipo.value +' . '
+        }
+      </script>
+      <form method="POST" action="services/veiculo" target="salvou">
+        <div>
+          Tipo:
+          <input type="text" name="tipo" onkeyup="onTipoAltera()" />
+        </div>
+        <div>
+          <label for="campo-marca">Marca:</label>
+          <input type="text" name="marca" id="campo-marca" />
+        </div>
+        <div>
+          <label>
+            Pode ser publicado?
+            <input type="checkbox" name="publica" value="true" />
+          </label>
+        </div>
+        <button>Enviar</button>
+      </form>
+      <iframe id="salvou-id" name="salvou" frameBorder="0" width="500" height="300"></iframe>
+    </main>
+    <footer>
+    </footer>
+  </body>
+</html> 

User/History/-8d3a03d/3F1W.html

@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Contact</title>
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet" href="styles/formulario.css" />
+  </head>
+  <body>
+    <header>
+      <h1>Contact</h1>
+      <p>
+      <a href="index.html">Home</a>
+      &middot;
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <script>
+      
+      </script>
+      <form method="POST" action="services/veiculo" target="salvou">
+        <div>
+          Tipo:
+          <input type="text" name="tipo" onkeyup="onTipoAltera()" />
+        </div>
+        <div>
+          <label for="campo-marca">Marca:</label>
+          <input type="text" name="marca" id="campo-marca" />
+        </div>
+        <div>
+          <label>
+            Pode ser publicado?
+            <input type="checkbox" name="publica" value="true" />
+          </label>
+        </div>
+        <button>Enviar</button>
+      </form>
+      <iframe id="salvou-id" name="salvou" frameBorder="0" width="500" height="300"></iframe>
+    </main>
+    <footer>
+    </footer>
+  </body>
+</html> 

User/History/-8d3a03d/DtLN.html

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Contact</title>
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet" href="styles/formulario.css" />
+    <script src="scripts/contact.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Contact</h1>
+      <p>
+      <a href="index.html">Home</a>
+      &middot;
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <script>
+
+      
+function onTipoAltera() {
+    console.log('Altera tipo')
+    const inputTipo = document.querySelector('[name="tipo"]')
+    inputTipo.value = inputTipo.value +' . '
+  }
+    </script>
+    <main>
+      <form method="POST" action="services/veiculo" target="salvou">
+        <div>
+          Tipo:
+          <input type="text" name="tipo" onkeyup="onTipoAltera()" />
+        </div>
+        <div>
+          <label for="campo-marca">Marca:</label>
+          <input type="text" name="marca" id="campo-marca" />
+        </div>
+        <div>
+          <label>
+            Pode ser publicado?
+            <input type="checkbox" name="publica" value="true" />
+          </label>
+        </div>
+        <button>Enviar</button>
+      </form>
+      <iframe id="salvou-id" name="salvou" frameBorder="0" width="500" height="300"></iframe>
+    </main>
+    <footer>
+    </footer>
+  </body>
+</html> 

User/History/-8d3a03d/GSrn.html

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Contact</title>
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet" href="styles/formulario.css" />
+    <script src="scripts/contact.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Contact</h1>
+      <p>
+      <a href="index.html">Home</a>
+      &middot;
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <script>
+
+      
+function onTipoAltera() {
+    console.log('Altera tipo')
+    const inputTipo = document.querySelector('[name="tipo"]')
+    inputTipo.value = inputTipo.value +' . '
+  }
+    </script>
+    <main>
+      <form method="POST" action="" target="salvou">
+        <div>
+          Tipo:
+          <input type="text" name="tipo" onkeyup="onTipoAltera()" />
+        </div>
+        <div>
+          <label for="campo-marca">Marca:</label>
+          <input type="text" name="marca" id="campo-marca" />
+        </div>
+        <div>
+          <label>
+            Pode ser publicado?
+            <input type="checkbox" name="publica" value="true" />
+          </label>
+        </div>
+        <button>Enviar</button>
+      </form>
+      <iframe id="salvou-id" name="salvou" frameBorder="0" width="500" height="300"></iframe>
+    </main>
+    <footer>
+    </footer>
+  </body>
+</html> 

User/History/-8d3a03d/RQkb.html

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Contact</title>
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet" href="styles/formulario.css" />
+    <script src="scripts/contact.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Contact</h1>
+      <p>
+      <a href="index.html">Home</a>
+      &middot;
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <script>
+
+      
+function onTipoAltera() {
+    console.log('Altera tipo')
+    const inputTipo = document.querySelector('[name="tipo"]')
+    inputTipo.value = inputTipo.value +' . '
+  }
+    </script>
+    <main>
+      <form method="POST" action="sal" target="salvou">
+        <div>
+          Tipo:
+          <input type="text" name="tipo" onkeyup="onTipoAltera()" />
+        </div>
+        <div>
+          <label for="campo-marca">Marca:</label>
+          <input type="text" name="marca" id="campo-marca" />
+        </div>
+        <div>
+          <label>
+            Pode ser publicado?
+            <input type="checkbox" name="publica" value="true" />
+          </label>
+        </div>
+        <button>Enviar</button>
+      </form>
+      <iframe id="salvou-id" name="salvou" frameBorder="0" width="500" height="300"></iframe>
+    </main>
+    <footer>
+    </footer>
+  </body>
+</html> 

User/History/-8d3a03d/Zysq.html

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Contact</title>
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet" href="styles/formulario.css" />
+    <script src="scripts/contact.js"/></script>
+  </head>
+  <body>
+    <header>
+      <h1>Contact</h1>
+      <p>
+      <a href="index.html">Home</a>
+      &middot;
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <form method="POST" action="services/veiculo" target="salvou">
+        <div>
+          Tipo:
+          <input type="text" name="tipo" onkeyup="onTipoAltera()" />
+        </div>
+        <div>
+          <label for="campo-marca">Marca:</label>
+          <input type="text" name="marca" id="campo-marca" />
+        </div>
+        <div>
+          <label>
+            Pode ser publicado?
+            <input type="checkbox" name="publica" value="true" />
+          </label>
+        </div>
+        <button>Enviar</button>
+      </form>
+      <iframe id="salvou-id" name="salvou" frameBorder="0" width="500" height="300"></iframe>
+    </main>
+    <footer>
+    </footer>
+  </body>
+</html> 

User/History/-8d3a03d/entries.json

@@ -0,0 +1 @@
+{"version":1,"resource":"vscode-remote://meu-site.luciana-furtado.dev.netuno.org:22188/home/luciana-furtado/meu-site/formulario.html","entries":[{"id":"waAN.html","timestamp":1668261271982},{"id":"tKsw.html","timestamp":1668263738016},{"id":"2hFd.html","timestamp":1668263755060},{"id":"nBma.html","timestamp":1668263783648},{"id":"3F1W.html","timestamp":1668263897455},{"id":"2HTc.html","timestamp":1668263945654},{"id":"2IfJ.html","timestamp":1668264056113},{"id":"Zysq.html","timestamp":1668264195604},{"id":"yfbS.html","timestamp":1668264415374},{"id":"DtLN.html","timestamp":1668264434726},{"id":"GSrn.html","timestamp":1668264564928},{"id":"RQkb.html","timestamp":1668264590304}]}

User/History/-8d3a03d/nBma.html

@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Contact</title>
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet" href="styles/formulario.css" />
+  </head>
+  <body>
+    <header>
+      <h1>Contact</h1>
+      <p>
+      <a href="index.html">Home</a>
+      &middot;
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <script>
+        function onTipoAltera() {
+          console.log('Altera tipo')
+          const inputTipo = document.querySelector('[name="tipo"]')
+          inputTipo.value = inputTipo.value +' . '
+        }
+      </script>
+      <form method="POST" action="services/veiculo" target="salvou">
+        <div>
+          Tipo:
+          <input type="text" name="tipo" onkeyup="onTipoAltera()" />
+        </div>
+        <div>
+          <label for="campo-marca">Marca:</label>
+          <input type="text" name="marca" id="campo-marca" />
+        </div>
+        <div>
+          <label>
+            Pode ser publicado?
+            <input type="checkbox" name="publica" value="true" />
+          </label>
+        </div>
+        <button>Enviar</button>
+      </form>
+      <iframe id="salvou-id" name="salvou" frameBorder="0" width="500" height="300"></iframe>
+    </main>
+    <footer>
+    </footer>
+  </body>
+</html> 

User/History/-8d3a03d/tKsw.html

@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Contact</title>
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet" href="styles/formulario.css" />
+  </head>
+  <body>
+    <header>
+      <h1>Meu Formul&aacute;rio</h1>
+      <p>
+      <a href="index.html">Index</a>
+      &middot;
+      <a href="tabela.html">Tabela</a>
+      &middot;
+      <a href="formulario.html">Formul&aacute;rio</a>
+      </p>
+    </header>
+    <main>
+      <script>
+        function onTipoAltera() {
+          console.log('Altera tipo')
+          const inputTipo = document.querySelector('[name="tipo"]')
+          inputTipo.value = inputTipo.value +' . '
+        }
+      </script>
+      <form method="POST" action="services/veiculo" target="salvou">
+        <div>
+          Tipo:
+          <input type="text" name="tipo" onkeyup="onTipoAltera()" />
+        </div>
+        <div>
+          <label for="campo-marca">Marca:</label>
+          <input type="text" name="marca" id="campo-marca" />
+        </div>
+        <div>
+          <label>
+            Pode ser publicado?
+            <input type="checkbox" name="publica" value="true" />
+          </label>
+        </div>
+        <button>Enviar</button>
+      </form>
+      <iframe id="salvou-id" name="salvou" frameBorder="0" width="500" height="300"></iframe>
+    </main>
+    <footer>
+    </footer>
+  </body>
+</html> 

User/History/-8d3a03d/waAN.html

@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Formul&aacute;rio</title>
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet" href="styles/formulario.css" />
+  </head>
+  <body>
+    <header>
+      <h1>Meu Formul&aacute;rio</h1>
+      <p>
+      <a href="index.html">Index</a>
+      &middot;
+      <a href="tabela.html">Tabela</a>
+      &middot;
+      <a href="formulario.html">Formul&aacute;rio</a>
+      </p>
+    </header>
+    <main>
+      <script>
+        function onTipoAltera() {
+          console.log('Altera tipo')
+          const inputTipo = document.querySelector('[name="tipo"]')
+          inputTipo.value = inputTipo.value +' . '
+        }
+      </script>
+      <form method="POST" action="services/veiculo" target="salvou">
+        <div>
+          Tipo:
+          <input type="text" name="tipo" onkeyup="onTipoAltera()" />
+        </div>
+        <div>
+          <label for="campo-marca">Marca:</label>
+          <input type="text" name="marca" id="campo-marca" />
+        </div>
+        <div>
+          <label>
+            Pode ser publicado?
+            <input type="checkbox" name="publica" value="true" />
+          </label>
+        </div>
+        <button>Enviar</button>
+      </form>
+      <iframe id="salvou-id" name="salvou" frameBorder="0" width="500" height="300"></iframe>
+    </main>
+    <footer>
+    </footer>
+  </body>
+</html> 

User/History/-8d3a03d/yfbS.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Contact</title>
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet" href="styles/formulario.css" />
+    <script src="scripts/contact.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Contact</h1>
+      <p>
+      <a href="index.html">Home</a>
+      &middot;
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <script>
+
+      
+    </script>
+    <main>
+      <form method="POST" action="services/veiculo" target="salvou">
+        <div>
+          Tipo:
+          <input type="text" name="tipo" onkeyup="onTipoAltera()" />
+        </div>
+        <div>
+          <label for="campo-marca">Marca:</label>
+          <input type="text" name="marca" id="campo-marca" />
+        </div>
+        <div>
+          <label>
+            Pode ser publicado?
+            <input type="checkbox" name="publica" value="true" />
+          </label>
+        </div>
+        <button>Enviar</button>
+      </form>
+      <iframe id="salvou-id" name="salvou" frameBorder="0" width="500" height="300"></iframe>
+    </main>
+    <footer>
+    </footer>
+  </body>
+</html> 

User/History/18fd1018/TLnn.less

@@ -0,0 +1,3 @@
+@corVermelhaEscura: #660000;
+
+@bordaVermelhaEscura: 10px solid @corVermelhaEscura;

User/History/18fd1018/entries.json

@@ -0,0 +1 @@
+{"version":1,"resource":"vscode-remote://meu-site.luciana-furtado.dev.netuno.org:22188/home/luciana-furtado/meu-site/styles/variaveis.less","entries":[{"id":"TLnn.less","timestamp":1668260912225}]}

User/History/31d82873/entries.json

@@ -0,0 +1 @@
+{"version":1,"resource":"vscode-remote://meu-site.luciana-furtado.dev.netuno.org:22188/home/luciana-furtado/meu-site/README.md","entries":[{"id":"ykJu.md","timestamp":1668261624119}]}

User/History/31d82873/ykJu.md

@@ -0,0 +1,5 @@
+# formacaoNetuno
+
+Conhecimentos aprendidos pela formação Maranhão netuno.
+
+Super Mario World  

User/History/37704a70/I9E4.json

@@ -0,0 +1,4 @@
+{
+    "workbench.colorTheme": "Visual Studio Dark",
+    "editor.fontSize": 20
+}

User/History/37704a70/O1VM.json

@@ -0,0 +1,5 @@
+{
+    "workbench.colorTheme": "Visual Studio Dark",
+    "editor.fontSize": 20,
+    "editor.accessibilityPageSize": 20
+}

User/History/37704a70/entries.json

@@ -0,0 +1 @@
+{"version":1,"resource":"vscode-remote:/home/luciana-furtado/meu-site/User/settings.json","entries":[{"id":"nkX9.json","timestamp":1668260768682},{"id":"I9E4.json","timestamp":1668261867216},{"id":"O1VM.json","timestamp":1668261888536}]}

User/History/37704a70/nkX9.json

@@ -0,0 +1,3 @@
+{
+    "workbench.colorTheme": "Visual Studio Dark"
+}

User/History/8695c2b/0Im0.html

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <img height="100" width="100" src="images/logo.png"/>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+    
+      <section id="bloco-grid">
+        <h1>Super Mario Bros</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>History</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Curiosity</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Easter Eggs</h2>
+            <p></p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+     
+     <section id="bloco-flex">
+        <h1>Photos</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Mario Kart</h2>
+            <img src="https://i.pinimg.com/550x/79/19/f1/7919f170722125e4aa067d9548238575.jpg/"/>
+          </div>
+          <div>
+            <h2>Super Mario Bros</h2>
+            <p><img src="https://i.pinimg.com/550x/79/19/f1/7919f170722125e4aa067d9548238575.jpg/"/></p>
+          </div>
+          <div>
+            <h2>Mario Run</h2>
+            <p><img src="https://i.pinimg.com/550x/79/19/f1/7919f170722125e4aa067d9548238575.jpg/"/></p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/2Nlu.html

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <img height="100" width="100" src="images/logo.png"/>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+    
+      <section id="bloco-grid">
+        <h1>Super Mario Bros</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>History</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Curiosity</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Easter Eggs</h2>
+            <p></p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+     
+     <section id="bloco-flex">
+        <h1>Photos</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Mario Kart</h2>
+            <img height="100" width="100" src="images/logo.png"/>
+          </div>
+          <div>
+            <h2>Super Mario Bros</h2>
+            <img height="100" width="100" src="images/logo.png"/>
+          </div>
+          <div>
+            <h2>Mario Run</h2>
+            
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/7Zmi.html

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <img height="100" width="100" src="images/logo.png"/>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+    
+      <section id="bloco-grid">
+        <h1>Super Mario Bros</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>History</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Curiosity</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Easter Eggs</h2>
+            <p></p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+     
+     <section id="bloco-flex">
+        <h1>FLEX</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/Arc6.html

@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <img height="100" width="1" src="images/logo.png"/>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+    
+      <section id="bloco-grid">
+        <h1>Super Mario Bros</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>History</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Curiosity</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Easter Eggs</h2>
+            <p></p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="flex"] {
+          display: flex;
+          flex-direction: row;
+        }
+        div.tipos-veiculos[data-colunas="flex"] > div {
+          flex: 50%;
+        }
+
+        @media (max-width: 500px) {
+          div[data-colunas="flex"] {
+            flex-direction: column;
+          }
+        }
+
+        @media (min-width: 500px) and (max-width: 800px) {
+          div[data-colunas="flex"] {
+            background-color: #555500;
+          }
+        }
+      </style>
+      <section id="bloco-flex">
+        <h1>FLEX</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/F3qQ.html

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <img height="100" width="100" src="images/logo.png"/>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+    
+      <section id="bloco-grid">
+        <h1>Super Mario Bros</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>History</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Curiosity</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Easter Eggs</h2>
+            <p></p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+     
+     <section id="bloco-flex">
+        <h1>Photos</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Mario Kart</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Super Mario Bros</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Mario Run</h2>
+            <p></p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/HOr0.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>T&iacute;tulo P&aacute;gina</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Meu Site</h1>
+      <p>
+      <a href="tabela.html">Tabela</a>
+      &middot;
+      <a href="formulario.html">Formul&aacute;rio</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>Bem vindo.</h1>
+        <p>Seja <span>bem vindo</span> ao site.</p>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="grid"] {
+          display: grid;
+          grid-template-columns: auto auto auto;
+        }
+      </style>
+      <section id="bloco-grid">
+        <h1>GRID</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="flex"] {
+          display: flex;
+          flex-direction: row;
+        }
+        div.tipos-veiculos[data-colunas="flex"] > div {
+          flex: 50%;
+        }
+
+        @media (max-width: 500px) {
+          div[data-colunas="flex"] {
+            flex-direction: column;
+          }
+        }
+
+        @media (min-width: 500px) and (max-width: 800px) {
+          div[data-colunas="flex"] {
+            background-color: #555500;
+          }
+        }
+      </style>
+      <section id="bloco-flex">
+        <h1>FLEX</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/IHTh.html

@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <img height="100" width="100" src="images/logo.png"/>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+    
+      <section id="bloco-grid">
+        <h1>Super Mario Bros</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>History</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Curiosity</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Easter Eggs</h2>
+            <p></p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+      <style>
+       
+      </style>
+      <section id="bloco-flex">
+        <h1>FLEX</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/ROuB.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Meu Site</h1>
+      <p>
+      <a href="tabela.html">Tabela</a>
+      &middot;
+      <a href="formulario.html">Formul&aacute;rio</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>Bem vindo.</h1>
+        <p>Seja <span>bem vindo</span> ao site.</p>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="grid"] {
+          display: grid;
+          grid-template-columns: auto auto auto;
+        }
+      </style>
+      <section id="bloco-grid">
+        <h1>GRID</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="flex"] {
+          display: flex;
+          flex-direction: row;
+        }
+        div.tipos-veiculos[data-colunas="flex"] > div {
+          flex: 50%;
+        }
+
+        @media (max-width: 500px) {
+          div[data-colunas="flex"] {
+            flex-direction: column;
+          }
+        }
+
+        @media (min-width: 500px) and (max-width: 800px) {
+          div[data-colunas="flex"] {
+            background-color: #555500;
+          }
+        }
+      </style>
+      <section id="bloco-flex">
+        <h1>FLEX</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/TwDs.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Tabela</a>
+      &middot;
+      <a href="formulario.html">Formul&aacute;rio</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>Bem vindo.</h1>
+        <p>Seja <span>bem vindo</span> ao site.</p>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="grid"] {
+          display: grid;
+          grid-template-columns: auto auto auto;
+        }
+      </style>
+      <section id="bloco-grid">
+        <h1>GRID</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="flex"] {
+          display: flex;
+          flex-direction: row;
+        }
+        div.tipos-veiculos[data-colunas="flex"] > div {
+          flex: 50%;
+        }
+
+        @media (max-width: 500px) {
+          div[data-colunas="flex"] {
+            flex-direction: column;
+          }
+        }
+
+        @media (min-width: 500px) and (max-width: 800px) {
+          div[data-colunas="flex"] {
+            background-color: #555500;
+          }
+        }
+      </style>
+      <section id="bloco-flex">
+        <h1>FLEX</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/U3C6.html

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <img height="100" width="100" src="images/logo.png"/>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+    
+      <section id="bloco-grid">
+        <h1>Super Mario Bros</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>History</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Curiosity</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Easter Eggs</h2>
+            <p></p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+     
+     <section id="bloco-flex">
+        <h1>Photos</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Mario Kart</h2>
+            <p><img src="https://i.pinimg.com/550x/79/19/f1/7919f170722125e4aa067d9548238575.jpg/"/></p>
+          </div>
+          <div>
+            <h2>Super Mario Bros</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Mario Run</h2>
+            <p></p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/bF4H.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Fale Conosco</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>Seja <span>bem vindo</span> ao site.</p>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="grid"] {
+          display: grid;
+          grid-template-columns: auto auto auto;
+        }
+      </style>
+      <section id="bloco-grid">
+        <h1>GRID</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="flex"] {
+          display: flex;
+          flex-direction: row;
+        }
+        div.tipos-veiculos[data-colunas="flex"] > div {
+          flex: 50%;
+        }
+
+        @media (max-width: 500px) {
+          div[data-colunas="flex"] {
+            flex-direction: column;
+          }
+        }
+
+        @media (min-width: 500px) and (max-width: 800px) {
+          div[data-colunas="flex"] {
+            background-color: #555500;
+          }
+        }
+      </style>
+      <section id="bloco-flex">
+        <h1>FLEX</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/dO9E.html

@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+    
+      <section id="bloco-grid">
+        <h1>History</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>Curiosity</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="flex"] {
+          display: flex;
+          flex-direction: row;
+        }
+        div.tipos-veiculos[data-colunas="flex"] > div {
+          flex: 50%;
+        }
+
+        @media (max-width: 500px) {
+          div[data-colunas="flex"] {
+            flex-direction: column;
+          }
+        }
+
+        @media (min-width: 500px) and (max-width: 800px) {
+          div[data-colunas="flex"] {
+            background-color: #555500;
+          }
+        }
+      </style>
+      <section id="bloco-flex">
+        <h1>FLEX</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/entries.json

@@ -0,0 +1 @@
+{"version":1,"resource":"vscode-remote://meu-site.luciana-furtado.dev.netuno.org:22188/home/luciana-furtado/meu-site/index.html","entries":[{"id":"HOr0.html","timestamp":1668260779690},{"id":"ROuB.html","timestamp":1668262002319},{"id":"TwDs.html","timestamp":1668262038819},{"id":"pGje.html","timestamp":1668262062367},{"id":"bF4H.html","timestamp":1668262165858},{"id":"uHlO.html","timestamp":1668262195750},{"id":"uuXG.html","timestamp":1668262224001},{"id":"f1PY.html","timestamp":1668262293557},{"id":"sI9W.html","timestamp":1668262338732},{"id":"dO9E.html","timestamp":1668262361440},{"id":"mOvR.html","timestamp":1668262471667},{"id":"zfEI.html","timestamp":1668262511979},{"id":"Arc6.html","timestamp":1668262535059},{"id":"IHTh.html","timestamp":1668262949227},{"id":"7Zmi.html","timestamp":1668263005051},{"id":"F3qQ.html","timestamp":1668263090266},{"id":"U3C6.html","timestamp":1668263237172},{"id":"xo3V.html","timestamp":1668263254908},{"id":"0Im0.html","timestamp":1668263289172},{"id":"gNTG.html","timestamp":1668263338132},{"id":"2Nlu.html","timestamp":1668263423515},{"id":"fM5M.html","timestamp":1668263452087}]}

User/History/8695c2b/f1PY.html

@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+      <style>
+       
+      </style>
+      <section id="bloco-grid">
+        <h1>GRID</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="flex"] {
+          display: flex;
+          flex-direction: row;
+        }
+        div.tipos-veiculos[data-colunas="flex"] > div {
+          flex: 50%;
+        }
+
+        @media (max-width: 500px) {
+          div[data-colunas="flex"] {
+            flex-direction: column;
+          }
+        }
+
+        @media (min-width: 500px) and (max-width: 800px) {
+          div[data-colunas="flex"] {
+            background-color: #555500;
+          }
+        }
+      </style>
+      <section id="bloco-flex">
+        <h1>FLEX</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/fM5M.html

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <img height="100" width="100" src="images/logo.png"/>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+    
+      <section id="bloco-grid">
+        <h1>Super Mario Bros</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>History</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Curiosity</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Easter Eggs</h2>
+            <p></p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+     
+     <section id="bloco-flex">
+        <h1>Photos</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Mario Kart</h2>
+            <img height="100" width="100" src="images/logo.png"/>
+          </div>
+          <div>
+            <h2>Super Mario Bros</h2>
+            <img height="100" width="100" src="images/logo.png"/>
+          </div>
+          <div>
+            <h2>Mario Run</h2>
+            <img height="100" width="100" src="images/logo.png"/>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/gNTG.html

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <img height="100" width="100" src="images/logo.png"/>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+    
+      <section id="bloco-grid">
+        <h1>Super Mario Bros</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>History</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Curiosity</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Easter Eggs</h2>
+            <p></p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+     
+     <section id="bloco-flex">
+        <h1>Photos</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Mario Kart</h2>
+            
+          </div>
+          <div>
+            <h2>Super Mario Bros</h2>
+            
+          </div>
+          <div>
+            <h2>Mario Run</h2>
+            
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/mOvR.html

@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+    
+      <section id="bloco-grid">
+        <h1>Super Mario Bros</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>History</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Curiosity</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Easter Eggs</h2>
+            <p></p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="flex"] {
+          display: flex;
+          flex-direction: row;
+        }
+        div.tipos-veiculos[data-colunas="flex"] > div {
+          flex: 50%;
+        }
+
+        @media (max-width: 500px) {
+          div[data-colunas="flex"] {
+            flex-direction: column;
+          }
+        }
+
+        @media (min-width: 500px) and (max-width: 800px) {
+          div[data-colunas="flex"] {
+            background-color: #555500;
+          }
+        }
+      </style>
+      <section id="bloco-flex">
+        <h1>FLEX</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/pGje.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Fale Conosco</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>Bem vindo.</h1>
+        <p>Seja <span>bem vindo</span> ao site.</p>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="grid"] {
+          display: grid;
+          grid-template-columns: auto auto auto;
+        }
+      </style>
+      <section id="bloco-grid">
+        <h1>GRID</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="flex"] {
+          display: flex;
+          flex-direction: row;
+        }
+        div.tipos-veiculos[data-colunas="flex"] > div {
+          flex: 50%;
+        }
+
+        @media (max-width: 500px) {
+          div[data-colunas="flex"] {
+            flex-direction: column;
+          }
+        }
+
+        @media (min-width: 500px) and (max-width: 800px) {
+          div[data-colunas="flex"] {
+            background-color: #555500;
+          }
+        }
+      </style>
+      <section id="bloco-flex">
+        <h1>FLEX</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/sI9W.html

@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+    
+      <section id="bloco-grid">
+        <h1>History</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2></h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="flex"] {
+          display: flex;
+          flex-direction: row;
+        }
+        div.tipos-veiculos[data-colunas="flex"] > div {
+          flex: 50%;
+        }
+
+        @media (max-width: 500px) {
+          div[data-colunas="flex"] {
+            flex-direction: column;
+          }
+        }
+
+        @media (min-width: 500px) and (max-width: 800px) {
+          div[data-colunas="flex"] {
+            background-color: #555500;
+          }
+        }
+      </style>
+      <section id="bloco-flex">
+        <h1>FLEX</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/uHlO.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Fale Conosco</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="grid"] {
+          display: grid;
+          grid-template-columns: auto auto auto;
+        }
+      </style>
+      <section id="bloco-grid">
+        <h1>GRID</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="flex"] {
+          display: flex;
+          flex-direction: row;
+        }
+        div.tipos-veiculos[data-colunas="flex"] > div {
+          flex: 50%;
+        }
+
+        @media (max-width: 500px) {
+          div[data-colunas="flex"] {
+            flex-direction: column;
+          }
+        }
+
+        @media (min-width: 500px) and (max-width: 800px) {
+          div[data-colunas="flex"] {
+            background-color: #555500;
+          }
+        }
+      </style>
+      <section id="bloco-flex">
+        <h1>FLEX</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/uuXG.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="grid"] {
+          display: grid;
+          grid-template-columns: auto auto auto;
+        }
+      </style>
+      <section id="bloco-grid">
+        <h1>GRID</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="flex"] {
+          display: flex;
+          flex-direction: row;
+        }
+        div.tipos-veiculos[data-colunas="flex"] > div {
+          flex: 50%;
+        }
+
+        @media (max-width: 500px) {
+          div[data-colunas="flex"] {
+            flex-direction: column;
+          }
+        }
+
+        @media (min-width: 500px) and (max-width: 800px) {
+          div[data-colunas="flex"] {
+            background-color: #555500;
+          }
+        }
+      </style>
+      <section id="bloco-flex">
+        <h1>FLEX</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/xo3V.html

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <img height="100" width="100" src="images/logo.png"/>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+    
+      <section id="bloco-grid">
+        <h1>Super Mario Bros</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>History</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Curiosity</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Easter Eggs</h2>
+            <p></p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+     
+     <section id="bloco-flex">
+        <h1>Photos</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Mario Kart</h2>
+            <p><img src="https://i.pinimg.com/550x/79/19/f1/7919f170722125e4aa067d9548238575.jpg/"/></p>
+          </div>
+          <div>
+            <h2>Super Mario Bros</h2>
+            <p><img src="https://i.pinimg.com/550x/79/19/f1/7919f170722125e4aa067d9548238575.jpg/"/></p>
+          </div>
+          <div>
+            <h2>Mario Run</h2>
+            <p><img src="https://i.pinimg.com/550x/79/19/f1/7919f170722125e4aa067d9548238575.jpg/"/></p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/History/8695c2b/zfEI.html

@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <img src="images/logo.png"/>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+    
+      <section id="bloco-grid">
+        <h1>Super Mario Bros</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>History</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Curiosity</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Easter Eggs</h2>
+            <p></p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+      <style>
+        div[data-colunas="flex"] {
+          display: flex;
+          flex-direction: row;
+        }
+        div.tipos-veiculos[data-colunas="flex"] > div {
+          flex: 50%;
+        }
+
+        @media (max-width: 500px) {
+          div[data-colunas="flex"] {
+            flex-direction: column;
+          }
+        }
+
+        @media (min-width: 500px) and (max-width: 800px) {
+          div[data-colunas="flex"] {
+            background-color: #555500;
+          }
+        }
+      </style>
+      <section id="bloco-flex">
+        <h1>FLEX</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Carro</h2>
+            <p>Andam em estradas, t&ecirc;m quatro pneus.</p>
+          </div>
+          <div>
+            <h2>Barco</h2>
+            <p>Flutua e se deslocar sobre &aacute;gua.</p>
+          </div>
+          <div>
+            <h2>Avi&atilde;o</h2>
+            <p>Com asas fixas e motores para se sustentar no ar.</p>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

User/caches/CachedConfigurations/folder/-665a8a8c/configuration.json

@@ -0,0 +1 @@
+{"content":{"settings":"{}","tasks":"{}","launch":"{}"}}

User/customBuiltinExtensionsCache.json

@@ -0,0 +1 @@
+[]

User/settings.json

@@ -0,0 +1,5 @@
+{
+    "workbench.colorTheme": "Visual Studio Dark",
+    "editor.fontSize": 20,
+    "editor.accessibilityPageSize": 20
+}

User/systemExtensionsCache.json

@@ -0,0 +1 @@
+[]

User/workspaceStorage/1ba157ab/vscode.lock

@@ -0,0 +1 @@
+{"pid":367673,"willReleaseAt":0}

coder.json

@@ -0,0 +1,9 @@
+{
+  "query": {
+    "folder": "/home/luciana-furtado/meu-site"
+  },
+  "update": {
+    "checked": 1668181647831,
+    "version": "4.8.3"
+  }
+}

formulario.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Contact</title>
+  <link rel="stylesheet" href="styles/base.css" />
+  <link rel="stylesheet" href="styles/formulario.css" />
+  <script src="scripts/contact.js"></script>
+</head>
+
+<body>
+  <header>
+    <h1>Contact</h1>
+    <p>
+      <a href="index.html">Home</a>
+      &middot;
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+    </p>
+  </header>
+
+  <main>
+    <h1>Contact:</h1>
+    <form method="GET" action="salvar.html" target="salvou">
+      <div>
+        Tipo:
+        <input type="text" name="tipo" />
+      </div>
+      <div>
+        <label for="campo-marca">Marca:</label>
+        <input type="text" name="marca" id="campo-marca" />
+      </div>
+      <div>
+        <label>
+          Pode ser publicado?
+          <input type="checkbox" name="publica" value="true" />
+        </label>
+      </div>
+      <button>Enviar</button>
+    </form>
+    <iframe id="salvou-id" name="salvou" frameBorder="0" width="500" height="300"></iframe>
+  </main>
+  <footer>
+  </footer>
+</body>
+
+</html>

index.html

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Mario's World</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles/base.css" />
+    <link rel="stylesheet/less" type="text/css" href="styles/base.less" />
+    <script src="scripts/less/less.min.js"></script>
+  </head>
+  <body>
+    <header>
+      <img height="100" width="100" src="images/logo.png"/>
+      <h1>Mario's World</h1>
+      <p>
+      <a href="tabela.html">Games</a>
+      &middot;
+      <a href="formulario.html">Contact</a>
+      </p>
+    </header>
+    <main>
+      <section>
+        <h1>You find everything here</h1>
+        <p>You're <span>Welcome</span> !</p>
+      </section>
+      <hr/>
+    
+      <section id="bloco-grid">
+        <h1>Super Mario Bros</h1>
+        <div data-colunas="grid" class="grid">
+          <div>
+            <h2>History</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Curiosity</h2>
+            <p></p>
+          </div>
+          <div>
+            <h2>Easter Eggs</h2>
+            <p></p>
+          </div>
+        </div>
+      </section>
+      <hr/>
+     
+     <section id="bloco-flex">
+        <h1>Photos</h1>
+        <div class="tipos-veiculos" data-colunas="flex">
+          <div>
+            <h2>Mario Kart</h2>
+            <img height="100" width="100" src="images/logo.png"/>
+          </div>
+          <div>
+            <h2>Super Mario Bros</h2>
+            <img height="100" width="100" src="images/logo.png"/>
+          </div>
+          <div>
+            <h2>Mario Run</h2>
+            <img height="100" width="100" src="images/logo.png"/>
+          </div>
+        </div>
+      </section>
+    </main>
+    <script src="scripts/main.js"></script>
+  </body>
+</html>

logs/20221112T134353/exthost1/exthost.log

@@ -0,0 +1,18 @@
+[2022-11-12 13:44:12.448] [exthost] [info] Extension host with pid 367673 started
+[2022-11-12 13:44:12.468] [exthost] [info] Lock '/home/luciana-furtado/meu-site/User/workspaceStorage/1ba157ab/vscode.lock': Lock acquired.
+[2022-11-12 13:44:13.083] [exthost] [info] ExtensionService#_doActivateExtension vscode.html-language-features, startup: false, activationEvent: 'onLanguage:html'
+[2022-11-12 13:44:13.173] [exthost] [info] ExtensionService#_doActivateExtension vscode.debug-auto-launch, startup: true, activationEvent: '*'
+[2022-11-12 13:44:13.175] [exthost] [info] ExtensionService#_doActivateExtension vscode.git-base, startup: true, activationEvent: '*', root cause: vscode.git
+[2022-11-12 13:44:13.184] [exthost] [info] ExtensionService#_doActivateExtension vscode.ipynb, startup: true, activationEvent: '*'
+[2022-11-12 13:44:13.573] [exthost] [info] ExtensionService#_doActivateExtension vscode.git, startup: true, activationEvent: '*'
+[2022-11-12 13:44:13.639] [exthost] [info] ExtensionService#_doActivateExtension vscode.github, startup: true, activationEvent: '*'
+[2022-11-12 13:44:13.982] [exthost] [info] ExtensionService#_doActivateExtension vscode.emmet, startup: false, activationEvent: 'onStartupFinished'
+[2022-11-12 13:44:13.996] [exthost] [info] ExtensionService#_doActivateExtension vscode.merge-conflict, startup: false, activationEvent: 'onStartupFinished'
+[2022-11-12 13:44:13.999] [exthost] [info] Eager extensions activated
+[2022-11-12 13:46:07.555] [exthost] [info] ExtensionService#_doActivateExtension vscode.configuration-editing, startup: false, activationEvent: 'onLanguage:jsonc'
+[2022-11-12 13:46:07.572] [exthost] [info] ExtensionService#_doActivateExtension vscode.json-language-features, startup: false, activationEvent: 'onLanguage:jsonc'
+[2022-11-12 13:46:07.638] [exthost] [info] ExtensionService#_doActivateExtension vscode.typescript-language-features, startup: false, activationEvent: 'onLanguage:jsonc'
+[2022-11-12 13:47:17.306] [exthost] [info] ExtensionService#_doActivateExtension vscode.css-language-features, startup: false, activationEvent: 'onLanguage:css'
+[2022-11-12 13:59:58.943] [exthost] [info] ExtensionService#_doActivateExtension vscode.extension-editing, startup: false, activationEvent: 'onLanguage:markdown'
+[2022-11-12 13:59:58.981] [exthost] [info] ExtensionService#_doActivateExtension vscode.markdown-language-features, startup: false, activationEvent: 'onLanguage:markdown'
+[2022-11-12 13:59:59.755] [exthost] [info] ExtensionService#_doActivateExtension vscode.markdown-math, startup: false, activationEvent: 'api', root cause: vscode.markdown-language-features

logs/20221112T134353/exthost1/output_logging_20221112T134412/1-Git.log

@@ -0,0 +1,139 @@
+[2022-11-12T13:44:13.927Z] Log level: Info
+[2022-11-12T13:44:13.929Z] [info] Validating found git in: git
+[2022-11-12T13:44:13.968Z] [info] Using git 2.25.1 from git
+[2022-11-12T13:44:14.019Z] > git rev-parse --show-toplevel [39ms]
+[2022-11-12T13:44:14.019Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:44:14.031Z] > git rev-parse --show-toplevel [4ms]
+[2022-11-12T13:44:14.031Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:44:14.037Z] > git rev-parse --show-toplevel [2ms]
+[2022-11-12T13:44:14.037Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:44:14.041Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T13:44:14.041Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:44:14.045Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T13:44:14.045Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:44:14.049Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T13:44:14.049Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:44:14.054Z] > git rev-parse --show-toplevel [2ms]
+[2022-11-12T13:44:14.054Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:44:14.058Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T13:44:14.058Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:44:14.062Z] > git rev-parse --show-toplevel [2ms]
+[2022-11-12T13:44:14.062Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:44:14.066Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T13:44:14.066Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:44:17.261Z] > git rev-parse --show-toplevel [2ms]
+[2022-11-12T13:44:17.261Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:46:09.434Z] > git rev-parse --show-toplevel [3ms]
+[2022-11-12T13:46:09.434Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:47:17.347Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T13:47:17.347Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:47:45.300Z] > git rev-parse --show-toplevel [6ms]
+[2022-11-12T13:47:45.300Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:48:29.654Z] > git rev-parse --show-toplevel [2ms]
+[2022-11-12T13:48:29.654Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:49:10.580Z] > git rev-parse --show-toplevel [6ms]
+[2022-11-12T13:49:10.580Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:49:59.435Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T13:49:59.435Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:54:29.053Z] > git rev-parse --show-toplevel [5ms]
+[2022-11-12T13:54:29.053Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:55:07.896Z] > git rev-parse --show-toplevel [7ms]
+[2022-11-12T13:55:07.896Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:56:05.066Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T13:56:05.066Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:58:11.826Z] > git rev-parse --show-toplevel [82ms]
+[2022-11-12T13:58:11.826Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T13:59:59.046Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T13:59:59.046Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:03:01.804Z] > git rev-parse --show-toplevel [8ms]
+[2022-11-12T14:03:01.804Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:03:12.867Z] > git rev-parse --show-toplevel [3ms]
+[2022-11-12T14:03:12.867Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:03:37.230Z] > git rev-parse --show-toplevel [8ms]
+[2022-11-12T14:03:37.230Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:04:29.069Z] > git rev-parse --show-toplevel [2ms]
+[2022-11-12T14:04:29.069Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:04:47.944Z] > git rev-parse --show-toplevel [4ms]
+[2022-11-12T14:04:47.944Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:04:49.730Z] > git rev-parse --show-toplevel [3ms]
+[2022-11-12T14:04:49.730Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:06:05.140Z] > git rev-parse --show-toplevel [11ms]
+[2022-11-12T14:06:05.140Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:11:04.514Z] > git rev-parse --show-toplevel [5ms]
+[2022-11-12T14:11:04.514Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:11:23.474Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T14:11:23.474Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:11:36.261Z] > git rev-parse --show-toplevel [7ms]
+[2022-11-12T14:11:36.261Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:11:51.884Z] > git rev-parse --show-toplevel [5ms]
+[2022-11-12T14:11:51.884Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:16:34.099Z] > git rev-parse --show-toplevel [6ms]
+[2022-11-12T14:16:34.099Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:21:47.484Z] > git rev-parse --show-toplevel [8ms]
+[2022-11-12T14:21:47.484Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:22:34.979Z] > git rev-parse --show-toplevel [4ms]
+[2022-11-12T14:22:34.979Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:22:44.825Z] > git rev-parse --show-toplevel [7ms]
+[2022-11-12T14:22:44.825Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:22:47.223Z] > git rev-parse --show-toplevel [4ms]
+[2022-11-12T14:22:47.223Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:23:17.944Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T14:23:17.944Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:25:21.769Z] > git rev-parse --show-toplevel [5ms]
+[2022-11-12T14:25:21.769Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:26:46.271Z] > git rev-parse --show-toplevel [5ms]
+[2022-11-12T14:26:46.271Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:34:10.034Z] > git rev-parse --show-toplevel [5ms]
+[2022-11-12T14:34:10.034Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:34:16.543Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T14:34:16.543Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:34:30.796Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T14:34:30.796Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:34:46.138Z] > git rev-parse --show-toplevel [4ms]
+[2022-11-12T14:34:46.138Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:34:58.378Z] > git rev-parse --show-toplevel [7ms]
+[2022-11-12T14:34:58.378Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:35:06.794Z] > git rev-parse --show-toplevel [17ms]
+[2022-11-12T14:35:06.794Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:35:14.830Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T14:35:14.830Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:38:00.569Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T14:38:00.569Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:38:04.065Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T14:38:04.065Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:38:18.856Z] > git rev-parse --show-toplevel [9ms]
+[2022-11-12T14:38:18.856Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:38:27.976Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T14:38:27.976Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:38:35.303Z] > git rev-parse --show-toplevel [8ms]
+[2022-11-12T14:38:35.303Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:38:47.695Z] > git rev-parse --show-toplevel [2ms]
+[2022-11-12T14:38:47.695Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:41:30.644Z] > git rev-parse --show-toplevel [3ms]
+[2022-11-12T14:41:30.644Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:41:57.289Z] > git rev-parse --show-toplevel [8ms]
+[2022-11-12T14:41:57.289Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:42:04.046Z] > git rev-parse --show-toplevel [2ms]
+[2022-11-12T14:42:04.046Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:42:08.443Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T14:42:08.443Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:42:15.941Z] > git rev-parse --show-toplevel [4ms]
+[2022-11-12T14:42:15.941Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:42:43.951Z] > git rev-parse --show-toplevel [6ms]
+[2022-11-12T14:42:43.951Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:42:53.063Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T14:42:53.063Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:43:24.857Z] > git rev-parse --show-toplevel [3ms]
+[2022-11-12T14:43:24.857Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:43:27.055Z] > git rev-parse --show-toplevel [2ms]
+[2022-11-12T14:43:27.055Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:44:35.035Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T14:44:35.035Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:46:56.165Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T14:46:56.165Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:47:04.225Z] > git rev-parse --show-toplevel [2ms]
+[2022-11-12T14:47:04.225Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:47:06.365Z] > git rev-parse --show-toplevel [1ms]
+[2022-11-12T14:47:06.365Z] fatal: not a git repository (or any of the parent directories): .git
+[2022-11-12T14:47:11.936Z] > git rev-parse --show-toplevel [4ms]
+[2022-11-12T14:47:11.936Z] fatal: not a git repository (or any of the parent directories): .git

logs/20221112T134353/exthost1/output_logging_20221112T134412/3-TypeScript.log

@@ -0,0 +1,6 @@
+[Info  - 13:58:11.687] Starting TS Server
+[Info  - 13:58:11.688] Using tsserver from: /usr/lib/code-server/lib/vscode/extensions/node_modules/typescript/lib/tsserver.js
+[Info  - 13:58:11.691] <syntax> Forking...
+[Info  - 13:58:11.702] <syntax> Starting...
+[Info  - 13:58:11.702] <semantic> Forking...
+[Info  - 13:58:11.708] <semantic> Starting...

logs/20221112T134353/remoteagent.log

@@ -0,0 +1,15 @@
+[2022-11-12 13:43:53.775] [remoteagent] [info] 
+
+
+
+
+[2022-11-12 13:43:53.775] [remoteagent] [info] Extension host agent started.
+[2022-11-12 13:43:54.276] [remoteagent] [error] [127.0.0.1][117e6adc][ExtensionHostConnection] Unknown reconnection token (never seen).
+[2022-11-12 13:43:55.042] [remoteagent] [error] [127.0.0.1][37c7aa6f][ManagementConnection] Unknown reconnection token (never seen).
+[2022-11-12 13:44:06.347] [remoteagent] [info] [127.0.0.1][0e629cf5][ManagementConnection] New connection established.
+[2022-11-12 13:44:09.908] [remoteagent] [info] [127.0.0.1][77a44e10][ExtensionHostConnection] New connection established.
+[2022-11-12 13:44:09.915] [remoteagent] [info] [127.0.0.1][77a44e10][ExtensionHostConnection] <367673> Launched Extension Host Process.
+[2022-11-12 15:29:35.798] [remoteagent] [info] [127.0.0.1][0e629cf5][ManagementConnection] The client has disconnected, will wait for reconnection 3h before disposing...
+[2022-11-12 15:29:35.800] [remoteagent] [error] Error: Unexpected SIGPIPE
+    at process.<anonymous> (/usr/lib/code-server/lib/vscode/out/vs/server/node/server.main.js:146:7923)
+    at process.emit (node:events:539:35)

machineid

@@ -0,0 +1 @@
+f76b6305-71e6-457c-8b5e-2f778ae6b09b

salvar.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Salvar</title>
+    <link rel="stylesheet" href="styles/base.css" />
+  </head>
+  <body>
+    <h1>Salvo com Sucesso</h1>
+    <p>
+    &Eacute; uma simula&ccedil;&atilde;o.
+    </p>
+  </body>
+</html> 

scripts/main.js

@@ -0,0 +1,20 @@
+console.log('main!!!');
+
+//document.getElementById('bloco-grid').innerHTML;
+
+console.log('MAIN!!!')
+
+const gridH2 = document.querySelector('.grid > div > h2')
+console.log(
+    'QUERY SELECTOR Antes',
+    gridH2.innerText
+)
+
+gridH2.innerText = 'Trotinete'
+
+console.log(
+    'QUERY SELECTOR Depois',
+    gridH2.innerText
+)
+
+

styles/base.css

@@ -0,0 +1,65 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+html, body {
+  font-family: 'Roboto', sans-serif;
+  font-size: 16px;
+  background-color: black;
+  color: #f1f1f1;
+  margin: 0;
+  padding: 0;
+}
+header {
+  /*display: none;*/
+  background-color: #414141;
+  padding: 20px 40px;
+  box-shadow: 0 10px 10px rgba(184, 6, 6, 0.63);
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+}
+header > h1 {
+  text-shadow: 2px 3px 10px rgba(184, 6, 6, 0.63);
+}
+
+header a {
+  color: #e7d5d5e3;
+  text-decoration: none;
+}
+
+header a:hover {
+  color: #d82941f3;
+}
+
+header a:active {
+  color: #ffff00;
+}
+
+main {
+  margin: 300px 40px 40px 40px;
+}
+
+div[data-colunas="grid"] {
+  display: grid;
+  grid-template-columns: auto auto auto;
+}
+
+div[data-colunas="flex"] {
+  display: flex;
+  flex-direction: row;
+}
+div.tipos-veiculos[data-colunas="flex"] > div {
+  flex: 50%;
+}
+
+@media (max-width: 500px) {
+  div[data-colunas="flex"] {
+    flex-direction: column;
+  }
+}
+
+@media (min-width: 500px) and (max-width: 800px) {
+  div[data-colunas="flex"] {
+    background-color: #555500;
+  }
+}

styles/base.less

@@ -0,0 +1,25 @@
+@import './variaveis.less';
+
+#bloco-grid {
+    background-color: lighten(@corVermelhaEscura, 10%);
+    border: @bordaVermelhaEscura;
+    padding: 20px;
+    
+    > h1 {
+        margin-top: 0;
+    }
+
+    > div {
+        > div {
+            margin: 0 10px;
+        }
+        h2 {
+            color: darken(@corVermelhaEscura, 20%);
+        }
+        p {
+            border: @bordaVermelhaEscura;
+            border-radius: 20px;
+            padding: 20px;
+        }
+    }
+}

styles/formulario.css

@@ -0,0 +1,37 @@
+form > div {
+    margin-top: 20px;
+  }
+  
+  form input {
+    padding: 10px;
+    border: 1px solid #9908279a;
+    border-radius: 10px;
+    color: #ff00228e;
+    min-width: 20px;
+    min-height: 20px;
+    background-image: linear-gradient(#212121, #343434);
+  }
+  
+  form > button {
+    margin-top: 20px;
+    padding: 10px 20px;
+    border: 2px solid #ff001575;
+    border-radius: 20px;
+    color: white;
+    font-weight: 800;
+    background-image: linear-gradient(#343434, #101010, #343434);
+    box-shadow: 2px 3px 10px rgba(255, 0, 21, 0.336);
+    transition: 2s ease-out;
+  }
+  
+  form > button:hover {
+    transition: 2s ease-out;
+    color: #8a131381;
+    border: 2px solid #f53737;
+    background-image: linear-gradient(#101010, #545454, #101010);
+  }
+  
+  
+  iframe#salvou-id {
+    margin-top: 20px;
+  }

styles/tabela.css

@@ -0,0 +1,24 @@
+table.tabela {
+    background: #101010;
+    border: 1px solid #ff000098;
+    padding: 0;
+    margin: 0;
+  }
+  
+  table.tabela td, table.tabela th {
+    border: 1px solid #a7121296;
+  }
+  
+  .tabela-espaco-interno td, .tabela-espaco-interno th {
+    padding: 10px;
+  }
+  
+  table.tabela th {
+    font-weight: bold;
+    color: #d500009a;
+    padding: 10px;
+    background-color: black;
+  }
+  
+
+