WoMakersCode · CarolineDanni · Sep 4, 2020 · Sep 5, 2020 · Sep 5, 2020 · Sep 6, 2020
diff --git a/Aulas-HTML/exercicios/aula1/index.html b/Aulas-HTML/exercicios/aula1/index.html
@@ -1,16 +1,16 @@
-<!--
-Exercício 1:
-Você deverá criar um arquivo HTML contendo os seguintes itens:
-- A estrutura básica do HTML
-- Um elemento composto por uma tag de título, o conteúdo desse elemento deve ser seu nome
-- Uma lista de, no mínimo, 3 itens descrevendo o que você espera desse curso
-
-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/aula1/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>Caroline Danni</title>
+</head>
+<body>
+    <h1><strong>O que espero do curso de <em>Primeiros Passos em Front-End:</em></strong></h1>
+    <ol>
+    <li>Adquirir novos conhecimentos e habilidades;</li>
+    <li>Poder fazer parte de uma rede colaborativa e de apoio para mulheres atuantes na tecnologia;</li>
+    <li>Que o curso de Front-end seja apenas porta para o inicio de uma nova paixão. Vamos Codar!</li>
+    </ol>
+</body>
+</html>
diff --git a/Aulas-HTML/exercicios/aula2/HOME _ SQUARE SC.jpg b/Aulas-HTML/exercicios/aula2/HOME _ SQUARE SC.jpg
diff --git a/Aulas-HTML/exercicios/aula2/Logo_SQUARESC_Site.webp b/Aulas-HTML/exercicios/aula2/Logo_SQUARESC_Site.webp
diff --git a/Aulas-HTML/exercicios/aula2/Sem título.jpg b/Aulas-HTML/exercicios/aula2/Sem título.jpg
diff --git a/Aulas-HTML/exercicios/aula2/index.html b/Aulas-HTML/exercicios/aula2/index.html
@@ -1,23 +1,60 @@
-<!--
-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>HOME | SQUARE SC</title>
+</head>
+<body>
+    <header>
+        <img src="./Logo_SQUARESC_Site.webp">
+        <h1>Square SC Open Shopping</h1>
+        <nav>
+            <section>
+            <ul>
+                <li><a href="#">HOME</a></li>
+                <li>SQUARESC</li>
+                <li><a href="#">EMPREENDIMENTO</a></li>
+                <li><a href="#">GREEN PLACE</a></li>
+                <li><a href="#">OPEN SHOPPING</a></li>
+                <li><a href="#">GUIA LOJAS</a></li>
+                <li><a href="#">CORPORATE</a></li>
+                <li><a href="#">BUSINESS CENTER</a></li>
+                <li><a href="#">GUIA EMPRESAS</a></li>
+                <li><a href="#">EVENTOS</a></li>
+                <li><a href="#">CONTATO</a></li>
+            </ul></section>
+        </nav>
+    <img src="./Sem título.jpg">
+    <main>
+        <article>
+        <h1>EMPREENDIMENTO</h1>
+        <h2>Maior Complexo Multiuso do Sul do Brasil</h2>
+        <p>Trabalho e vida com muito mais qualidade. 
+            Cada vez mais, empresas buscam maior rendimento de suas equipes através da capacitação e,
+            também, de espaços com diferenciais que proporcionem mais qualidade de vida. Isso aumenta e estimula a criatividade, o envolvimento 
+            e a produtividade dos colaboradores.</p>
+        </article>
+    </main>
+    </header>
+    <footer>
+        <nav>
+            <ul>
+                <li><a href="#">Whatsapp</a></li>
+                <li><a href="#">Facebook</a></li>
+                <li><a href="#">Instagram</a></li>
+                <li><a href="#">You tube</a></li>
+                <li><a href="#">Pinterest</a></li>
+            </ul>
+        </nav>
+    <img src="./Logo_SQUARESC_Site.webp">
+    <p>SQUARE SC OPEN SHOPPING
+    Rod. José Carlos Daux, 5500
+    Saco Grande  |  Florianópolis SC  |  CEP: 88032 005
+    sac@squaresc.com.br
+    square.sc@squaresc.com.br
+    CNPJ 27.669.475/0001-21</p>
+    <p>TODOS OS DIREITOS RESERVADOS @SQUARESC 2020  POR DÖO OPEN</p>
+    </footer>
+</body>
+</html>
diff --git a/Aulas-HTML/exercicios/aula3/Aula 3 - HTML/img1.jpg b/Aulas-HTML/exercicios/aula3/Aula 3 - HTML/img1.jpg
diff --git a/Aulas-HTML/exercicios/aula3/Aula 3 - HTML/img2.jpg b/Aulas-HTML/exercicios/aula3/Aula 3 - HTML/img2.jpg
diff --git a/Aulas-HTML/exercicios/aula3/Aula 3 - HTML/index.html b/Aulas-HTML/exercicios/aula3/Aula 3 - HTML/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Exercício 3</title>
+  </head>
+  <body>
+    <h1>Caroline Danni</h1>
+
+    <img src="./img1.jpg" alt="Mulher agachada auxilia uma menina de patins sentada em um banco a colocar joelheiras de proteção" />
+
+    <img src="./img2.jpg" alt="Grupo de pessoas em círculo com um dos braços estendidos ao centro, sorriem umas para as outras" />
+  </body>
+</html>
diff --git a/aula-css/exercicios/photo-grid/aula-2/.vscode/settings.json b/aula-css/exercicios/photo-grid/aula-2/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "git.ignoreLimitWarning": true
+}
diff --git a/aula-css/exercicios/photo-grid/aula-2/README.md b/aula-css/exercicios/photo-grid/aula-2/README.md
@@ -1,12 +1 @@
 
