Renomeado pastas para aparecer em ordem

gmarcon83 · Mar 10, 2021 · 26976d2 · 26976d2
1 parent 4f962c3
commit 26976d2
Show file tree

Hide file tree

Showing 100 changed files with 4,950 additions and 0 deletions.
diff --git a/...cas/Dia 1 - Atividade 1 - (Alterado).html → ...cas/Dia 1 - Atividade 1 - (Alterado).html b/...cas/Dia 1 - Atividade 1 - (Alterado).html → ...cas/Dia 1 - Atividade 1 - (Alterado).html
diff --git a/...cas/Dia 1 - Atividade 1 - (Original).html → ...cas/Dia 1 - Atividade 1 - (Original).html b/...cas/Dia 1 - Atividade 1 - (Original).html → ...cas/Dia 1 - Atividade 1 - (Original).html
diff --git a/...L - Tags Basicas/Dia 1 - Atividade 2.html → ...L - Tags Basicas/Dia 1 - Atividade 2.html b/...L - Tags Basicas/Dia 1 - Atividade 2.html → ...L - Tags Basicas/Dia 1 - Atividade 2.html
diff --git a/...s/Dia 1 - Atividade 3 (Minha cidade).html → ...s/Dia 1 - Atividade 3 (Minha cidade).html b/...s/Dia 1 - Atividade 3 (Minha cidade).html → ...s/Dia 1 - Atividade 3 (Minha cidade).html
diff --git a/... Ancoras/Dia 2 - Exercício 1 - Links.html → ... Ancoras/Dia 2 - Exercício 1 - Links.html b/... Ancoras/Dia 2 - Exercício 1 - Links.html → ... Ancoras/Dia 2 - Exercício 1 - Links.html
diff --git a/... 2 - Exercício 2 - Links com Imagens.html → ... 2 - Exercício 2 - Links com Imagens.html b/... 2 - Exercício 2 - Links com Imagens.html → ... 2 - Exercício 2 - Links com Imagens.html
diff --git a/...Ancoras/Dia 2 - Exercício 3 - Listas.html → ...Ancoras/Dia 2 - Exercício 3 - Listas.html b/...Ancoras/Dia 2 - Exercício 3 - Listas.html → ...Ancoras/Dia 2 - Exercício 3 - Listas.html
diff --git a/...xercício 4 - Listas dentro de Listas.html → ...xercício 4 - Listas dentro de Listas.html b/...xercício 4 - Listas dentro de Listas.html → ...xercício 4 - Listas dentro de Listas.html
diff --git a/...a 2 - Exercício 5 - Listas e Ancoras.html → ...a 2 - Exercício 5 - Listas e Ancoras.html b/...a 2 - Exercício 5 - Listas e Ancoras.html → ...a 2 - Exercício 5 - Listas e Ancoras.html
diff --git a/...- HTML - Links e Ancoras/img/facebook.png → ...- HTML - Links e Ancoras/img/facebook.png b/...- HTML - Links e Ancoras/img/facebook.png → ...- HTML - Links e Ancoras/img/facebook.png
diff --git a/... HTML - Links e Ancoras/img/instagram.png → ... HTML - Links e Ancoras/img/instagram.png b/... HTML - Links e Ancoras/img/instagram.png → ... HTML - Links e Ancoras/img/instagram.png
diff --git a/... - HTML - Links e Ancoras/img/spotify.png → ... - HTML - Links e Ancoras/img/spotify.png b/... - HTML - Links e Ancoras/img/spotify.png → ... - HTML - Links e Ancoras/img/spotify.png
diff --git a/... - HTML - Links e Ancoras/img/youtube.png → ... - HTML - Links e Ancoras/img/youtube.png b/... - HTML - Links e Ancoras/img/youtube.png → ... - HTML - Links e Ancoras/img/youtube.png
diff --git a/...ropdown/D3E1 - Menu Dropdown - Estilo.css → ...ropdown/D3E1 - Menu Dropdown - Estilo.css b/...ropdown/D3E1 - Menu Dropdown - Estilo.css → ...ropdown/D3E1 - Menu Dropdown - Estilo.css
diff --git a/...- Menu Dropdown/D3E1 - Menu Dropdown.html → ...- Menu Dropdown/D3E1 - Menu Dropdown.html b/...- Menu Dropdown/D3E1 - Menu Dropdown.html → ...- Menu Dropdown/D3E1 - Menu Dropdown.html
diff --git a/...n/D3E2 - Menu Dropdown Extra - Estilo.css → ...n/D3E2 - Menu Dropdown Extra - Estilo.css b/...n/D3E2 - Menu Dropdown Extra - Estilo.css → ...n/D3E2 - Menu Dropdown Extra - Estilo.css
diff --git a/... Dropdown/D3E2 - Menu Dropdown Extra.html → ... Dropdown/D3E2 - Menu Dropdown Extra.html b/... Dropdown/D3E2 - Menu Dropdown Extra.html → ... Dropdown/D3E2 - Menu Dropdown Extra.html
diff --git a/...3 - Menu Dropdown Horizontal - Estilo.css → ...3 - Menu Dropdown Horizontal - Estilo.css b/...3 - Menu Dropdown Horizontal - Estilo.css → ...3 - Menu Dropdown Horizontal - Estilo.css
diff --git a/...down/D3E3 - Menu Dropdown Horizontal.html → ...down/D3E3 - Menu Dropdown Horizontal.html b/...down/D3E3 - Menu Dropdown Horizontal.html → ...down/D3E3 - Menu Dropdown Horizontal.html
diff --git a/.../D4E1 - Exercicios Semantica - Estilo.css → .../D4E1 - Exercicios Semantica - Estilo.css b/.../D4E1 - Exercicios Semantica - Estilo.css → .../D4E1 - Exercicios Semantica - Estilo.css
diff --git a/... Tabelas/D4E1 - Exercicios Semantica.html → ... Tabelas/D4E1 - Exercicios Semantica.html b/... Tabelas/D4E1 - Exercicios Semantica.html → ... Tabelas/D4E1 - Exercicios Semantica.html
diff --git a/... - Exercicios Semantica Igor - Estilo.css → ... - Exercicios Semantica Igor - Estilo.css b/... - Exercicios Semantica Igor - Estilo.css → ... - Exercicios Semantica Igor - Estilo.css
diff --git a/...las/D4E2 - Exercicios Semantica Igor.html → ...las/D4E2 - Exercicios Semantica Igor.html b/...las/D4E2 - Exercicios Semantica Igor.html → ...las/D4E2 - Exercicios Semantica Igor.html
diff --git a/...a e Tabelas/D4E3 - Exercicio Tabelas.html → ...a e Tabelas/D4E3 - Exercicio Tabelas.html b/...a e Tabelas/D4E3 - Exercicio Tabelas.html → ...a e Tabelas/D4E3 - Exercicio Tabelas.html
diff --git a/...D4E4 - Exercicio rowspan e colspan 2.html → ...D4E4 - Exercicio rowspan e colspan 2.html b/...D4E4 - Exercicio rowspan e colspan 2.html → ...D4E4 - Exercicio rowspan e colspan 2.html
diff --git a/...as/D4E4 - Exercicio rowspan e colspan.css → ...as/D4E4 - Exercicio rowspan e colspan.css b/...as/D4E4 - Exercicio rowspan e colspan.css → ...as/D4E4 - Exercicio rowspan e colspan.css
diff --git a/...s/D4E4 - Exercicio rowspan e colspan.html → ...s/D4E4 - Exercicio rowspan e colspan.html b/...s/D4E4 - Exercicio rowspan e colspan.html → ...s/D4E4 - Exercicio rowspan e colspan.html
diff --git a/...ML - Semantica e Tabelas/img/basquete.jpg → ...ML - Semantica e Tabelas/img/basquete.jpg b/...ML - Semantica e Tabelas/img/basquete.jpg → ...ML - Semantica e Tabelas/img/basquete.jpg
diff --git a/... HTML - Semantica e Tabelas/img/volei.jpg → ... HTML - Semantica e Tabelas/img/volei.jpg b/... HTML - Semantica e Tabelas/img/volei.jpg → ... HTML - Semantica e Tabelas/img/volei.jpg
diff --git a/...os/D5E1 - Exercicio Tabela Semantica.html → ...os/D5E1 - Exercicio Tabela Semantica.html b/...os/D5E1 - Exercicio Tabela Semantica.html → ...os/D5E1 - Exercicio Tabela Semantica.html
diff --git a/...ios/D5E2 - Exercicio Tabela Duplas 1.html → ...ios/D5E2 - Exercicio Tabela Duplas 1.html b/...ios/D5E2 - Exercicio Tabela Duplas 1.html → ...ios/D5E2 - Exercicio Tabela Duplas 1.html
diff --git a/...ios/D5E3 - Exercicio Tabela Duplas 2.html → ...ios/D5E3 - Exercicio Tabela Duplas 2.html b/...ios/D5E3 - Exercicio Tabela Duplas 2.html → ...ios/D5E3 - Exercicio Tabela Duplas 2.html
diff --git a/...ários/D5E4 - Exercicio Formularios 2.html → ...ários/D5E4 - Exercicio Formularios 2.html b/...ários/D5E4 - Exercicio Formularios 2.html → ...ários/D5E4 - Exercicio Formularios 2.html
diff --git a/...ulários/D5E4 - Exercicio Formularios.html → ...ulários/D5E4 - Exercicio Formularios.html b/...ulários/D5E4 - Exercicio Formularios.html → ...ulários/D5E4 - Exercicio Formularios.html
diff --git a/...ario e Formulários/D6E1 - Calendario.html → ...ario e Formulários/D6E1 - Calendario.html b/...ario e Formulários/D6E1 - Calendario.html → ...ario e Formulários/D6E1 - Calendario.html
diff --git a/...ários/D6E2 - Formulário de Vacinacao.html → ...ários/D6E2 - Formulário de Vacinacao.html b/...ários/D6E2 - Formulário de Vacinacao.html → ...ários/D6E2 - Formulário de Vacinacao.html
diff --git a/...- Calendario e Formulários/calendario.gif → ...- Calendario e Formulários/calendario.gif b/...- Calendario e Formulários/calendario.gif → ...- Calendario e Formulários/calendario.gif
diff --git a/...mpo de Busca/D7A1 - Campo de busca 1.html → ...mpo de Busca/D7A1 - Campo de busca 1.html b/...mpo de Busca/D7A1 - Campo de busca 1.html → ...mpo de Busca/D7A1 - Campo de busca 1.html
diff --git a/...mpo de Busca/D7A2 - Campo de busca 2.html → ...mpo de Busca/D7A2 - Campo de busca 2.html b/...mpo de Busca/D7A2 - Campo de busca 2.html → ...mpo de Busca/D7A2 - Campo de busca 2.html
diff --git a/...mpo de Busca/D7A3 - Campo de busca 3.html → ...mpo de Busca/D7A3 - Campo de busca 3.html b/...mpo de Busca/D7A3 - Campo de busca 3.html → ...mpo de Busca/D7A3 - Campo de busca 3.html
diff --git a/Dia 7 - HTML - Campo de Busca/img/buscar.png → ...07 - HTML - Campo de Busca/img/buscar.png b/Dia 7 - HTML - Campo de Busca/img/buscar.png → ...07 - HTML - Campo de Busca/img/buscar.png
diff --git a/Dia 7 - HTML - Campo de Busca/img/lupa.png → Dia 07 - HTML - Campo de Busca/img/lupa.png b/Dia 7 - HTML - Campo de Busca/img/lupa.png → Dia 07 - HTML - Campo de Busca/img/lupa.png
diff --git a/Dia 08 - Projeto - Site SoulCode/Projeto Site Entrega/Algoritmo_e_Logica.html b/Dia 08 - Projeto - Site SoulCode/Projeto Site Entrega/Algoritmo_e_Logica.html
@@ -0,0 +1,198 @@
+<!doctype html>
+<html lang="pt-br">
+
+<head>
+  <!-- Required meta tags -->
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description"
+    content="Uma Edtech brasileira, a Soul Code Academy, é uma escola de educação não formal e inclusão digital, de metodologia ágil , com a missão de gerar impacto social, através da capacitação tecnológica, com foco em diversidade, equalidade e empregabilidade. ">
+  <meta name="keywords"
+    content="Cursos Profissionalizantes, EAD, Adobe Photoshop, AutoCAD, UX, UI, Corel Draw, HTML, CSS, JavaScript, JQuerry, Java, Android, Redes de Computadores, Algorítimos, Lógica de Programação, Phyton, Inteligência Emocional, Gestão de Pessoas, Oratória, Gestão de tempo">
+  <meta name="author" content="Rosalyne Duarte, Lucas Silva, Giovanni Marcon, Diego Baena, Samantha Cavarzzan">
+
+  <!-- Link CSS -->
+  <link rel="stylesheet" type="text/css" href="css/stylenovo.css">
+  <link rel="stylesheet" type="text/css" href="css/menupop.css">
+
+  <!-- Link FontAwesome -->
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css"
+    integrity="sha384-vSIIfh2YWi9wW0r9iZe7RJPrKwp6bG+s9QZMoITbCckVJqGCCRhc+ccxNcdpHuYu" crossorigin="anonymous">
+
+  <!--Ícone Browser-->
+  <link rel="shortcut icon" href="img/will01.png" type="image/x-icon" />
+
+  <title>SoulCode Academy - Algoritmo e Lógica</title>
+
+  <style>
+    #algo {
+      height: 300px;
+    }
+  </style>
+</head>
+
+<body>
+  <!--Header-->
+  <header id="header">
+    <table>
+      <tr>
+        <td id="tesq">
+          <nav class="menu">
+            <ul id="menuprincipal">
+              <li><a href="cursos.html">Nossos cursos</a></li>
+              <li><a href="equipe.html">Nossa equipe</a></li>
+              <li><a href="contato.html">Fale conosco</a></li>
+            </ul>
+
+            <button id="botaomenu" class="btn" onclick="popupToggle();">INSCREVA-SE</button>
+
+          </nav>
+          <div id="popup">
+            <div class="content">
+              <i class="fas fa-envelope-open-text"></i>
+              <h2>Faça sua Pré-inscrição!</h2>
+              <div id="formulario">
+                <form id="form">
+                  <p id=textForm1>Para confirmar sua pré inscrição, preencha os campos abaixo e não esqueça de nos
+                    enviar os seguintes documentos:
+                    <br>
+                  <ol type="I">
+                    <li>Comprovante de Endereço</li>
+                    <li>Copia da identidade e CPF</li>
+                  </ol>
+                  </p><br>
+
+                  <div class="inputBox">
+                    <input id="name" type="text" placeholder="Nome completo">
+                  </div>
+                  <div class="inputBox">
+                    <input id="email" type="email" placeholder="Email">
+                  </div>
+                  <div class="inputBox">
+                    <input id="telefone" type="telefone" pattern="^\d{2}-\d{5}-\d{4}$" type="tel" id="tel"
+                      placeholder="xx-xxxxx-xxxx">
+                  </div>
+                  <div class="inputBox">
+                    <input type="text" id="cursos" list="lista_cursos" placeholder="Selecione um curso.">
+                    <datalist id="lista_cursos">
+                      <option value="Adobe Photoshop">Adobe Photoshop</option>
+                      <option value="Algoritmos e Lógica de Programação">Algoritmos e Lógica de Programação</option>
+                      <option value="Android">Android</option>
+                      <option value="AutoCAD">AutoCAD</option>
+                      <option value="Como falar bem em Público">Como falar bem em Público</option>
+                      <option value="Corel Draw">Corel Draw</option>
+                      <option value="Gestão de Pessoas">Gestão de Pessoas</option>
+                      <option value="Gestão do Tempo">Gestão do Tempo</option>
+                      <option value="HTML/CSS">HTML/CSS</option>
+                      <option value="Inteligência Emocional">Inteligência Emocional</option>
+                      <option value="Java e Orientação a Objetos">Java e Orientação a Objetos</option>
+                      <option value="JavaScript e JQuery">JavaScript e JQuery</option>
+                      <option value="Manutenção de Computadores">Manutenção de Computadores</option>
+                      <option value="Python">Python</option>
+                      <option value="Redes de Computadores">Redes de Computadores</option>
+                      <option value="UX e UI">UX e UI</option>
+                    </datalist>
+                  </div>
+                  <div class="inputBox">
+                    <textarea id="msg" type="text" placeholder="Mensagem">Mensagem</textarea>
+                  </div>
+                  <button id="btnSend">Inscreva-se</button>
+              </div>
+        </td>
+        <td id="tmeio">
+          <div class="logo">
+            <a href="index.html" target="_self"><img src="img/logosoulcode.png" alt="Logo marca SoulCode"></a>
+          </div>
+        </td>
+        <td id="tdir">
+          <div class="icons">
+            <a href="https://www.linkedin.com/company/soulcodebrasil/" target="_blank" rel="noopener noreferrer"><i
+                class="fab fa-linkedin-in"></i></a>
+            <a href="https://www.facebook.com/SoulCodeAcademy" target="_blank" rel="noopener noreferrer"><i
+                class="fab fa-facebook-f"></i></a>
+            <a href="http://www.instagram.com/soulcodeacademy" target="_blank" rel="noopener noreferrer"><i
+                class="fab fa-instagram"></i></a>
+            <a href="https://twitter.com/SoulCodeAcademy" target="_blank" rel="noopener noreferrer"><i
+                class="fab fa-twitter"></i></a>
+          </div>
+        </td>
+      </tr>
+    </table>
+
+  </header>
+  <main>
+    <section id="section">
+      <table>
+        <tbody>
+          <tr height="200px">
+            <td width="400px" align="center" id="algo"><img src="img/ti-algo.jpg" alt="algo"
+                title="Algoritmos e Lógica de programação" id="algo">
+            </td>
+            <td width="900px">
+              <p>
+              <h1>Algoritmos e Lógica de Programação</h1>
+              </p>
+              <p>Antes mesmo de começarmos a desenvolver, precisamos desenvolver em nós uma capacidade analítica para
+                resolução de problemas mais apurada, de maneira que consigamos com muito menos esforço que o habitual
+                resolver problemas mais complexos. Esta capacidade analítica é comumente chamada de lógica de
+                programação quando esta é voltada para computação e algoritmos.
+              </p>
+              <p>
+                Neste curso abordaremos tudo o que você precisa aprender para desenvolver um raciocínio analítico. São
+                vídeo aulas e apostilas que mostram os principais conceitos de lógica de programação e a aplicação deles
+                em uma linguagem. Também serão passados exercícios para que você possa fixar, praticar e aplicar o
+                conteúdo aprendido.
+              </p>
+              <br>
+              <ul>
+                <h3>Você aprenderá:</h3>
+                <li>Compreensão de algoritmos básicos à complexos;</li>
+                <li>Aplicação de operadores aritméticos, lógicos e relacionais;</li>
+                <li>Desenvolvimento em Portugol (pseudocódigo);</li>
+                <li>Desenvolvimento em C;</li>
+                <li>Ordenação de dados;</li>
+              </ul>
+            </td>
+          </tr>
+          <br>
+          <tr>
+            <td colspan="2">
+              <ul>
+                <h3>Detalhes:</h3>
+                <li>Período: Noturno </li>
+                <li>Segunda a sexta - 18:00 às 22:00</li>
+                <li>Carga horária: 180 horas</li>
+                <li>Material de apoio disponibilizado em PDF</li>
+                <li>Aulas ao vivo, que serão gravadas para consulta</li>
+              </ul>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </section>
+  </main>
+  <footer id="footer">
+    <table>
+      <tr>
+        <td id="tesq"></td>
+        <td id="tmeio">
+          <address>
+            Soulcode Academy - Rua Helena. 235 - Conj 111, 11ª andar &#x02502 Vila Olímpia - São Paulo/SP - CEP
+            04552-050
+          </address>
+          <p><small><strong>2021, todos os direitos reservados.</strong></small></p>
+        </td>
+        <td id="tdir">
+          <img src="img/logosoulcode.png" alt="Logo marca SoulCode">
+        </td>
+      </tr>
+    </table>
+  </footer>
+
+  <script>
+    function popupToggle() {
+      const popup = document.getElementById('popup');
+      popup.classList.toggle('active')
+    }
+  </script>
+</body>
diff --git a/Dia 08 - Projeto - Site SoulCode/Projeto Site Entrega/Falar_em_Publico.html b/Dia 08 - Projeto - Site SoulCode/Projeto Site Entrega/Falar_em_Publico.html
@@ -0,0 +1,197 @@
+<!doctype html>
+<html lang="pt-br">
+
+<head>
+  <!-- Required meta tags -->
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description"
+    content="Uma Edtech brasileira, a Soul Code Academy, é uma escola de educação não formal e inclusão digital, de metodologia ágil , com a missão de gerar impacto social, através da capacitação tecnológica, com foco em diversidade, equalidade e empregabilidade. ">
+  <meta name="keywords"
+    content="Cursos Profissionalizantes, EAD, Adobe Photoshop, AutoCAD, UX, UI, Corel Draw, HTML, CSS, JavaScript, JQuerry, Java, Android, Redes de Computadores, Algorítimos, Lógica de Programação, Phyton, Inteligência Emocional, Gestão de Pessoas, Oratória, Gestão de tempo">
+  <meta name="author" content="Rosalyne Duarte, Lucas Silva, Giovanni Marcon, Diego Baena, Samantha Cavarzzan">
+
+  <!-- Link CSS -->
+  <link rel="stylesheet" type="text/css" href="css/stylenovo.css">
+  <link rel="stylesheet" type="text/css" href="css/menupop.css">
+
+  <!-- Link FontAwesome -->
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css"
+    integrity="sha384-vSIIfh2YWi9wW0r9iZe7RJPrKwp6bG+s9QZMoITbCckVJqGCCRhc+ccxNcdpHuYu" crossorigin="anonymous">
+
+  <!--Ícone Browser-->
+  <link rel="shortcut icon" href="img/will01.png" type="image/x-icon" />
+
+  <title>SoulCode Academy - Falar em Público</title>
+
+  <style>
+    #falarBem {
+      height: 300px;
+    }
+  </style>
+</head>
+
+<body>
+  <!--Header-->
+  <header id="header">
+    <table>
+      <tr>
+        <td id="tesq">
+          <nav class="menu">
+            <ul id="menuprincipal">
+              <li><a href="cursos.html">Nossos cursos</a></li>
+              <li><a href="equipe.html">Nossa equipe</a></li>
+              <li><a href="contato.html">Fale conosco</a></li>
+            </ul>
+
+            <button id="botaomenu" class="btn" onclick="popupToggle();">INSCREVA-SE</button>
+
+          </nav>
+          <div id="popup">
+            <div class="content">
+              <i class="fas fa-envelope-open-text"></i>
+              <h2>Faça sua Pré-inscrição!</h2>
+              <div id="formulario">
+                <form id="form">
+                  <p id=textForm1>Para confirmar sua pré inscrição, preencha os campos abaixo e não esqueça de nos
+                    enviar os seguintes documentos:
+                    <br>
+                  <ol type="I">
+                    <li>Comprovante de Endereço</li>
+                    <li>Copia da identidade e CPF</li>
+                  </ol>
+                  </p><br>
+
+                  <div class="inputBox">
+                    <input id="name" type="text" placeholder="Nome completo">
+                  </div>
+                  <div class="inputBox">
+                    <input id="email" type="email" placeholder="Email">
+                  </div>
+                  <div class="inputBox">
+                    <input id="telefone" type="telefone" pattern="^\d{2}-\d{5}-\d{4}$" type="tel" id="tel"
+                      placeholder="xx-xxxxx-xxxx">
+                  </div>
+                  <div class="inputBox">
+                    <input type="text" id="cursos" list="lista_cursos" placeholder="Selecione um curso.">
+                    <datalist id="lista_cursos">
+                      <option value="Adobe Photoshop">Adobe Photoshop</option>
+                      <option value="Algoritmos e Lógica de Programação">Algoritmos e Lógica de Programação</option>
+                      <option value="Android">Android</option>
+                      <option value="AutoCAD">AutoCAD</option>
+                      <option value="Como falar bem em Público">Como falar bem em Público</option>
+                      <option value="Corel Draw">Corel Draw</option>
+                      <option value="Gestão de Pessoas">Gestão de Pessoas</option>
+                      <option value="Gestão do Tempo">Gestão do Tempo</option>
+                      <option value="HTML/CSS">HTML/CSS</option>
+                      <option value="Inteligência Emocional">Inteligência Emocional</option>
+                      <option value="Java e Orientação a Objetos">Java e Orientação a Objetos</option>
+                      <option value="JavaScript e JQuery">JavaScript e JQuery</option>
+                      <option value="Manutenção de Computadores">Manutenção de Computadores</option>
+                      <option value="Python">Python</option>
+                      <option value="Redes de Computadores">Redes de Computadores</option>
+                      <option value="UX e UI">UX e UI</option>
+                    </datalist>
+                  </div>
+                  <div class="inputBox">
+                    <textarea id="msg" type="text" placeholder="Mensagem">Mensagem</textarea>
+                  </div>
+                  <button id="btnSend">Inscreva-se</button>
+              </div>
+        </td>
+        <td id="tmeio">
+          <div class="logo">
+            <a href="index.html"><img src="img/logosoulcode.png" alt="Logo marca SoulCode"></a>
+          </div>
+        </td>
+        <td id="tdir">
+          <div class="icons">
+            <a href="https://www.linkedin.com/company/soulcodebrasil/" target="_blank" rel="noopener noreferrer"><i
+                class="fab fa-linkedin-in"></i></a>
+            <a href="https://www.facebook.com/SoulCodeAcademy" target="_blank" rel="noopener noreferrer"><i
+                class="fab fa-facebook-f"></i></a>
+            <a href="http://www.instagram.com/soulcodeacademy" target="_blank" rel="noopener noreferrer"><i
+                class="fab fa-instagram"></i></a>
+            <a href="https://twitter.com/SoulCodeAcademy" target="_blank" rel="noopener noreferrer"><i
+                class="fab fa-twitter"></i></a>
+          </div>
+        </td>
+      </tr>
+    </table>
+
+  </header>
+
+  <!-- Lateral -->
+
+
+
+  <main>
+    <!--Content-->
+    <section id="section">
+
+      <table>
+        <tbody>
+          <tr height="200px">
+            <td width="400px" align="center" id="falarBem"><img src="img/pessoal-publico.jpg" alt="falarBem"
+                title="Falar bem em Publico" id="falarBem">
+            </td>
+            <td width="900px">
+              <p>
+              <h1>Falar bem em Público</h1>
+              </p>
+              <p>Aprender como falar em público é importante para atividades desenvolvidas em diversos segmentos da vida
+                profissional e pessoal. Mesmo quem não tem palestras e grandes apresentações na agenda acaba precisando
+                dessa habilidade em algum momento.
+
+              </p>
+              <br>
+              <ul>
+                <h3>Você aprenderá:</h3>
+                <li>Como desenvolver a habilidade para falar bem em público?</li>
+                <li>Como vencer o medo de falar em público?</li>
+                <li>O que é se comunicar em público?</li>
+                <li>Por que é importante saber como falar em público?</li>
+                <li>13 estratégias para falar bem em público</li>
+              </ul>
+            </td>
+          </tr>
+          <tr>
+            <td colspan="2">
+              <ul>
+                <h3>Detalhes:</h3>
+                <li>Período: Noturno </li>
+                <li>Segunda a sexta - 18:00 às 22:00</li>
+                <li>Carga horária: 30 horas</li>
+                <li>Material de apoio disponibilizado em PDF</li>
+                <li>Aulas ao vivo, que serão gravadas para consulta</li>
+              </ul>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+  </main>
+  <footer id="footer">
+    <table>
+      <tr>
+        <td id="tesq"></td>
+        <td id="tmeio">
+          <address>
+            Soulcode Academy - Rua Helena. 235 - Conj 111, 11ª andar &#x02502 Vila Olímpia - São Paulo/SP - CEP
+            04552-050
+          </address>
+          <p><small><strong>2021, todos os direitos reservados.</strong></small></p>
+        </td>
+        <td id="tdir">
+          <img src="img/logosoulcode.png" alt="Logo marca SoulCode">
+        </td>
+      </tr>
+    </table>
+  </footer>
+
+  <script>
+    function popupToggle() {
+      const popup = document.getElementById('popup');
+      popup.classList.toggle('active')
+    }
+  </script>
+</body>