WoMakersCode · Vivian-Oliveira · Sep 3, 2020 · Sep 9, 2020 · Sep 13, 2020 · Sep 18, 2020
diff --git a/Aulas-HTML/exercicios/aula1/haha.gif b/Aulas-HTML/exercicios/aula1/haha.gif
diff --git a/Aulas-HTML/exercicios/aula1/index.html b/Aulas-HTML/exercicios/aula1/index.html
@@ -14,3 +14,32 @@
  - Abrir um pull request para o repositório original (da Womakers)
  - Acompanhar o prazo e marcar a entrega no Classroom
 -->
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Site da Vivian Costa</title>
+</head>
+<body bgcolor="white">
+
+<div>
+   <h1><img src="ww.png" alt="vamos" width="300" height="214"><font color="purple">WoMarkersCode - Primeiros Passos em Front-end</font> </h1> </div>
+   <p>Este curso foi uma iniciativa de mulheres incríveis que além de nos inspirarem a querer entrar em uma área com poucas mulheres, ainda são excelentes no que fazem! Nessa jornada de 6 semanas, iremos aprender a o funcionamento da Web, HTML, CSS, Lógica de Programação, JavaScript e metodologia de trabalho e boas práticas de interfaces para web.</p>
+   <p>Além de todo esse lindo trabalho de inclusão das mulheres cis/trâns no mundo da tecnologia, ainda realizaram um trabalho para uma Ong chamada Mães de Favela, onde o objetivo é auxiliar mães solo moradoras de favelas de 17 estados e do Distrito Federal que estão sendo fortemente atingidas pelos reflexos do Coronavírus (Covid-19). Têm como não amar?!
+   </p>
+
+<div align="center">
+   <p><strong><font color="purple" size="6">O que eu espero após o curso?</font></strong></center></p>
+   <il></div>
+       <li>Estou em transição de carreira, após 12 anos trabalhando na área comercial, descobri uma nova paixão que é a tecnologia. O curso foi só o início dessa nova jornada para minha recolocação profissional.</li>
+       <li>Ajudar a fortalecer o empoderamento feminino na área da tecnologia, acredito que cada uma de nós, que atua nesse mercado, conseguem inspirar e encorajar diversas mulheres a seguir nessa carreira.</li>
+       <li>Ser melhor a cada dia nessa nova profissão. </li>
+   </il>
+   <div align="center">
+   <p><b><font color= "purple" size="6">Vamos juntas?</font></b></p>
+   <img src="haha.gif" alt="Huhuull" width=250 height=250></div>
+   <p><i>Feito por: Vivian Costa</i></p>
+</body>
+</html>
diff --git a/Aulas-HTML/exercicios/aula1/moto-mulher-mickey-orelhas-gif-14036660.html b/Aulas-HTML/exercicios/aula1/moto-mulher-mickey-orelhas-gif-14036660.html
diff --git a/Aulas-HTML/exercicios/aula1/ww.png b/Aulas-HTML/exercicios/aula1/ww.png
diff --git a/Aulas-HTML/exercicios/aula2/Megadeth-2017.jpg b/Aulas-HTML/exercicios/aula2/Megadeth-2017.jpg
diff --git a/Aulas-HTML/exercicios/aula2/crypta.jpg b/Aulas-HTML/exercicios/aula2/crypta.jpg
diff --git a/Aulas-HTML/exercicios/aula2/guiaspage.html b/Aulas-HTML/exercicios/aula2/guiaspage.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Guia Menu</title>
+</head>
+<body>
+
+</body>
+</html>
+
+
+
+
diff --git a/Aulas-HTML/exercicios/aula2/index.html b/Aulas-HTML/exercicios/aula2/index.html
@@ -1,23 +1,84 @@
-<!--
-Exercicio 2:
-Vamos tentar reproduzir a estrutura de um layout? 
-Escolha um site da sua preferência e tente identificar 
-nele os elementos que vimos hoje (<header>, <footer>,
-<nav>, <article>). Depois, crie um arquivo HTML e use
-as tags de uma forma que você acha que o conteúdo do site
-que você escolheu fique organizado.
-
-Coloque o link do site que você se baseou na descriçaão do PR 
-
-Não se preocupe em copiar os conteúdos ou em deixá-los bonitos.
-Lembre-se: HTML é sobre organizar o nosso conteúdo de uma forma semântica. 
-
-Entrega:
- - Fazer fork do repositório pro seu usuário do github (caso já tenha feito o fork desse repositório, 
-   não precisa fazer novamente. Faça a atualização do fork pra ter os novos arquivos da aula)
- - Fazer o clone do repositório "forkado" da sua conta do github para a sua máquina
- - Colocar a resolução do exercício nesse arquivo (aulas-html/exercicios/aula2/index.html)
- - Dar git push das alterações
- - Abrir um pull request para o repositório original (da Womakers)
- - Acompanhar o prazo e marcar a entrega no Classroom
--->
+!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Rock Bizz</title>
+</head>
+
+<body>
+
+   <header>
+       <h1><img src="logo-rockbizz.png" alt="Rock Bizz" width="320" height="140" ><font size="4">SEU GUIA DE ROCK & HEAVY METAL</font></h1>
+</h1>
+    </header> 
+
+
+<nav>
+    <ul> 
+        <li> <a href= "guiaspage.html">Notícias </a></li>
+        <li> <a href= "guiaspage.html">Resenhas </a></li>
+        <li> <a href= "guiaspage.html">Artigos </a></li>
+        <li> <a href= "guiaspage.html">Entrevistas</a></li> 
+        <li> <a href= "guiaspage.html">Agenda </a></li>  
+        <li> <a href= "guiaspage.html">Contato </a></li>
+        <li> <a href= "guiaspage.html"><font color="red">Loja Virtual</font> </a></li>
+    </ul>
+
+</nav>
+  <main>
+
+   <article>
+
+
+        <img src="Megadeth-2017.jpg" alt="Quatro homens brancos de cabelos loiros e jacketa preta" width="290" height="180">
+
+    <h2><strong><a href="guiaspage.html"> Mustaine Anuncia Turnê Virtual Em Divulgação Do Livro Rust In Peace </a></strong></h2>
+       <p>Dave Mustaine anunciou que fará uma turnê virtual de três dias em divulgação do seu novo livro “Rust In Peace: The Inside Story Of The Megadeth Masterpiece”.
+        O vocalista e guitarrista do Megadeth discutirá o novo livro, bem como o álbum icônico em que se baseia, e fará uma sessão de perguntas e respostas com os fãs. No primeiro dia, Mustaine fará uma sessão de autógrafo online para aqueles que comprarem o livro durante o evento.</p>
+
+        <img src="crypta.jpg" alt="Foto em preto e branco de 4 mulheres brancas, com maquiagens góticas e roupas pretas" width="290" height="180">
+        <h2><strong><a href="guiaspage.html">Crypta Libera Teaser De Nova Música</strong></a></h2>
+            <p>A banda Crypta, que é a nova empreitada musical de Fernanda Lira (vocal e baixo, ex-Nervosa) e Luana Dametto (bateria, ex-Nervosa), em parceria com as guitarristas Sonia Anubis (ex-Burning Witches e Cobra Spell) e Tainá Bergamaschi (ex-Hagbard), está trabalhando em seu álbum de estreia, que será lançado via Napalm Records.</p>
+            <p>E para matar um pouco a curiosidade do público, a banda liberou um teaser de uma das novas músicas – sem título revelado. Segundo o grupo, o vídeo é caseiro, ou seja, não conta com nenhuma produção rebuscada e é de apenas 1 minuto de duração, mas serve como aperitivo do material que está por vir.</p> 
+            <p>Além disso, as meninas afirmaram que o álbum aposta em um som bem diversificado e mais novidades serão divulgadas em breve.</p> 
+
+
+        </article>
+
+   </main>   
+
+   <aside>
+    <h2>Links relacionados</h2>
+
+    <ul>
+      <li><a href="guiaspage.html">Resenhas</a></li>
+      <li><a href="guiaspage.html">Tweets por @rockbizzbrasil</a></li>
+      <li><a href="guiaspage.html">Notícias mais lidas</a></li>
+    </ul>
+  </aside>
+
+  <header>
+    <h1><img src="logo-rockbizz.png" alt="Rock Bizz" width="420" height="140" ><font size="4">SEU GUIA DE ROCK & HEAVY METAL</font></h1>
+</h1>
+ </header> 
+
+
+<nav>
+ <ul> 
+     <li> <a href= "guiaspage.html">Notícias </a></li>
+     <li> <a href= "guiaspage.html">Resenhas </a></li>
+     <li> <a href= "guiaspage.html">Artigos </a></li>
+     <li> <a href= "guiaspage.html">Entrevistas</a></li> 
+     <li> <a href= "guiaspage.html">Agenda </a></li>  
+
+ </ul>
+
+</nav>
+
+  <footer>
+    <p>2016 - 2020 RockBizz / Todos os direitos reservados</p>
+  </footer>
+</body>
+</html>
+ <!-- Site escolhido: www.rockbizz.com.br -->
diff --git a/Aulas-HTML/exercicios/aula2/logo-rockbizz.png b/Aulas-HTML/exercicios/aula2/logo-rockbizz.png
diff --git a/Aulas-HTML/exercicios/aula3/index.html b/Aulas-HTML/exercicios/aula3/index.html
@@ -22,8 +22,8 @@
   <body>
     <h1>seu nome e sobrenome</h1>
 
