WoMakersCode · carollas · Sep 4, 2020 · Sep 5, 2020 · Sep 6, 2020 · Sep 6, 2020
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "git.ignoreLimitWarning": true
+}
diff --git a/Aulas-HTML/exercicios/aula1/index.html b/Aulas-HTML/exercicios/aula1/index.html
@@ -14,3 +14,19 @@
  - 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 Carol</title>
+</head>
+<body>
+    <h1>Carolline Souza</h1>
+    <ol>
+        <li>Eliminar o medo de programar</li>
+        <li>Aprender um pouco sobre UX</li>
+        <li>Me capacitar e conseguir ajudar outras mulheres a ingressarem nessa área</li>
+    </ol>
+</body>
+</html>
diff --git a/Aulas-HTML/exercicios/aula2/index.html b/Aulas-HTML/exercicios/aula2/index.html
@@ -21,3 +21,105 @@
  - Abrir um pull request para o repositório original (da Womakers)
  - Acompanhar o prazo e marcar a entrega no Classroom
 -->
+<<<<<<< HEAD
+=======
+
+>>>>>>> c48320c032e2e6f0cdd35839ea0086ff3527506c
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Energize Jr. | Projetos Elétricos</title>
+</head>
+
+<body>
+  <header>
+        <nav>
+      <ul>
+        <a href="#">INICIO</a>
+        <a href="#">SERVIÇOS</a>
+        <a href="#">QUEM SOMOS</a>
+        <a href="#">ORÇAMENTO</a>
+        <a href="#">BLOG</a>
+        <a href="#">CONTATO</a>
+      </ul>
+    </nav>
+  </header>
+
+    <main>
+      <p>      
+        <h1>CONSULTORIA E PROJETOS</h1>
+        <h4>EM ENGENHARIA ELÉTRICA</h4>
+      </p>
+      <p>
+        <h2>ENERGIZE JR</h2>
+        <h5>A Energize Jr é uma empresa júnior ligada a Universidade Federal do Vale do São Francisco, formada e gerida por graduandos de Engenharia Elétrica, que trabalham voluntariamente no desenvolvimento das atividades da empresa.</h5>
+        <h6>SAIBA MAIS</h6>
+      <p>
+        <h2>SERVIÇOS</h2>
+          <ul>
+            <a href="#">ENERGIA SOLAR</a>
+            <a href="#">PROJETO SPDA</a>
+            <a href="#">PROJETO ELÉTRICO</a>
+            <a href="#">EFICIÊNCIA ENERGÉTICA</a>
+          </ul>
+      </p>
+      <p>
+        <h2>DIFERENCIAIS DA ENERGIZE</h2>
+          <table>
+            <tr>
+<<<<<<< HEAD
+              <th>Desenvolvimento da equipe</th>
+=======
+              <th>Desenvolvimento de equipe</th>
+>>>>>>> c48320c032e2e6f0cdd35839ea0086ff3527506c
+              <th>Paixão pelo que fazemos</th>
+              <th>Relacionamento com os clientes</th>
+            </tr>
+            <tr>
+              <td>Somos uma empresa que se preocupa com o <strong>crescimento de cada membro</strong>, tanto pessoal quanto profissional
+              <td>Nossa principal fonte de energia provem da <strong>paixão que sentimos</strong>pelo que fazemos</td>
+              <td>O compromisso da nossa equipe é o segredo para um <strong>bom relacionamento com nossos clientes</strong></td>
+            </tr>
+            <tr>
+              <th>Satisfação do cliente</th>
+              <th>Qualidade dos serviços</th>
+              <th>Soluções inovadoras</th>
+            </tr>
+            <tr>
+              <td>Nosso objetivos é proporcionar soluções personalizadas e preços acessíveis, pois prezamos por <strong>clientes verdadeiramente satisfeitos</strong></td>
+              <td>A <strong>qualidade</strong> dos nossos serviços é o que define nossa marca</td>
+              <td>Estamos constantemente atentos ao mercadoe às novas pesquisas e descobertas da àrea elétrica para que nossos clientes sempre tenham <strong>soluções inovadoras e sustentáveis</strong></td>
+            </tr>
+          </table>
+      </p>
+      <p>
+        <h1>DEPOIMENTOS</h1>
+        <h4>Com o serviço de eficiência energética da Energize, pude notar uma redução significativa</h4>
+        <h4>no consumo de energia e consequentemente no valor da conta</h4>
+      </p>
+      <table>
+        <tr>
+          <th>TELEFONE</th>
+          <th>E-MAIL</th>
+          <th>LOCALIZAÇÃO</th>
+        </tr>
+        <tr>
+          <td>(74) 98841 2577</td>
+          <td>energizejr@gmail.com</td>
+          <td>Av. Antônio Carlos Magalhães, 510 - Country Club, Juazeiro-BA</td>
+        </tr>
+      </table>
+      <a href="#">FAÇA AGORA UM ORÇAMENTO GRATUITO</a>
+    </main>
+
+    <footer>
+      <p>Energize Jr.©2019 Todos os direitos reservados</p>
+    </footer>
+</body>
+<<<<<<< HEAD
+</html>
+=======
+</html>
+>>>>>>> c48320c032e2e6f0cdd35839ea0086ff3527506c
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>Carolline Souza</h1>
 
