WoMakersCode · Rafahh97 · Sep 3, 2020 · Sep 4, 2020 · Sep 4, 2020 · Sep 5, 2020
diff --git a/Aulas-HTML/exercicios/aula1/index.html b/Aulas-HTML/exercicios/aula1/index.html
@@ -14,3 +14,18 @@
  - Abrir um pull request para o repositório original (da Womakers)
  - Acompanhar o prazo e marcar a entrega no Classroom
 -->
+
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Rafaela Gomes Ferreira</title>
+    </head>
+    <body>
+        <h2>Lista do que eu espero do curso</h2>
+        <ol>
+            <li>Adquirir novas habilidades na área da computação para conseguir mudar de carreira</li>
+            <li>Aprender a base da programação Front-End para conseguir criar meus próprios sites no futuro</li>
+            <li>Conhecer mulheres com os mesmos objetivos que eu e aprender com elas</li>
+        </ol>
+    </body>
+</html>
diff --git a/Aulas-HTML/exercicios/aula2/index.html b/Aulas-HTML/exercicios/aula2/index.html
@@ -21,3 +21,193 @@
  - Abrir um pull request para o repositório original (da Womakers)
  - Acompanhar o prazo e marcar a entrega no Classroom
 -->
+
+<!DOCTYPE html>
+<html>
+    <head>
+        <header>
+            <title>zint.online</title>
+            <nav>
+               <ul>
+                   <li><a href="zint.online">CAPA</a></li>
+                   <li><a href="zint.online/edicao/">EDIÇÕES</a></li>
+                   <li><a href="zint.online/coluna/">COLUNAS</a></li>
+                   <li><a href="zint.online/paginas">PÁGINAS</a></li>
+               </ul> 
+            </nav>
+            <h1>ZINT</h1>
+            <nav>
+                <ul>
+                    <li><a href="https://www.instagram.com/revzint/"><img src="instagram.png"></a></li>
+                    <li><a href="https://twitter.com/revZINT"><img src="twitter.png"></a></li>
+                    <li><a href="https://open.spotify.com/user/revzint"><img src="spotify.png"></a></li>
+                    <li><a href="https://www.youtube.com/channel/UCU2l1pKQB3DTxjRpuxs2RNw"><img src="youtube.png"></a></li>
+                    <li><a href="https://api.whatsapp.com/send?phone=553193257843&text=&source=&data=&app_absent="><img src="whatsapp.png"></a></li>
+                    <li><a href="mailto:[email protected]"><img src="mail.png"></a></li>
+                </ul>
+            </nav>
+        </header>
+    </head>
+    <body>
+        <article>
+            <div>
+                <img src="fotocapa.png"> 
+                <h1>EDIÇÃO #X</h1>
+                <h2>TÍTULO DA EDIÇÃO</h2>
+                <h4>Descrição da edição</h4>
+            </div>
+        </article>
+
+        <form>
+            <fieldset>
+                <legend>Quer ficar por dentro os nossos lançamentos? Assine a nossa newsletter e nunca perca as novidades!</legend>
+
+                <div>
+                    <label for="nome">Nome:</label>
+                    <imput type="text" name="nome" id="nome">
+                </div>
+
+                <div>
+                    <label for="e-mail">E-mail:</label>
+                    <imput type="text" name="e-mail" id="e-mail"></imput>
+                </div>
+
+            </fieldset>
+            <button type="submit">Fazer inscrição!</button>
+        </form>
+
+        <section>
+            <header>
+                <h3>Principais matérias</h3>
+            </header>
+            <div class="btn-wrap">
+                <img src="fotocapa.jpg">
+                <h5>CAPA</h5>
+                <a href="https://zint.online/seçãodosite/materiacapa">
+                    <button>
+                        <h2>Título da matéria</h2>
+                        <h4>Autor da matéria</h4>
+                    </button>
+                </a>           
+            </div>
+            <div class="btn-wrap">
+                <img src="fotomateria01.jpg">
+                <h5>DESTAQUE</h5>
+                <a href="https://zint.online/seçãodosite/materia01">
+                    <button>
+                        <h2>Título da matéria</h2>
+                        <h4>Autor da matéria</h4>
+                    </button>
+                </a>
+            </div>
+            <div class="btn-wrap">
+                <img src="fotomateria02.jpg">
+                <h5>DESTAQUE</h5>
+                <a href="https://zint.online/seçãodosite/materia02">
+                    <button>
+                        <h2>Título da matéria</h2>
+                        <h4>Autor da matéria</h4>
+                    </button>
+                </a>
+            </div>
+        </section>
+
+        <section>
+            <header>
+                <h3>DEMAIS MATÉRIAS</h3>
+            </header>
+            <article>
+                <a href="https://zint.online/seçãodosite/matéria001/"><img src="fotomateria001.png"></a>
+                <a href="https://zint.online/seçãodosite/matéria001/">
+                    <button>
+                        <h2>Título da matéria</h2>
+                        <h4>Autor da matéria</h4>
+                    </button>
+                </a>
+            </article>
+            <article>
+                <a href="https://zint.online/seçãodosite/matéria002/"><img src="fotomateria002.png"></a>
+                <a href="https://zint.online/seçãodosite/matéria002/">
+                    <button>
+                        <h2>Título da matéria</h2>
+                        <h4>Autor da matéria</h4>
+                    </button>
+            </article>
+            <article>
+                <a href="https://zint.online/seçãodosite/matéria003/"><img src="fotomateria003.png"></a>
+                <a href="https://zint.online/seçãodosite/matéria003/">
+                    <button>
+                        <h2>Título da matéria</h2>
+                        <h4>Autor da matéria</h4>
+                    </button>
+            </article>
+        </section>
+
+        <article>
+            <h3>CONTEÚDO</h3>
+            <a href="https://zint.online/colabs/autor01/">Autor 01</a>
+            <a href="https://zint.online/colabs/autor02/">Autor 02</a>
+            <a href="https://zint.online/colabs/autor03/">Autor 03</a>
+            <h3>REVISÃO&EDIÇÃO</h3>
+            <a href="https://zint.online/colabs/editor01/">Editor 01</a>
+            <a href="https://zint.online/colabs/editor02/">Editor 02</a>
+            <h3>MONTAGEM</h3>
+            <a href="https://zint.online/colabs/designer/">Designer</a>
+            <img src="Zcapa.png">
+        </article>
+
+        <article>
+            <h1>Negritude</h1>
+            <h4>com o Mês da Consciência Negra marcando o mês de novembro, reunimos em uma página especial todas as nossas matérias publicadas referente à cultura negra.</h4>
+            <a href="https://zint.online/negritude/"><button>LEIA TODO O CONTEÚDO</button></a>
+        </article>
+        <article>
+            <h3>PLAYLISTS DA EDIÇÃO</h3>
+            <a href="https://zint.online/playlist/artista01/"><img src="fotoplaylist01"></a>
+            <a href="https://zint.online/playlist/artista02/"><img src="fotoplaylist02"></a>
+            <a href="https://zint.online/playlist/artista03/"><img src="fotoplaylist03"></a>
+            <a href="https://zint.online/playlist/"><button>MAIS</button></a>
+        </article>
+        <article>
+            <h1>Orgulho Queer</h1>
+            <h4>como parte da nossa celebração pelo Mês do Orgulho, reunimos em uma página especial todas as matérias que já publicamos com pautas de relação direta à Comunidade Queer!</h4>
+            <a href="https://zint.online/orgulho/"><button>LEIA TODO O CONTEÚDO</button></a>
+        </article>
+
+        <article>
+            <h2>Leia Mais da Revista</h2>
+            <a href="https://zint.online/edicao/"><button>EDIÇÕES DA ZINT</button></a>
+        </article>
+    </body>
+    <footer>
+         <h1>ZINT</h1>
+         <nav>
+             <ul>
+                 <li><a href="https://www.instagram.com/revzint/"><img src="instagram.png"></a></li>
+                 <li><a href="https://twitter.com/revZINT"><img src="twitter.png"></a></li>
+                 <li><a href="https://open.spotify.com/user/revzint"><img src="spotify.png"></a></li>
+                 <li><a href="https://www.youtube.com/channel/UCU2l1pKQB3DTxjRpuxs2RNw"><img src="youtube.png"></a></li>
+                 <li><a href="https://api.whatsapp.com/send?phone=553193257843&text=&source=&data=&app_absent="><img src="whatsapp.png"></a></li>
+                 <li><a href="mailto:[email protected]"><img src="mail.png"></a></li>
+             </ul>
+         </nav>
+         <h5>PÁGINAS</h5>
+         <nav>
+            <ul>
+                <li><a href="zint.online">Capa</a></li>
+                <li><a href="zint.online/edicao/">Edições</a></li>
+                <li><a href="zint.online/paginas/">Páginas</a></li>
+                <li><a href="zint.online/orgulho/">Orgulho</a></li>
+                <li><a href="zint.online/negritude">Negritude</a></li>
+                <li><a href="zint.online/oscar/">Oscar 2020</a></li>
+            </ul> 
+         </nav>
+         <div id='busca'>
+            <form action="/search" class="search" method="get">
+                <label for="busca">QUERENDO PESQUISAR POR ALGO?</label>
+                <input id="txtbusca" name="q" type="text" placeholder="Search"/>
+                <button type="submit"><img src="lupa.png"></button>
+            </form>
+            </div>
+    </footer>
+</html>
diff --git a/Aulas-HTML/exercicios/aula3/index.html b/Aulas-HTML/exercicios/aula3/index.html
@@ -20,10 +20,10 @@
     <title>Exercício 3</title>
   </head>
   <body>