-    <img src="./img1.jpg" alt="" />
+    <img src="./img1.jpg" alt="Mulher branca de cabelos loiros e jacketa rosa, agachada, colocando aparelho de proteção para esportes no joelho de sua filha, que também é branca e está com jacketa rosa e patins." />
 
-    <img src="./img2.jpg" alt="time" />
+    <img src="./img2.jpg" alt="Grupo de 8 pessoas brancas, negras, ruivas e japonesas no escritório, em circulo, esticando os braços e juntando as suas mãos prontos para dar um grito de guerra" />
   </body>
 </html>
diff --git a/aula-css/aula1/exemplos/Exercicios css/codcssfotosepagdetalhes/New Bitmap Image.bmp b/aula-css/aula1/exemplos/Exercicios css/codcssfotosepagdetalhes/New Bitmap Image.bmp
diff --git a/aula-css/aula1/exemplos/Exercicios css/codcssfotosepagdetalhes/baixo.jpg b/aula-css/aula1/exemplos/Exercicios css/codcssfotosepagdetalhes/baixo.jpg
diff --git a/aula-css/aula1/exemplos/Exercicios css/codcssfotosepagdetalhes/buenos aires.jpg b/aula-css/aula1/exemplos/Exercicios css/codcssfotosepagdetalhes/buenos aires.jpg
diff --git a/aula-css/aula1/exemplos/Exercicios css/codcssfotosepagdetalhes/casamento.jpg b/aula-css/aula1/exemplos/Exercicios css/codcssfotosepagdetalhes/casamento.jpg
diff --git a/aula-css/aula1/exemplos/Exercicios css/codcssfotosepagdetalhes/castelo.jpg b/aula-css/aula1/exemplos/Exercicios css/codcssfotosepagdetalhes/castelo.jpg
diff --git a/...s/aula1/exemplos/Exercicios css/codcssfotosepagdetalhes/despedidaDeSolteira.jpg b/...s/aula1/exemplos/Exercicios css/codcssfotosepagdetalhes/despedidaDeSolteira.jpg
diff --git a/aula-css/aula1/exemplos/Exercicios css/codcssfotosepagdetalhes/festaFantasia.jpg b/aula-css/aula1/exemplos/Exercicios css/codcssfotosepagdetalhes/festaFantasia.jpg
diff --git a/aula-css/aula1/exemplos/Exercicios css/codcssfotosepagdetalhes/show.jpg b/aula-css/aula1/exemplos/Exercicios css/codcssfotosepagdetalhes/show.jpg
diff --git a/aula-css/aula1/exemplos/Exercicios css/detalhes1.html b/aula-css/aula1/exemplos/Exercicios css/detalhes1.html
diff --git a/aula-css/aula1/exemplos/Exercicios css/detalhes2.html b/aula-css/aula1/exemplos/Exercicios css/detalhes2.html
diff --git a/aula-css/aula1/exemplos/Exercicios css/detalhes3.html b/aula-css/aula1/exemplos/Exercicios css/detalhes3.html
diff --git a/aula-css/aula1/exemplos/Exercicios css/detalhes4.html b/aula-css/aula1/exemplos/Exercicios css/detalhes4.html
diff --git a/aula-css/aula1/exemplos/Exercicios css/detalhes5.html b/aula-css/aula1/exemplos/Exercicios css/detalhes5.html
diff --git a/aula-css/aula1/exemplos/Exercicios css/detalhes6.html b/aula-css/aula1/exemplos/Exercicios css/detalhes6.html
diff --git a/aula-css/aula1/exemplos/Exercicios css/indexx.html b/aula-css/aula1/exemplos/Exercicios css/indexx.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Photo Vivi's</title>
+    <link rel="stylesheet"  href="style.css" />
+
+</head>
+
+<body>
+    <section class="conteiner">
+        <div class="card">
+            <p> <a href="detalhes1.html"><img src="despedidaDeSolteira.jpg" alt="Grupo de homens e mulheres felizes" width="200" height="200" class="media-objec"Despedida de Solteira > </a> </p>
+        </div>
+    </section>
+
+ <div>
+    <img src="baixo.jpg" alt="Mulher negra com instrumento musical" width="200" height="140"> 
+    <h1>Vivi's Photo Grid</h1>
+    <p>Brasileira que vive em Lisboa, que adora música e tecnologia.</p>
+
+ </div>
+
+ <div>
+     <h2> Photographic </h2>
+
+
+</div>
+
+<div>
+    <p> <a href="detalhes1.html"><img src="despedidaDeSolteira.jpg" alt="Grupo de homens e mulheres felizes" width="200" height="200" class="media-objec"Despedida de Solteira > </a> </p>
+    <p> <a href="detalhes2.html"> <img src="casamento.jpg" alt="Casal de homem negro e mulher negra se casando" width="200" height="200" class="media-objec"Despedida de Solteira </a> </p>
+    <p> <a href="detalhes3.html"> <img src="festaFantasia.jpg" alt="Grupo de homens e mulheres felizes e fantasiados" width="200" height="200" class="media-objec"Despedida de Solteira </a> </p>
+    <p> <a href="detalhes4.html"> <img src="castelo.jpg" alt=" Foto em preto e branco de mulher ngram em castelo" width="200" height="200" class="media-objec"Despedida de Solteira </a> </p>
+    <p> <a href="detalhes5.html"> <img src="buenos aires.jpg" alt="Mulher negra, com cabelos ao vento encostada em monumento" width="200" height="200" class="media-objec"Despedida de Solteira </a> </p>
+    <p> <a href="detalhes6.html"> <img src="show.jpg" alt="3 homens brancos e uma mulher negra em cima de um palco, com instrumentos musicais" width="200" height="200" class="media-objec"Despedida de Solteira </a> </p>
+
+</div>
+
+
+
+
+
+</body>
+</html>
diff --git a/aula-css/aula1/exemplos/Exercicios css/stylee.css b/aula-css/aula1/exemplos/Exercicios css/stylee.css
diff --git a/aula-css/exercicios/photo-grid/aula-1/baixo.jpg b/aula-css/exercicios/photo-grid/aula-1/baixo.jpg
diff --git a/aula-css/exercicios/photo-grid/aula-1/buenos aires.jpg b/aula-css/exercicios/photo-grid/aula-1/buenos aires.jpg
diff --git a/aula-css/exercicios/photo-grid/aula-1/casamento.jpg b/aula-css/exercicios/photo-grid/aula-1/casamento.jpg
diff --git a/aula-css/exercicios/photo-grid/aula-1/castelo.jpg b/aula-css/exercicios/photo-grid/aula-1/castelo.jpg
diff --git a/aula-css/exercicios/photo-grid/aula-1/codcssfotosepagdetalhes.zip b/aula-css/exercicios/photo-grid/aula-1/codcssfotosepagdetalhes.zip
diff --git a/...exercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/baixo.jpg b/...exercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/baixo.jpg
diff --git a/...ios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/buenos aires.jpg b/...ios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/buenos aires.jpg
diff --git a/...cicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/casamento.jpg b/...cicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/casamento.jpg
diff --git a/...ercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/castelo.jpg b/...ercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/castelo.jpg
diff --git a/...to-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/despedidaDeSolteira.jpg b/...to-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/despedidaDeSolteira.jpg
diff --git a/aula-css/exercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/detalhes.css b/aula-css/exercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/detalhes.css
@@ -0,0 +1,7 @@
+.card{
+
+  width: 800px;
+  padding: 10px;
+  background: white;
+  margin: 0%;
+}
diff --git a/aula-css/exercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/detalhes.html b/aula-css/exercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/detalhes.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Photo Vivi's</title>
+
+    <link rel="stylesheet"  href="style.css" />
+    <link rel="stylesheet" href="detalhes.css" />
+
+</head>
+
+<body>
+
+
+ <section>
+    <div class="box">
+        <span><img id="baixo" src="baixo.jpg" alt=""  class="Mulher negra com instrumento musical" width="100" height="100"> </span> 
+         <h2>Vivi's Photo Grid</h1>
+         <h3>Estudante de Frontend</h4>
+
+ </div>
+
+ </section>
+
+
+
+<body>
+
+    <div>
+    <h1>Despedida de Solteira</h1>
+    <img src="despedidaDeSolteira.jpg" alt="Grupo de mulheres reunidas" >
+    <p>Dia inesquecivel, galera se juntou para me fazer uma surpresa, rolou até balão de "piroca" rsrs. Melhor maneira de festejar meu último final de semana solteira, regado de risadas, cervejas e muita vergonha no karaoque. </p>
+
+</div>
+</body>
+</html>
diff --git a/...-css/exercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/detalhes2.html b/...-css/exercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/detalhes2.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Vivi's Photo Grid</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet"  href="style.css" >
+
+</head>
+
+</head>
+<body>
+
+    <div>
+    <h1>Casamento</h1>
+    <img src="casamento.jpg" alt="Casal de homem negro e mulher negra se casando" >
+    <p>Um dos dias mais felizes que eu já tive, saímos do cartório e fizemos um churrascão hehehe. </p>
+
+</div>
+</body>
+</html>
diff --git a/...-css/exercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/detalhes3.html b/...-css/exercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/detalhes3.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Vivi's Photo Grid</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet"  href="style.css" >
+
+</head>
+
+</head>
+<body>
+
+    <div>
+    <h1>Festa da Mamis</h1>
+    <img src="festaFantasia.jpg" alt="Grupo de homens e mulheres felizes e fantasiados" >
+    <p>Festa mais legal que uma Mamis pode dar, sim, foi aniversário da minha mãe e ela fez uma baita festa a fantasia. </p>
+
+</div>
+</body>
+</html>
diff --git a/...-css/exercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/detalhes4.html b/...-css/exercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/detalhes4.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Vivi's Photo Grid</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet"  href="style.css" >
+
+</head>
+
+</head>
+<body>
+
+    <div>
+    <h1>Castelo dos Mouros</h1>
+    <img src="castelo.jpg" alt="Foto em preto e branco de mulher ngram em castelo" >
+    <p>Visita ao Castelo dos Mouros em Sintra-Lis. Esse castelo é muito rico de história e a sensação de conhecer é inesquecivel! </p>
+
+</div>
+</body>
+</html>
diff --git a/...-css/exercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/detalhes5.html b/...-css/exercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/detalhes5.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Vivi's Photo Grid</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet"  href="style.css" >
+
+</head>
+
+</head>
+<body>
+
+    <div>
+    <h1>Buenos Aires</h1>
+    <img src="buenos aires.jpg" alt="Mulher negra, com cabelos ao vento" >
+    <p>Foi muito massa esse passeio, esse monumento fica bem no meio de uma avenida, ele é bem grande e bonito. </p>
+
+</div>
+</body>
+</html>
diff --git a/...-css/exercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/detalhes6.html b/...-css/exercicios/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/detalhes6.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Vivi's Photo Grid</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet"  href="style.css" >
+
+</head>
+
+</head>
+<body>
+
+    <div>
+    <h1>Show Beneficente - Aldeia Tekoa Pyau</h1>
+    <img src="show.jpg" alt="3 homens brancos e uma mulher negra em cima de um palco, com instrumentos musicais">
+    <p>Esse show foi beneficente, o objetivo era arrecadar alimentos para os índios da audeia Tekoa Pyau, além de ajudar na organização, também participei tocando com os rapazes da banda Ghaldra! </p>
+
+</div>
+</body>
+</html>
diff --git a/...os/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/festaFantasia.jpg b/...os/photo-grid/aula-1/codcssfotosepagdetalhes/photo-grid-vivis/festaFantasia.jpg