-
-## Photo Grid | Exercício Aula 2
-
-Vamos dar continuidade ao nosso Photo Grid, mas dessa vez usando algumas das propriedades do Flexbox que aprendemos na aula.
-
-
-### Instruções
-
-- Para esse exercício você precisa alinhar os blocos da lista de imagens que você criou no exercício anterior para que possam ficar lado a lado no desktop, mas no mobile ele terá que ficar um debaixo do outro; 
-
-- Para a página de detalhes a imagem precisa ficar do lado esquerdo e o bloco de texto no lado direito na versão desktop, mas no mobile precisa ficar um debaixo do outro.
diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes.css/HG.jpg b/aula-css/exercicios/photo-grid/aula-2/detalhes.css/HG.jpg
diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes.css/HG_Easy-Resize.com.jpg b/aula-css/exercicios/photo-grid/aula-2/detalhes.css/HG_Easy-Resize.com.jpg
diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes.css/usuário_Easy-Resize.com.jpg b/aula-css/exercicios/photo-grid/aula-2/detalhes.css/usuário_Easy-Resize.com.jpg
diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes.html b/aula-css/exercicios/photo-grid/aula-2/detalhes.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Carol's Photo Grid</title>
+    <link rel="stylesheet" href="style2.css" />
+</head>
+<body>
+    <div>
+        <header>
+         <div class="esquerda">
+         <a href="index.html"><button>Voltar</button></a>
+         </div>
+         <h1>Carol's Photo Grid</h1>    
+        </header>
+    </div>
+    <div class="container">
+        <div class="card">
+        <img src="https://i.pinimg.com/originals/6a/6d/50/6a6d506cd61fbd4e148b92a731bf71ca.jpg" alt="Imagem da Personagem Hermione Jean Granger segurando seus livros">
+        <p>Hermione Jean Granger é uma personagem fictícia na série Harry Potter de J. K. Rowling. Aparece pela primeira vez em Harry Potter e a Pedra Filosofal, como uma nova estudante em direção a Hogwarts. Depois de Harry e Ron a salvarem de um troll de montanha no wc feminino, torna-se a melhor amiga deles e costuma usar seu raciocínio rápido, lembrança rápida e conhecimento enciclopédico para ajudar em situações terríveis.
+        A personagem foi imensamente popular. A versão de Hermione interpretada por Emma Watson durante os oito filmes de Harry Potter desde Harry Potter e a Pedra Filosofal em 2001 até Harry Potter e os Talismãs da Morte - Parte 2 em 2011, foi eleita a melhor personagem feminina de cinema de todos os tempos em uma pesquisa realizada por profissionais de Hollywood pela The Hollywood Reporter em 2016.
+        </p>
+        </div>
+   </div> 
+</body>
+</html>
diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes2.html b/aula-css/exercicios/photo-grid/aula-2/detalhes2.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Carol's Photo Grid</title>
+    <link rel="stylesheet" href="style2.css" />
+</head>
+<body>
+    <div>
+        <header>
+            <div class="esquerda">
+                <a href="index.html"><button>Voltar</button></a>
+            </div>
+                <h1>Carol's Photo Grid</h1>        
+        </header>
+    </div>
+    <div class="container">
+        <div class="card">
+        <img src="https://api.time.com/wp-content/uploads/2014/07/301386_full1.jpg" alt="Imagem do Personagem Harry Potter em seu primeiro ano em Hogwarts">
+    <p>Harry James Potter é um jovem que descobre aos 11 anos de idade ser um bruxo, ao ser convidado para estudar na Escola de Magia e Bruxaria de Hogwarts.
+    O arco de história principal diz respeito às amizades de Harry com outros bruxos de sua idade, como Ronald Weasley e Hermione Granger, e também com o diretor de Hogwarts Albus Dumbledore,
+    considerado o maior dos magos, e seus conflitos com o bruxo das trevas Lord Voldemort, que pretende se tornar imortal, conquistar o mundo dos bruxos, subjugar as pessoas não-mágicas e destruir todos aqueles que estão em seu caminho,
+    especialmente Harry Potter, a quem ele considera seu maior rival.
+    </p>
+    </div>
+</body>
+</html>
diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes3.html b/aula-css/exercicios/photo-grid/aula-2/detalhes3.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Carol's Photo Grid</title>
+    <link rel="stylesheet" href="style2.css" />
+</head>
+<body>
+    <div>
+        <header>
+        <div class="esquerda">
+          <a href="index.html"><button>Voltar</button></a>
+        </div>
+        <h1>Carol's Photo Grid</h1>    
+        </header>
+    </div>
+    <div class="container">
+        <div class="card">
+        <img src="https://i.pinimg.com/originals/e7/13/cd/e713cd96158492b25408f28256fb181e.jpg" alt="Imagem do Personagem Ronald Weasley vestindo um blusão com seu nome">
+    <p>Em 1 de março de 1980, nasceu Ronald Bilius Weasley, bruxo puro - sangue que se destacou ao lutar contra Voldemort durante a segunda guerra bruxa.
+     Rony começou a frequentar a Escola de Magia e Bruxaria de Hogwarts em 1991 e foi colocado na Grifinória. Ele se tornou o melhor amigo de seu colega Harry Potter e depois de Hermione Granger.
+     Juntos, eles enfrentaram muitos desafios durante sua adolescência, incluindo manter a Pedra Filosofal longe de Quirino Quirrell, salvar a irmã de Rony da Câmara Secreta, formar a Armada de Dumbledore e
+     lutar em várias batalhas na Segunda Guerra Bruxa, incluindo a Batalha do Departamento de Mistérios, a Batalha da Torre de Astronomia, e a Batalha dos Sete Potter. Rony também se tornou um Monitor de sua
+     casa e um goleiro no Time de Quadribol da Grifinória durante seu quinto ano em Hogwarts. Ele não voltou à escola em seu último ano para poder acompanhar Harry e Hermione para caçar as Horcruxes de Lord Voldemort
+     e lutou na Batalha de Hogwarts em 1998, em que ele perdeu seu irmão, Fred (uma perda muito grande para ele). 
+    Depois da guerra, Rony, junto com Harry Potter e Neville Longbottom, se tornaram Aurores sob um convite do Ministro da Magia Quim Shacklebolt para poderem prender os Comensais da Morte que conseguiram fugir. 
+    Em algum ponto, ele foi trabalhar na Gemialidades Weasley com seu irmão, Jorge. Ele e Hermione se casaram e tiveram dois filhos: Rose e Hugo Weasley. Rony também foi o padrinho de Tiago Sirius Potter, o filho mais velho de sua irmã Gina Weasley e Harry Potter.
+    </p>
+    </div>
+</body>
+</html>
diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes4.html b/aula-css/exercicios/photo-grid/aula-2/detalhes4.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Carol's Photo Grid</title>
+    <link rel="stylesheet" href="style2.css" />
+</head>
+<body>
+    <div>
+        <header>
+        <div class="esquerda">
+        <a href="index.html"><button>Voltar</button></a>
+        </div>
+        <h1>Carol's Photo Grid</h1>    
+        </header>
+    </div>
+    <div class="container">
+        <div class="card">
+        <img src="https://i.pinimg.com/originals/21/c1/56/21c1561204f6863fd5e3385cbfa88000.jpg" alt="Imagem Personagem Severos Snape em pé olhando fixamente para frente">
+    <p>Mais conecido Como Professor Severo Snape (9 de janeiro de 1960 – 2 de maio de 1998) foi um bruxo mestiço, filho da bruxa Eileen Snape (nascida Prince) e o trouxa Tobias Snape. 
+     Durante sua vida, Severo Snape foi Mestre das Poções (1981–1996), o professor de Defesa Contra as Artes das Trevas (1996-1997), e Diretor (1997-1998) da Escola de Magia e Bruxaria de Hogwarts (que ele frequentou como aluno de 1971 a 1978). 
+     Ele também foi um membro da Ordem da Fênix, e teve um papel muito importante em ambas as Guerras Bruxas contra Lord Voldemort.
+    </p>
+    </div> 
+</body>
+</html>
diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes5.html b/aula-css/exercicios/photo-grid/aula-2/detalhes5.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Carol's Photo Grid</title>
+    <link rel="stylesheet" href="style2.css" />
+</head>
+<body>
+    <div>
+        <header>
+        <div class="esquerda">
+        <a href="index.html"><button>Voltar</button></a>
+        </div>
+        <h1>Carol's Photo Grid</h1>    
+        </header>
+    </div>
+    <div class="container">
+        <div class="card">
+        <img src="https://vignette.wikia.nocookie.net/harrypotter/images/9/96/Mcgonagall.png/revision/latest?cb=20130107161657&path-prefix=pt-br"alt="Personagem Minerva Mcgonagall empunhando sua varinha enquanto olha espantada parao lado" alt="">
+    <p>Minerva McGonagall foi uma bruxa que estudou na Escola de Magia e Bruxaria de Hogwarts e pertenceu a casa da Gryffindor. Depois do período escolar, voltou a Hogwarts e tornou-se professora de transfiguração e chefe da casa Gryffindor, assim como, em diferentes épocas, vice-diretora e posteriormente diretora da escola.
+    Minerva é também uma Animaga, assumindo a forma de uma gata cinzenta malhada e com as marcas dos óculos, que habitualmente usa, em torno dos olhos.
+    McGonagall é uma mulher alta, de aparência severa e com cabelos grisalhos habitualmente presos num coque apertado. Gosta de usar roupas verde-esmeralda, um chapéu pontiagudo, e tem quase sempre uma expressão muito formal. 
+    </p>
+    </div> 
+</body>
+</html>
diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes6.html b/aula-css/exercicios/photo-grid/aula-2/detalhes6.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Carol's Photo Grid</title>
+    <link rel="stylesheet" href="style2.css" />
+</head>
+<body>
+    <div>
+        <header>
+        <div class="esquerda">
+        <a href="index.html"><button>Voltar</button></a>
+        </div>
+        <h1>Carol's Photo Grid</h1>    
+        </header>
+    </div>
+    <div class="container">
+    <div class="card">
+        <img src="https://vignette.wikia.nocookie.net/harrypotter/images/7/78/Lord_Voldemort.jpg/revision/latest?cb=20161009033218&path-prefix=pt-br" alt="Imagem do Personagem Lord_Voldemort olhando para frente">
+    <p>Voldemort é uma alcunha de Tom Marvolo Riddle. O arquiinimigo de Harry Potter, que de acordo com uma profecia tem "o poder de derrotar o Lord das Trevas ". 
+    Ele tenta assassinar o menino, mas em vez disso mata seus pais, Lily e James Potter, e deixa Harry com uma cicatriz na cabeça em forma de um raio. Quase toda bruxa ou feiticeiro não ousa pronunciar seu nome e se refere a ele com apelidos como " Você-Sabe-Quem ", " Aquele que Não Deve Ser Nomeado " ou " Lorde das Trevas ". 
+    A obsessão de Voldemort com a pureza do sangue significa seu objetivo de livrar o mundo mágico dos trouxasherança (não mágica) e para conquistar os dois mundos, trouxa e feiticeiro, para alcançar o domínio puro-sangue. 
+    Através da família de sua mãe, ele é o último descendente do assistente de Salazar Slytherin , um dos quatro fundadores de Hogwarts Escola de Magia e Bruxaria. 
+    Ele é o líder dos Comensais da Morte, um grupo de bruxos e bruxas malignos dedicados a livrar o Mundo Bruxo dos trouxas e estabelecer Voldemort como seu governante supremo.
+    </p>
+    </div> 
+</body>
+</html>
diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes7.html b/aula-css/exercicios/photo-grid/aula-2/detalhes7.html
@@ -0,0 +1,26 @@
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Carol's Photo Grid</title>
+    <link rel="stylesheet" href="style2.css" />
+</head>
+<body>
+    <div>
+        <header>
+        <div class="esquerda">
+        <a href="index.html"><button>Voltar</button></a>
+        </div>
+        <h1>Carol's Photo Grid</h1>    
+        </header>
+    </div>
+    <div class="container">
+    <div class="card">
+        <img src="https://paisefilhos.uol.com.br/wp-content/uploads/2019/06/dobby-foto.png" alt="Personagem Dobby">
+    <p>Dobby era o elfo domestico da Mansão Malfoy, servindo Lucius Malfoy, sua esposa Narcissa e seu único filho Draco.
+     Eles trataram Dobby com crueldade, muitas vezes lembrando-o de executar castigos extras sobre si mesmo quando ele fazia algo desagradável para eles. Dobby foi ameaçado de morte muitas vezes durante seu tempo servindo a família Malfoy e disse a Harry Potter que ele estava acostumado a isso pois ele as recebia "cinco vezes por dia" dos Malfoys. 
+     Embora ele sempre tenha feito o que lhe foi dito, ele sabia que seu comportamento sempre estava errado e desejava estar livre deles.
+    </p>
+    </div> 
+</body>
+</html>
diff --git a/aula-css/exercicios/photo-grid/aula-2/detalhes8.html b/aula-css/exercicios/photo-grid/aula-2/detalhes8.html
@@ -0,0 +1,27 @@
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Carol's Photo Grid</title>
+    <link rel="stylesheet" href="style2.css" />
+</head>
+<body>
+    <div>
+        <header>
+        <div class="esquerda">
+        <a href="index.html"><button>Voltar</button></a>
+        </div>
+        <h1>Carol's Photo Grid</h1>    
+        </header>
+    </div>
+    <div class="container">
+    <div class="card">
+        <img src="https://i.pinimg.com/originals/e7/de/be/e7debe4c1d50f9cef35e0f60223c139f.jpg"alt="Personagem Neville Longbotton empunhando uma espada">
+    <p>Neville Longbottom é um bruxo puro-sangue, filho de dois aurores. Ele pertencia à Grifinória e dividia o dormitório com Harry Potter, Rony Weasley, Simas Finnigan e Dino Thomas. 
+     A matéria da qual Neville mais gostava era Herbologia, e a que odiava era Poções (porque tinha medo do Professor Severo Snape). Seus pais foram torturados pela maldição Cruciatus até a loucura por comensais da morte. 
+     Neville foi então criado por sua avó. 
+     Fui um importante membro da ordem da fênix e da armada de Dumbledore, e conhecido por lutar ao lado de Harry Potter. Ao final da Segunda Guerra Bruxa se tornou professor de Herbologia de Hogwarts. 
+    </p>
+    </div> 
+</body>
+</html>