-    <img src="./img1.jpg" alt="" />
+    <img src="./img1.jpg" alt="Mulher ajudando criança a colocar equipamentos de proteção para que a criança ande de patins com segurança" />
 
-    <img src="./img2.jpg" alt="time" />
+    <img src="./img2.jpg" alt="Pessoas reunidas em círculo onde todas estão com as mãos fechadas estendidas até a altura do peito formando assim um gesto de união" />
   </body>
 </html>
diff --git a/aula-css/exercicios/photo-grid/aula-1/README.md b/aula-css/exercicios/photo-grid/aula-1/README.md
@@ -1,7 +1,10 @@
 
 ## Photo Grid | Exercício Aula 1 
 
+<<<<<<< HEAD
+=======
 O objetivo desse primeiro exercício é implementar a estrutura HTML das páginas e a customização inicial delas com CSS (vamos deixar a parte do posicionamento dos elementos com o Flexbox no exercício 2).
+>>>>>>> 6c7c8a643b39d01719e8138606451bc450499699
 
 ### Briefing 
 
@@ -14,6 +17,11 @@ e ao clicar nelas vamos acessar os detalhes de cada uma.
 
 <img src="https://user-images.githubusercontent.com/6249258/82079070-95d2f200-96b8-11ea-9ca4-75406be0394a.jpg"/> 
 
+<<<<<<< HEAD
+Exercício feito
+
+=======
+>>>>>>> 6c7c8a643b39d01719e8138606451bc450499699
 
 #### Página de detalhes 
 
@@ -28,10 +36,13 @@ e ao clicar nelas vamos acessar os detalhes de cada uma.
 
 - Crie uma folha de estilo CSS (`style.css`) e importe dentro da sua `index.html`; 
 
+<<<<<<< HEAD
+=======
 - Crie uma folha de estilo CSS (`details.css`) e importe dentro da sua `detalhes-numero.html`; 
 
 > **Observação:** Você não precisa criar várias folhas de estilo para as 6 páginas de detalhes. Basta criar 1 só e importar no HTML
 
+>>>>>>> 6c7c8a643b39d01719e8138606451bc450499699
 - Dentro do seu `style.css` adicione customizações a seu critério (cor de fundo, borda, tamanho de fonte, etc) e utilize as media queries para adicionar um estilo diferente quando o usuário estiver acessando um dispositivo com telas menores e maiores (lembre-se do mobile first!); 
 
 