-    <h1>seu nome e sobrenome</h1>
+    <h1>Rafaela Gomes Ferreira</h1>
 
-    <img src="./img1.jpg" alt="" />
+    <img src="./img1.jpg" alt="mãe colocando joelheira na filha que está de patins" />
 
-    <img src="./img2.jpg" alt="time" />
+    <img src="./img2.jpg" alt="time de oito pessoas organizado em um círculo e com as mãos direitas unidas no centro" />
   </body>
 </html>
diff --git a/aula-css/exercicios/photo-grid/Inhotim/inhotim1.JPG b/aula-css/exercicios/photo-grid/Inhotim/inhotim1.JPG
diff --git a/aula-css/exercicios/photo-grid/Inhotim/inhotim10.JPG b/aula-css/exercicios/photo-grid/Inhotim/inhotim10.JPG
diff --git a/aula-css/exercicios/photo-grid/Inhotim/inhotim2.JPG b/aula-css/exercicios/photo-grid/Inhotim/inhotim2.JPG
diff --git a/aula-css/exercicios/photo-grid/Inhotim/inhotim3.JPG b/aula-css/exercicios/photo-grid/Inhotim/inhotim3.JPG
diff --git a/aula-css/exercicios/photo-grid/Inhotim/inhotim4.JPG b/aula-css/exercicios/photo-grid/Inhotim/inhotim4.JPG
diff --git a/aula-css/exercicios/photo-grid/Inhotim/inhotim5.JPG b/aula-css/exercicios/photo-grid/Inhotim/inhotim5.JPG
diff --git a/aula-css/exercicios/photo-grid/Inhotim/inhotim6.JPG b/aula-css/exercicios/photo-grid/Inhotim/inhotim6.JPG
diff --git a/aula-css/exercicios/photo-grid/Inhotim/inhotim7.JPG b/aula-css/exercicios/photo-grid/Inhotim/inhotim7.JPG
diff --git a/aula-css/exercicios/photo-grid/Inhotim/inhotim8.JPG b/aula-css/exercicios/photo-grid/Inhotim/inhotim8.JPG
diff --git a/aula-css/exercicios/photo-grid/Inhotim/inhotim9.JPG b/aula-css/exercicios/photo-grid/Inhotim/inhotim9.JPG
diff --git a/aula-css/exercicios/photo-grid/Inhotim/perfil.JPG b/aula-css/exercicios/photo-grid/Inhotim/perfil.JPG
diff --git a/aula-css/exercicios/photo-grid/detalhes/detalhes01.html b/aula-css/exercicios/photo-grid/detalhes/detalhes01.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>imagem01</title>
+    <link rel="stylesheet" href="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/detalhes/styledetalhes.css">
+</head>
+<body>
+    <div class="title">
+        <h1>Rafaela's Photo Grid</h1>
+    </div>
+
+    <a href="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/index.html"><button type="button">Voltar</button></a>
+
+    <div class="content">
+        <div class="image">
+            <img src="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/Inhotim/inhotim1.JPG" alt="frutinhas vermelhas">
+        </div>
+        <div class="block">
+            <div class="details">
+                <img src="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/Inhotim/perfil.JPG" alt="mulher tirando foto">
+                <h3>rafagram</h3>
+            </div>
+            <div class="text">
+                <p>Foto 1/9 do dia que fui com colegas do estágio fazer um curso de fotografia em Inhotim, MG.</p>
+            </div>
+        </div>   
+    </div>    
+</body>
+</html>
diff --git a/aula-css/exercicios/photo-grid/detalhes/detalhes02.html b/aula-css/exercicios/photo-grid/detalhes/detalhes02.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>imagem02</title>
+    <link rel="stylesheet" href="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/detalhes/styledetalhes.css">
+</head>
+<body>
+    <div class="title">
+        <h1>Rafaela's Photo Grid</h1>
+    </div>
+
+    <a href="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/index.html"><button type="button">Voltar</button></a>
+
+    <div class="content">
+        <div class="image">
+            <img src="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/Inhotim/inhotim2.JPG" alt="folha verde">
+        </div>
+        <div class="block">
+            <div class="details">
+                <img src="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/Inhotim/perfil.JPG" alt="mulher tirando foto">
+                <h3>rafagram</h3>
+            </div>
+            <div class="text">
+                <p>Foto 2/9 do dia que fui com colegas do estágio fazer um curso de fotografia em Inhotim, MG.</p>
+            </div>
+        </div>   
+    </div>   
+</body>
+</html>
diff --git a/aula-css/exercicios/photo-grid/detalhes/detalhes03.html b/aula-css/exercicios/photo-grid/detalhes/detalhes03.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>imagem03</title>
+    <link rel="stylesheet" href="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/detalhes/styledetalhes.css">
+</head>
+<body>
+    <div class="title">
+        <h1>Rafaela's Photo Grid</h1>
+    </div>
+
+    <a href="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/index.html"><button type="button">Voltar</button></a>
+
+    <div class="content">
+        <div class="image">
+            <img src="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/Inhotim/inhotim3.JPG" alt="planta em tons de rosa com frutinhas vermelhas">
+        </div>
+        <div class="block">
+            <div class="details">
+                <img src="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/Inhotim/perfil.JPG" alt="mulher tirando foto">
+                <h3>rafagram</h3>
+            </div>
+            <div class="text">
+                <p>Foto 3/9 do dia que fui com colegas do estágio fazer um curso de fotografia em Inhotim, MG.</p>
+            </div>
+        </div>   
+    </div>   
+</body>
+</html>
diff --git a/aula-css/exercicios/photo-grid/detalhes/detalhes04.html b/aula-css/exercicios/photo-grid/detalhes/detalhes04.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>imagem04</title>
+    <link rel="stylesheet" href="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/detalhes/styledetalhes.css">
+</head>
+<body>
+    <div class="title">
+        <h1>Rafaela's Photo Grid</h1>
+    </div>
+
+    <a href="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/index.html"><button type="button">Voltar</button></a>
+
+    <div class="content">
+        <div class="image">
+            <img src="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/Inhotim/inhotim4.JPG" alt="degradê de quadrados um dentro do outro, indo do branco ao preto">
+        </div>
+        <div class="block">
+            <div class="details">
+                <img src="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/Inhotim/perfil.JPG" alt="mulher tirando foto">
+                <h3>rafagram</h3>
+            </div>
+            <div class="text">
+                <p>Foto 4/9 do dia que fui com colegas do estágio fazer um curso de fotografia em Inhotim, MG.</p>
+            </div>
+        </div>   
+    </div>   
+</body>
+</html>
diff --git a/aula-css/exercicios/photo-grid/detalhes/detalhes05.html b/aula-css/exercicios/photo-grid/detalhes/detalhes05.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>imagem05</title>
+    <link rel="stylesheet" href="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/detalhes/styledetalhes.css">
+</head>
+<body>
+    <div class="title">
+        <h1>Rafaela's Photo Grid</h1>
+    </div>
+
+    <a href="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/index.html"><button type="button">Voltar</button></a>
+
+    <div class="content">
+        <div class="image">
+            <img src="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/Inhotim/inhotim5.JPG" alt="flor rosa">
+        </div>
+        <div class="block">
+            <div class="details">
+                <img src="/home/rafaela/Downloads/WoMakersCode/primeiros-passos/aula-css/exercicios/photo-grid/Inhotim/perfil.JPG" alt="mulher tirando foto">
+                <h3>rafagram</h3>
+            </div>
+            <div class="text">
+                <p>Foto 5/9 do dia que fui com colegas do estágio fazer um curso de fotografia em Inhotim, MG.</p>
+            </div>
+        </div>   
+    </div>   
+</body>
+</html>