diff --git a/aula-css/exercicios/photo-grid/aula-1/README.txt b/aula-css/exercicios/photo-grid/aula-1/README.txt
@@ -0,0 +1,75 @@
+Kufam Variable Font
+===================
+
+This download contains Kufam as both variable fonts and static fonts.
+
+Kufam is a variable font with this axis:
+  wght
+
+This means all the styles are contained in these files:
+  Kufam-VariableFont_wght.ttf
+  Kufam-Italic-VariableFont_wght.ttf
+
+If your app fully supports variable fonts, you can now pick intermediate styles
+that aren’t available as static fonts. Not all apps support variable fonts, and
+in those cases you can use the static font files for Kufam:
+  static/Kufam-Regular.ttf
+  static/Kufam-Medium.ttf
+  static/Kufam-SemiBold.ttf
+  static/Kufam-Bold.ttf
+  static/Kufam-ExtraBold.ttf
+  static/Kufam-Black.ttf
+  static/Kufam-Italic.ttf
+  static/Kufam-MediumItalic.ttf
+  static/Kufam-SemiBoldItalic.ttf
+  static/Kufam-BoldItalic.ttf
+  static/Kufam-ExtraBoldItalic.ttf
+  static/Kufam-BlackItalic.ttf
+
+Get started
+-----------
+
+1. Install the font files you want to use
+
+2. Use your app's font picker to view the font family and all the
+available styles
+
+Learn more about variable fonts
+-------------------------------
+
+  https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
+  https://variablefonts.typenetwork.com
+  https://medium.com/variable-fonts
+
+In desktop apps
+
+  https://theblog.adobe.com/can-variable-fonts-illustrator-cc
+  https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
+
+Online
+
+  https://developers.google.com/fonts/docs/getting_started
+  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
+  https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
+
+Installing fonts
+
+  MacOS: https://support.apple.com/en-us/HT201749
+  Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
+  Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
+
+Android Apps
+
+  https://developers.google.com/fonts/docs/android
+  https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
+
+License
+-------
+Please read the full license text (OFL.txt) to understand the permissions,
+restrictions and requirements for usage, redistribution, and modification.
+
+You can use them freely in your products & projects - print or digital,
+commercial or otherwise. However, you can't sell the fonts on their own.
+
+This isn't legal advice, please consider consulting a lawyer and see the full
+license for all details.
diff --git a/aula-css/exercicios/photo-grid/aula-1/acabouchorare.jpg b/aula-css/exercicios/photo-grid/aula-1/acabouchorare.jpg
diff --git a/aula-css/exercicios/photo-grid/aula-1/acústicoengenheiros.jpg b/aula-css/exercicios/photo-grid/aula-1/acústicoengenheiros.jpg
diff --git a/aula-css/exercicios/photo-grid/aula-1/am.jpeg b/aula-css/exercicios/photo-grid/aula-1/am.jpeg
diff --git a/aula-css/exercicios/photo-grid/aula-1/angles.jpg b/aula-css/exercicios/photo-grid/aula-1/angles.jpg
diff --git a/aula-css/exercicios/photo-grid/aula-1/bytheway.jpg b/aula-css/exercicios/photo-grid/aula-1/bytheway.jpg
diff --git a/aula-css/exercicios/photo-grid/aula-1/clubedaesquina.jpg b/aula-css/exercicios/photo-grid/aula-1/clubedaesquina.jpg
diff --git a/aula-css/exercicios/photo-grid/aula-1/detalhes-01.html b/aula-css/exercicios/photo-grid/aula-1/detalhes-01.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>The dark side of the moon - Pink Floyd</title>
+    <link rel="stylesheet" href="styledet.css" />
+</head>
+<body>
+    <div class="Info">
+        <div>
+            <table>
+                <th><img src="dstm.jpg" alt="The dark side of the moon - Pink Floyd"/></th>
+            </table>
+        </div>
+    </div>
+    <div class="all">
+        <div>
+            <table>
+                <th>
+                    <td><img src="euz.png" alt="Foto minha" align="left"> <br><h3>Carol Billboard</h3>
+                        <br><h2>Resumo</h2>
+                        <h3>The Dark Side of the Moon é o oitavo álbum de estúdio da banda britânica de rock progressivo Pink Floyd, lançado em 1 de março de 1973. O disco marca uma nova fase no som da banda, com letras mais pessoais e instrumentais menores, contendo alguns dos mais complicados usos dos instrumentos e efeitos sonoros existentes na época, incluindo o som de alguém correndo à volta de um microfone e a gravação de múltiplos relógios a tocar ao mesmo tempo</h3>    
+                        <h2>Músicas prediletas</h2>
+                        <il>
+                            <li>Time</li>
+                            <li>The great gig in the sky</li>
+                            <li>Eclipse</li>
+                        </il>
+                    </td>
+                </th>
+            </table>
+        </div>
+    </div>
+
+</body>
+</html>
diff --git a/aula-css/exercicios/photo-grid/aula-1/detalhes-02.html b/aula-css/exercicios/photo-grid/aula-1/detalhes-02.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Clube da esquina - Clube da esquina</title>
+    <link rel="stylesheet" href="styledet.css" />
+</head>
+<body>
+    <div class="Info">
+        <div>
+            <table>
+                <th><img src="clubedaesquina.jpg" alt="Clube da esquina - Clube da esquina"/></th>
+            </table>
+        </div>
+    </div>
+    <div class="all">
+        <div>
+            <table>
+                <th>
+                    <td><img src="euz.png" alt="Foto minha" align="left"> <br><h3>Carol Billboard</h3>
+                        <br><h2>Resumo</h2>
+                        <h3> Clube da Esquina é um termo usado para se referir a um grupo de músicos, compositores e letristas, surgido na década de 1960 em Belo Horizonte - Minas Gerais. Tendo figuras como por exemplo, Milton Nascimento, Toninho Horta, Wagner Tiso, Lô Borges, Beto Guedes e Márcio Borges, a sonoridade do Clube da Esquina é intensamente caracterizada como inovadora. Como característica desta sonoridade inovadora, têm-se por exemplo uma espécie de fundição das inovações trazidas pela Bossa Nova com elementos do jazz, do rock – principalmente os Beatles –, música folclórica dos negros e mineira, música erudita e música hispânica.</h3>    
+                        <h2>Músicas prediletas</h2>
+                        <il>
+                            <li>Tudo que você podia ser</li>
+                            <li>Cais</li>
+                            <li>Me deixa em paz</li>
+                        </il>
+                    </td>
+                </th>
+            </table>
+        </div>
+    </div>
+
+</body>
+</html>
diff --git a/aula-css/exercicios/photo-grid/aula-1/detalhes-03.html b/aula-css/exercicios/photo-grid/aula-1/detalhes-03.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>By The Way - RHCP</title>
+    <link rel="stylesheet" href="styledet.css" />
+</head>
+<body>
+    <div class="Info">
+        <div>
+            <table>
+                <th><img src="bytheway.jpg" alt="By The Way - Red Hot Chili Peppers"/></th>
+            </table>
+        </div>
+    </div>
+    <div class="all">
+        <div>
+            <table>
+                <th>
+                    <td><img src="euz.png" alt="Foto minha" align="left"> <br><h3>Carol Billboard</h3>
+                        <br><h2>Resumo</h2>
+                        <h3>By the Way é o oitavo álbum de estúdio da banda de rock norte-americana Red Hot Chili Peppers. Foi lançado em 9 de julho de 2002 pela Warner Bros Records. Ele vendeu mais de 286.000 cópias na primeira semana, só nos EUA e chegou ao número dois no Billboard 200. Os singles do álbum foram "By the Way", "The Zephyr Song", "Can't Stop", "Dosed" e "Universally Speaking".
+                            By the Way teve uma boa recepção da critica, e é reconhecido pelas canções melódicas e suaves. O álbum vendeu 1,8 milhões de cópias em sua primeira semana, sendo 281.948 cópias nos Estados Unidos. Ao total já vendeu mais de 20 milhões de cópias em todo o mundo.</h3>    
+                        <h2>Músicas prediletas</h2>
+                        <il>
+                            <li>Don't forget me</li>
+                            <li>Venice Queen</li>
+                            <li>The Zephyr song</li>
+                        </il>
+                    </td>
+                </th>
+            </table>
+        </div>
+    </div>
+
+</body>
+</html>