diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..16d1983
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,8 @@
+/outros/
+/Caverna do Dragao/
+/.vscode
+/Dia 20-21 - Projeto CSS/
+/Dia 8 - Projeto - Site SoulCode/
+/ZZZ Modelo/
+teste.js
+teste.py
\ No newline at end of file
diff --git a/Dia 0 - HTML - Tags Basicas HTML/Dia 0 - Atividade 1.html b/Dia 0 - HTML - Tags Basicas HTML/Dia 0 - Atividade 1.html
new file mode 100644
index 0000000..9b121af
--- /dev/null
+++ b/Dia 0 - HTML - Tags Basicas HTML/Dia 0 - Atividade 1.html
@@ -0,0 +1,20 @@
+
+
+
+ SoulCode Academy - Dia 1 - Atividade 1
+
+
+
Giovanni Marcon - SoulCode Academy - Dia 1 - Atividade 1
+
Sentimento atual em relação ao SoulCode
+
+ Bastante empolgação para descobrir o quê está por vir.
+
+
+ Expectativas para o final das 16 semanas
+
+
+ Estar bem preparado para iniciar a carreira como desenvolvedor e também terem
+ desafiadas e expandidas minhas outras capacidades.
+
+
+
\ No newline at end of file
diff --git a/Dia 0 - HTML - Tags Basicas HTML/Dia 0 - Atividade 2.html b/Dia 0 - HTML - Tags Basicas HTML/Dia 0 - Atividade 2.html
new file mode 100644
index 0000000..6242db9
--- /dev/null
+++ b/Dia 0 - HTML - Tags Basicas HTML/Dia 0 - Atividade 2.html
@@ -0,0 +1,20 @@
+
+
+
+ SoulCode Academy - Dia 1 - Atividade 2
+
+
+
Giovanni Marcon - SoulCode Academy - Dia 1 - Atividade 2
+
Sentimento atual em relação ao SoulCode
+
+ Bastante empolgação para descobrir o quê está por vir.
+
+
+ Expectativas para o final das 16 semanas
+
+
+ Estar bem preparado para iniciar a carreira como desenvolvedor e também terem
+ desafiadas e expandidas minhas outras capacidades.
+
+
+
\ No newline at end of file
diff --git a/Dia 1 - HTML - Tags Basicas/Dia 1 - Atividade 1 - (Alterado).html b/Dia 1 - HTML - Tags Basicas/Dia 1 - Atividade 1 - (Alterado).html
new file mode 100644
index 0000000..1c78dc2
--- /dev/null
+++ b/Dia 1 - HTML - Tags Basicas/Dia 1 - Atividade 1 - (Alterado).html
@@ -0,0 +1,49 @@
+
+
+
+
+ SoulCode Brasil - Alterado
+
+
+
Pontos Turísticos em São Paulo
+
Avenida Paulista!
+
+
+ Um dos principais centros financeiros da cidade, a Avenida Paulista
+ também possui diversas opções de entretenimento. Endereço do
+ Museu de Arte de São Paulo, MASP, do Teatro Gazeta e muitos outros,
+ a região é de fácil acesso graças as diversas linhas de ônibus que
+ cruzam a avenida e a linha de metrô que passa por baixo dela.
+
+
+ A Avenida Paulista sempre é assunto. O que será que estão falando a
+ respeito na Wikipédia?
+
+
+
Os bares da Vila Madalena
+
+
+ Depois de um dia de trabalho, nada melhor do que um bom chopp, um
+ petisco e uma conversa em uma mesa de bar. Opções de sobra na região
+ das ruas Aspicuelta, Fradique Coutinho e Wisard.
+
+ Um dos cartões postais da cidade, o parque dispõe de mais de 1,5 km²
+ de área verde, lagos artificiais e pistas de cooper e ciclismo. E se
+ isso não fosse o suficiente, o parque costuma ser palco de diversos
+ eventos culturais ao longo do ano.
+
+
+
\ No newline at end of file
diff --git a/Dia 1 - HTML - Tags Basicas/Dia 1 - Atividade 1 - (Original).html b/Dia 1 - HTML - Tags Basicas/Dia 1 - Atividade 1 - (Original).html
new file mode 100644
index 0000000..afb6d17
--- /dev/null
+++ b/Dia 1 - HTML - Tags Basicas/Dia 1 - Atividade 1 - (Original).html
@@ -0,0 +1,45 @@
+
+
+
+
+ SoulCode Brasil
+
+
+
Pontos Turísticos em São Paulo
+
Avenida Paulista!
+
+ Um dos principais centros financeiros da cidade, a avenida Paulista
+ também possui diversas opções de entretenimento. Endereço do Museu
+ de Arte de São Paulo, MASP, do Teatro Gazeta e muitos outros,
+ a região é de fácil acesso graças as diversas linhas de ônibus que
+ cruzam a avenida e a linha de metrô que passa por baixo dela.
+
+
+ A Avenida Paulista sempre é assunto. O que será que estão falando a
+ respeito na Wikipédia?
+
+
Os bares da Vila Madalena
+
+ Depois de um dia de trabalho, nada melhor do que um bom chopp, um
+ petisco e uma conversa em uma mesa de bar. Opções de sobra na região
+ das ruas Aspicuelta, Fradique Coutinho e Wisard.
+
+ Um dos cartões postais da cidade, o parque dispõe de mais de 1,5 km²
+ de área verde, lagos artificiais e pistas de cooper e ciclismo. E se
+ isso não fosse o suficiente, o parque costuma ser palco de diversos
+ eventos culturais ao longo do ano.
+
+
+
\ No newline at end of file
diff --git a/Dia 1 - HTML - Tags Basicas/Dia 1 - Atividade 2.html b/Dia 1 - HTML - Tags Basicas/Dia 1 - Atividade 2.html
new file mode 100644
index 0000000..c23ba54
--- /dev/null
+++ b/Dia 1 - HTML - Tags Basicas/Dia 1 - Atividade 2.html
@@ -0,0 +1,27 @@
+
+
+
+
+
+ SoulCode Brasil - Caracteres Especiais
+
+
+
+
+
+
ℌ™𝔩
+
+
+ ⌖ℌ™𝔩 (abreviação para a ℌyperText Markup Language, que significa Linguagem de Marcação de ℌipertexto) é uma linguagem de marcação utilizada para produzir páginas na web. Documentos ℌ™𝔩 podem ser interpretados por navegadores. A tecnologia é fruto do “casamento” dos padrões ℌyTime e 𝕊𝔾𝕄𝕃.
+
+
+ ⌖ℌy𝕋ime é um padrão para a representação estruturada de hipermídia e conteúdo baseado em tempo. Um documento é visto como um conjunto de eventos concorrentes dependentes de tempo (como áudio, vídeo, etc.), conectados por hiperligações. O padrão é independente de outros padrões de processamento de texto em geral.
+
+
+ ⌖𝕊𝔾𝕄𝕃 é um padrão de formatação de textos. Não foi desenvolvido para hipertexto, mas tornou-se conveniente para transformar documentos em hiperobjetos e para descrever as ligações.
+
+
+
+
\ No newline at end of file
diff --git a/Dia 1 - HTML - Tags Basicas/Dia 1 - Atividade 3 (Minha cidade).html b/Dia 1 - HTML - Tags Basicas/Dia 1 - Atividade 3 (Minha cidade).html
new file mode 100644
index 0000000..cdd9f66
--- /dev/null
+++ b/Dia 1 - HTML - Tags Basicas/Dia 1 - Atividade 3 (Minha cidade).html
@@ -0,0 +1,98 @@
+
+
+
+
+
+
+ Atividade SoulCode Brasil - Garibaldi
+
+
+
+
+
Garibaldi
+
Informações Sócioeconômicas
+
+
População total: 35.440 (estimativa IBGE 2020)
+
População total: 34.684 (2018) sendo 15.221 (homens) e 15.468 (mulheres)
+
População urbana (2010): 27.213
+
População rural (2010): 3.476
+
Expectativa de vida ao nascer (2010): 76,35 anos
+
Taxa de analfabetismo de pessoas com 15 anos ou mais (2010): 2,65 %
+
Taxa de urbanização (2010): 90,30%
+
+
Geografia e Clima
+
+
Data da emancipação política 31 de outubro de 1900
+
N° de Eleitores 24.775 (2020)
+
Localização Encosta Superior do Nordeste - Serra Gaúcha
+
Altitude 613m
+
Clima Subtropical
+
Temperatura No verão chega a 33°C; no inverno pode chegar a -3,5°C
+
Área do município 169,2 km²
+
+
Rota dos Espumantes
+
+
+ Tudo é história e encantamento na Capital do Espumante. E é esta história e
+ a experiência de viver no limite entre a paixão e a razão que vamos encontrar
+ na Rota dos Espumantes. O bouquet do espumante exalado pelas caves e pelos
+ corredores que guardam o mosto da uva nos revigora, fazendo com que os sentidos
+ nos transportem para uma dimensão, senão divina, mágica, como é próprio para
+ apreciar esta bebida.
+
+
+ De 1913, ano em que foi elaborado o primeiro espumante brasileiro, aos dias de hoje,
+ Garibaldi vem construindo a história dos vinhos e espumantes do país.
+
+
+ Nas grandes empresas e nas cantinas familiares, o visitante poderá visitar e conhecer
+ esta história, bem como acompanhar as técnicas de elaboração charmat e champenoise,
+ participar do processo de engarrafamento e aprender a degustar a bebida.
+
+
+ Quando o monge beneditino Don Perignon, na experiência do prazer de sua descoberta
+ exclamou de estar bebendo estrelas, inaugurou o charme na história da arte de degustar.
+ E quando a cidade de Garibaldi inaugurou a Rota dos Espumantes, criou uma forma alegre e
+ sofisticada de contar histórias sobre o finesse das bebidas nobres. Assim, foi composto
+ um roteiro com 17 vinícolas, a mostrar que a relação íntima entre a alta tecnologia na
+ elaboração de espumantes e os ecos culturais dos séculos são eno-compatíveis.
+
+
+
+
\ No newline at end of file
diff --git a/Dia 10 - CSS - Conceitos basicos e fontes/D10E1 - Fontes.html b/Dia 10 - CSS - Conceitos basicos e fontes/D10E1 - Fontes.html
new file mode 100644
index 0000000..f9fbb60
--- /dev/null
+++ b/Dia 10 - CSS - Conceitos basicos e fontes/D10E1 - Fontes.html
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+ Fontes CSS
+
+
+
+
+
Texto 1
+
Texto 2
+
Texto 3
+
Texto 4
+
+
+
\ No newline at end of file
diff --git a/Dia 10 - CSS - Conceitos basicos e fontes/D10E2 - Fontes 2.html b/Dia 10 - CSS - Conceitos basicos e fontes/D10E2 - Fontes 2.html
new file mode 100644
index 0000000..ace7f3e
--- /dev/null
+++ b/Dia 10 - CSS - Conceitos basicos e fontes/D10E2 - Fontes 2.html
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+ Fontes CSS 2 - Receita de Bolo
+
+
+
+
+
Esse é um daqueles bolos
+ pra você guardar a receita no caderninho, pra te acompanhar por gerações. Um Bolo Simples Fofinho com sabor de
+ nostalgia, tigela com massa que a gente raspa e come crua e que espalha um cheirinho gostoso pela casa quando tá
+ quase pronto.
+
+
Esse bolo é uma adaptação do
+ Bolo Marmorizado, que minha mãe fazia muito pra gente na infância. Você pode acrescentar raspas de laranja ou
+ limão na massa ou mesmo finalizá-lo com uma cobertura glaceada. É aquela massa básica pra toda vez que bater
+ vontade de bolo.
+
+
+ Ingredientes: 2 xícaras farinha de trigo branca peneirada; 1 xícara amido de milho peneirada; 2 xícaras açúcar
+ refinado peneirada; 1 xícara óleo vegetal; 1 xícara leite integral; 3 ovos; 1 colher de chá essência de
+ baunilha; 1 colher de sopa fermento em pó.
+
+
Dicas preciosas para assar
+ um bolo perfeito: peneire a farinha, o amido de milho e o açúcar ANTES de medir; use xícara e colher medidora
+ padronizada; nivele os ingredientes na hora de porcionar; pré aqueça o forno, sempre; não abra o forno antes do
+ tempo completo.
+
+
+
+
\ No newline at end of file
diff --git a/Dia 10 - CSS - Conceitos basicos e fontes/D10E3 - Fontes Final.html b/Dia 10 - CSS - Conceitos basicos e fontes/D10E3 - Fontes Final.html
new file mode 100644
index 0000000..8cb4544
--- /dev/null
+++ b/Dia 10 - CSS - Conceitos basicos e fontes/D10E3 - Fontes Final.html
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
+
+
+ Fontes CSS Final - Receita de Bolo
+
+
+
+
+
+
+
+
+
+
Bolo Fofinho
+
+ Esse é um daqueles bolos pra você guardar a receita no caderninho, pra te acompanhar por gerações. Um
+ Bolo
+ Simples Fofinho com sabor de nostalgia, tigela com massa que a gente raspa e come crua e que espalha um
+ cheirinho gostoso pela casa quando tá quase pronto.
+
+
+ Esse bolo é uma adaptação do Bolo Marmorizado, que minha mãe fazia muito pra gente na infância. Você
+ pode
+ acrescentar raspas de laranja ou limão na massa ou mesmo finalizá-lo com uma cobertura glaceada. É
+ aquela massa
+ básica pra toda vez que bater vontade de bolo.
+
+
+
Ingredientes:
+
2 xícaras farinha de trigo branca peneirada
+
1 xícara amido de milho peneirada
+
2 xícaras açúcar refinado peneirada
+
1 xícara óleo vegetal
+
1 orelha de porco
+
1 xícara leite integral
+
3 ovos
+
1 colher de chá essência de baunilha
+
1 colher de sopa fermento em pó
+
+
+
+
Modo de Preparo
+
+
Pré aqueça o forno a 180 graus. Unte e enfarinhe uma forma redonda, de furo no meio
+ (usei uma forma de 22
+ cm de diâmetro).
+
Na batedeira (ou mesmo na mão), bata os ovos, o açúcar, o óleo e a essência de baunilha,
+ até virar um
+ creme esbranquiçado.
+
Misture a farinha e o amido de milho e junte aos poucos, em velocidade baixa, à mistura
+ cremosa.
+
Acrescente o leite aos poucos.
+
Desligue a batedeira (ou pare de bater) e acrescente o fermento. Mexa com uma espátula
+ apenas para
+ combinar todos os ingredientes.
+
Asse o bolo por 40
+ minutos, fazendo o
+ teste do
+ palito: saiu sequinho, tá pronto.
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 10 - CSS - Conceitos basicos e fontes/D10E3-style.css b/Dia 10 - CSS - Conceitos basicos e fontes/D10E3-style.css
new file mode 100644
index 0000000..79cc7e3
--- /dev/null
+++ b/Dia 10 - CSS - Conceitos basicos e fontes/D10E3-style.css
@@ -0,0 +1,84 @@
+/* Elementos de estruturais */
+
+body {
+ background-color: whitesmoke;
+}
+
+article {
+ background-color: skyblue;
+ width: 70%;
+ max-width: 900px;
+ min-width: 600px;
+ height: max-content;
+ margin: 3% auto;
+ padding: 5px 40px 20px 40px;
+ border-radius: 16px;
+}
+
+/* Formatação do Texto */
+
+body {
+ font-family: Verdana, Geneva, Tahoma, sans-serif;
+ text-align: justify;
+ font-size: 1.15em;
+ color: #222;
+}
+
+h1 {
+ font-family: "Times New Roman", Times, serif;
+ text-align: center;
+ text-decoration: underline;
+}
+
+h4 {
+ text-align: center;
+}
+
+p {
+ text-indent: 25px;
+}
+
+ul {
+ text-align: center;
+ background-color: beige;
+ padding: 10px 30px 30px 30px;
+ width: max-content;
+ margin: auto;
+ border-radius: 16px;
+}
+
+li {
+ list-style-type: none;
+ line-height: 1.8;
+}
+
+/* Intro */
+
+#intro {
+ line-height: 1.2;
+}
+
+/* Ingredientes */
+
+#ingredientes {
+ background-color: beige;
+}
+
+#obrigatorio {
+ color: green;
+}
+
+#opcional {
+ color: blue;
+}
+
+#tadoido {
+ color: red;
+ text-decoration: line-through;
+}
+
+/* Modo de Preparo */
+
+#modopreparo {
+ line-height: 1.4;
+}
diff --git a/Dia 10 - CSS - Conceitos basicos e fontes/normalize.css b/Dia 10 - CSS - Conceitos basicos e fontes/normalize.css
new file mode 100644
index 0000000..935ae19
--- /dev/null
+++ b/Dia 10 - CSS - Conceitos basicos e fontes/normalize.css
@@ -0,0 +1,419 @@
+/* Document
+ * ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+}
+
+/* Sections
+ * ========================================================================== */
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Edge, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ * ========================================================================== */
+
+/**
+ * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
+ */
+
+dl dl,
+dl ol,
+dl ul,
+ol dl,
+ul dl {
+ margin: 0;
+}
+
+/**
+ * Remove the margin on nested lists in Edge 18- and IE.
+ */
+
+ol ol,
+ol ul,
+ul ol,
+ul ul {
+ margin: 0;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Correct the inheritance of border color in Firefox.
+ * 3. Show the overflow in Edge 18- and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ color: inherit; /* 2 */
+ height: 0; /* 1 */
+ overflow: visible; /* 3 */
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ * ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Add the correct text decoration in Edge 18-, IE, and Safari.
+ */
+
+abbr[title] {
+ text-decoration: underline;
+ text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/* Embedded content
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images within links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Tabular data
+ * ========================================================================== */
+
+/**
+ * 1. Correct table border color inheritance in all Chrome, Edge, and Safari.
+ * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
+ */
+
+table {
+ border-color: inherit; /* 1 */
+ text-indent: 0; /* 2 */
+}
+
+/* Forms
+ * ========================================================================== */
+
+/**
+ * Remove the margin on controls in Safari.
+ */
+
+button,
+input,
+select {
+ margin: 0;
+}
+
+/**
+ * 1. Show the overflow in IE.
+ * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
+ */
+
+button {
+ overflow: visible; /* 1 */
+ text-transform: none; /* 2 */
+}
+
+/**
+ * Correct the inability to style buttons in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Show the overflow in Edge 18- and IE.
+ */
+
+input {
+ overflow: visible;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge 18- and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in Edge 18- and IE.
+ * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Remove the margin in Firefox and Safari.
+ * 2. Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ margin: 0; /* 1 */
+ overflow: auto; /* 2 */
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome, Edge, and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * Remove the inner padding in Chrome, Edge, and Safari on macOS.
+ */
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style upload buttons in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding of focus outlines in Firefox.
+ */
+
+::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus outline styles unset by the previous rule in Firefox.
+ */
+
+:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Remove the additional :invalid styles in Firefox.
+ */
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/* Interactive
+ * ========================================================================== */
+
+/*
+ * Add the correct display in Edge 18- and IE.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct styles in Edge 18-, IE, and Safari.
+ */
+
+dialog {
+ background-color: white;
+ border: solid;
+ color: black;
+ display: block;
+ height: -moz-fit-content;
+ height: -webkit-fit-content;
+ height: fit-content;
+ left: 0;
+ margin: auto;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ width: -moz-fit-content;
+ width: -webkit-fit-content;
+ width: fit-content;
+}
+
+dialog:not([open]) {
+ display: none;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* User interaction
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/Dia 11 - CSS - Cores e Box Model/D11E1 - Cores.html b/Dia 11 - CSS - Cores e Box Model/D11E1 - Cores.html
new file mode 100644
index 0000000..3d598a2
--- /dev/null
+++ b/Dia 11 - CSS - Cores e Box Model/D11E1 - Cores.html
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
+ Cores em CSS
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 11 - CSS - Cores e Box Model/D11E2 - Box Model copy.html b/Dia 11 - CSS - Cores e Box Model/D11E2 - Box Model copy.html
new file mode 100644
index 0000000..afd8f61
--- /dev/null
+++ b/Dia 11 - CSS - Cores e Box Model/D11E2 - Box Model copy.html
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+ Box Model e Bordas
+
+
+
+
+
Desenvolvimento Web
+
HTML
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident esse, eaque quisquam laborum consequuntur
+ ducimus, itaque distinctio ipsum animi voluptates optio fugiat sunt. Quo aperiam quos commodi
+ repellat?
+
+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Veritatis repellat quisquam, doloribus iure
+ in recusandae veniam adipisci earum error autem laborum saepe reprehenderit odit pariatur eligendi omnis
+ molestias quaerat dolor.
+
+ Mais Sobre
+
+
+
+
\ No newline at end of file
diff --git a/Dia 11 - CSS - Cores e Box Model/Giovanni e Aruhan - Estados.html b/Dia 11 - CSS - Cores e Box Model/Giovanni e Aruhan - Estados.html
new file mode 100644
index 0000000..86f8ef6
--- /dev/null
+++ b/Dia 11 - CSS - Cores e Box Model/Giovanni e Aruhan - Estados.html
@@ -0,0 +1,341 @@
+
+
+
+
+
+
+
+ Estados do Brasil
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Região Centro-Oeste
+
+
+
Distrito Federal
+
+
Brasília: A capital está localizada na região Centro-Oeste do país, ao longo da
+ região geográfica conhecida como Planalto Central. A capital brasileira é a maior cidade do
+ mundo
+ construída no século XX.
+
+
+
+
Goias
+
+
Goiânia: Localizada no centro do seu estado, foi planejada e construída para
+ ser a
+ capital política e administrativa de Goiás sob influência da Marcha para o Oeste, política
+ desenvolvida pelo governo Vargas para acelerar
+ o desenvolvimento e incentivar a ocupação do Centro-Oeste brasileiro.
+
+
+
+
Mato Grosso
+
+
Cuiabá: Fundado em 1719 por Pascoal Moreira Cabral e descoberto por Miguel
+ Sutil,
+ ambos bandeirantes nascidos na cidade de Sorocaba, São Paulo, ficou praticamente estagnada desde
+ o
+ fim das jazidas de ouro até o início
+ do século XX.
+
+
+
+
+
+
Mato Grosso do Sul
+
+
Campo Grande Reduto histórico de divisionistas entre o sul e o norte, Campo
+ Grande
+ foi fundada por mineiros, que vieram aproveitar os campos de pastagens nativas e as águas
+ cristalinas da região dos cerrados.
+
+
+
+
+
+
Região Nordeste
+
+
+
Alagoas
+
+
Maceió: Ocupa uma área de 509,5 km², estando distante 2 013 quilômetros de
+ Brasília. É o município mais populoso de Alagoas, e sua população em 2017, é de 1 012 387
+ habitantes, sendo a décima quarta capital brasileira
+ a ultrapassar a marca de um milhão de habitantes residentes, e a quinta do Nordeste.
+
+
+
+
Bahia
+
+
Salvador: Primeira sede da administração colonial portuguesa do Brasil, a
+ cidade é
+ uma das mais antigas da América e uma das primeiras cidades planejadas no mundo, ainda no
+ período do
+ Renascimento. Sua fundação em 1549
+ por Tomé de Sousa ocorreu por conta da implantação do Governo-Geral do Brasil pelo Império
+ Português.
+
+
+
+
+
Ceará
+
+
Fortaleza: Fortaleza foi em 2019 a nona cidade mais rica do país em PIB e a 1ª
+ mais
+ rica do Nordeste, com 67 bilhões de reais. Possui, ainda, a terceira região metropolitana mais
+ rica
+ das regiões Norte e Nordeste. É importante
+ centro industrial e comercial do Brasil, com o oitavo maior poder de compra municipal da nação.
+
+
+
+
+
+
Maranhão
+
+
São Luiz: É a única cidade brasileira fundada por franceses, no dia 8 de
+ setembro
+ de 1612, posteriormente invadida por holandeses e por fim colonizada pelos portugueses.
+ Localiza-se
+ na ilha de Upaon-Açu no Atlântico Sul,
+ entre as baías de São Marcos e São José de Ribamar, no Golfão Maranhense.
+
+
+
+
Paraíba
+
+
João Pessoa: Fundada em 5 de agosto de 1585 com o nome de Cidade Real de Nossa
+ Senhora das Neves, João Pessoa é considerada a terceira cidade mais antiga do Brasil, tendo sido
+ fundada pela Cúpula da Fazenda Real.
+
+
+
+
Pernambuco
+
+
Recife: O Recife é a metrópole mais rica do Norte-Nordeste e sétima do Brasil,
+ articulando, em sua região geográfica intermediária, 71 cidades, que somam um PIB de 135 bilhões
+ de
+ reais.
+
+
+
+
+
+
+
+
Piauí
+
+
Teresina: Teresina é um município brasileiro, capital do estado do Piauí e a
+ única
+ capital da Região Nordeste que não se localiza no litoral, distando 343 km do Oceano Atlântico.
+ Com
+ uma população estimada em 868 075 habitantes
+ em 2020, é a cidade mais populosa do Piauí.
+
+
+
+
Rio Grande do Norte
+
+
Natal Fundada em 1599, às margens do Rio Potenji, a cidade conta com
+ importantes
+ monumentos, parques e museus e pontos turísticos, como o Teatro Alberto Maranhão e a Coluna
+ Capitolina, no Centro Histórico, além de outras
+ atrações, entre elas a Ponte Newton Navarro, o Museu Câmara Cascudo, o Parque da Cidade Dom
+ Nivaldo
+ Monte etc.
+
+
+
+
Sergipe
+
+
Aracaju Aracaju é um município brasileiro, capital do estado de Sergipe.
+ Localiza-se no leste do estado, sendo cortada por rios como o Sergipe e o Poxim. De acordo com a
+ estimativa de 2017, sua população é de 648 939 habitantes.
+ Somando-se as populações dos municípios que formam a Grande Aracaju, Barra dos Coqueiros, Nossa
+ Senhora do Socorro e São Cristóvão
+
+
+
+
+
+
Região Norte
+
+
+
Acre
+
+
Rio Branco: é um município brasileiro, capital do estado do Acre, na Região
+ Norte
+ do país e principal centro financeiro, corporativo, político e cultural do estado. Sendo a
+ capital
+ mais ocidental do Brasil, a 3 030 quilômetros
+ de distância de Brasília, capital federal, Rio Branco localiza-se às margens do Rio Acre.
+
+
+
+
Amapá
+
+
Macapá: Situa-se no sudeste do estado e é a única capital estadual brasileira
+ que
+ não possui interligação por rodovia a outras capitais. Além disso, é a única cortada pela linha
+ do
+ Equador e que se localiza no litoral
+ do rio Amazonas, distando 1.791 quilômetros de Brasília.
+
+
+
+
Amazonas
+
+
Manaus Localizada no centro da maior floresta tropical do mundo, Manaus é um
+ dos
+ maiores destinos turísticos no Brasil e também a cidade mais influente da Amazônia Ocidental,
+ onde
+ exerce um impacto significativo sobre
+ o comércio, educação, finanças, indústria, mídia, pesquisas, poder militar, tecnologia e
+ entretenimento de toda a região.
+
+
+
+
+
+
Pará
+
+
Belém: Uma cidade histórica e portuária, localizada na Amazônia Oriental, ao
+ extremo nordeste da maior floresta tropical do mundo. É a capital mais chuvosa do Brasil.
+
+
+
+
Rondônia
+
+
Porto Velho: Porto Velho é a mais extensa capital estadual do país, sendo maior
+ até
+ mesmo que dois estados brasileiros (Alagoas e Sergipe), além de superar países inteiros como
+ Bélgica
+ e Israel.
+
+
+
+
Roraima
+
+
Boa Vista Boa Vista é um município brasileiro e capital do estado de Roraima,
+ Região Norte do país. Concentrando cerca de dois terços dos habitantes do estado, situa-se na
+ margem
+ direita do rio Branco. Sua população, de
+ acordo com estimativas do Instituto Brasileiro de Geografia e Estatística (IBGE), era de 419 652
+ habitantes em 2020.
+
+
+
+
+
+
Tocantins
+
+
Palmas A partir daí, a cidade começou a ser construída pelos trabalhadores que
+ vieram do interior do Tocantins e de vários outros estados do país. Entretanto, somente a partir
+ do
+ dia 1° de janeiro de 1990, é que Palmas
+ passou a ser a capital definitiva do estado, já que antes a cidade ainda não possuía condições
+ físicas de sediar o governo estadual, que estava alocado temporariamente no município vizinho de
+ Miracema do Tocantins.
+
+
+
+
+
+
Região Sudeste
+
+
+
Espírito Santo
+
+
Vitória: É uma das três capitais do país cujo centro administrativo e a maior
+ parte
+ do município estão localizados em uma ilha, no caso, a Ilha de Vitória. A cidade tem o 5.º
+ melhor
+ índice de desenvolvimento humano (IDH)
+ entre todos os municípios brasileiros.
+
+
+
+
Minas Gerais
+
+
Belo Horizonte: Cercada pela Serra do Curral, que lhe serve de moldura natural
+ e
+ referência histórica, foi planejada e construída para ser a capital política e administrativa do
+ estado mineiro sob influência das ideias
+ do positivismo.
+
+
+
+
Rio de Janeiro
+
+
Rio de Janeiro: Rio de Janeiro (frequentemente referida simplesmente como Rio)
+ é um município brasileiro, capital do estado homônimo, situado no Sudeste do país. Maior
+ destino turístico internacional no Brasil.
+
+
+
+
+
+
São Paulo
+
+
São Paulo São Paulo é a cidade brasileira mais influente no cenário global,
+ sendo,
+ em 2016, a 11. cidade mais globalizada do planeta, recebendo a classificação de cidade global
+ alfa,
+ por parte do Globalization and
+ World Cities Study Group & Network (GaWC).
+
+
+
+
+
+
Região Sul
+
+
+
Paraná
+
+
Curitiba: Curitiba experimentou diversos planos urbanísticos e legislações que
+ visavam controlar seu crescimento, que a levaram a ficar famosa internacionalmente pelas suas
+ inovações urbanísticas e cuidado com o meio ambiente.
+
+
+
+
Rio Grande do Sul
+
+
Porto Alegre A cidade se constituiu a partir da chegada de casais açorianos em
+ meados do século XVIII. No século XIX contou com o influxo de muitos imigrantes alemães e
+ italianos,
+ recebendo também espanhóis, africanos,
+ poloneses e libaneses. Sede da maior concentração urbana da região Sul e quinta mais populosa do
+ Brasil.
+
+
+
+
Santa Catarina
+
+
Florianópolis A cidade tem uma população de 500 973 habitantes, de acordo com
+ estimativas para 2019 do Instituto Brasileiro de Geografia e Estatística (IBGE). É o segundo
+ município mais populoso do estado (após Joinville)
+ e o 48º do Brasil.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 11 - CSS - Cores e Box Model/Igor.zip b/Dia 11 - CSS - Cores e Box Model/Igor.zip
new file mode 100644
index 0000000..9727b26
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/Igor.zip differ
diff --git a/Dia 11 - CSS - Cores e Box Model/Will.zip b/Dia 11 - CSS - Cores e Box Model/Will.zip
new file mode 100644
index 0000000..0973d60
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/Will.zip differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/acre.jpg b/Dia 11 - CSS - Cores e Box Model/img/acre.jpg
new file mode 100644
index 0000000..b9dc7ed
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/acre.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/alagoas.jpg b/Dia 11 - CSS - Cores e Box Model/img/alagoas.jpg
new file mode 100644
index 0000000..90278c9
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/alagoas.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/amapa.jpg b/Dia 11 - CSS - Cores e Box Model/img/amapa.jpg
new file mode 100644
index 0000000..bf47f6e
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/amapa.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/amazonas.jpg b/Dia 11 - CSS - Cores e Box Model/img/amazonas.jpg
new file mode 100644
index 0000000..df4a0d4
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/amazonas.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/aracaju.jpg b/Dia 11 - CSS - Cores e Box Model/img/aracaju.jpg
new file mode 100644
index 0000000..be5706d
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/aracaju.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/bahia.jpg b/Dia 11 - CSS - Cores e Box Model/img/bahia.jpg
new file mode 100644
index 0000000..97889fd
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/bahia.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/ceara.jpg b/Dia 11 - CSS - Cores e Box Model/img/ceara.jpg
new file mode 100644
index 0000000..fb5333d
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/ceara.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/distritofederal.jpg b/Dia 11 - CSS - Cores e Box Model/img/distritofederal.jpg
new file mode 100644
index 0000000..4e7e2e1
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/distritofederal.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/espiritosanto.jpg b/Dia 11 - CSS - Cores e Box Model/img/espiritosanto.jpg
new file mode 100644
index 0000000..bcfebe7
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/espiritosanto.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/goias.jpg b/Dia 11 - CSS - Cores e Box Model/img/goias.jpg
new file mode 100644
index 0000000..b1c72d8
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/goias.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/mapabrasil.jpg b/Dia 11 - CSS - Cores e Box Model/img/mapabrasil.jpg
new file mode 100644
index 0000000..8300902
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/mapabrasil.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/maranhao.jpg b/Dia 11 - CSS - Cores e Box Model/img/maranhao.jpg
new file mode 100644
index 0000000..7411aac
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/maranhao.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/matogrosso.jpg b/Dia 11 - CSS - Cores e Box Model/img/matogrosso.jpg
new file mode 100644
index 0000000..f16b2cf
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/matogrosso.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/matogrossodosul.jpg b/Dia 11 - CSS - Cores e Box Model/img/matogrossodosul.jpg
new file mode 100644
index 0000000..18087dc
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/matogrossodosul.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/minasgerais.jpg b/Dia 11 - CSS - Cores e Box Model/img/minasgerais.jpg
new file mode 100644
index 0000000..7aaed7f
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/minasgerais.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/para.jpg b/Dia 11 - CSS - Cores e Box Model/img/para.jpg
new file mode 100644
index 0000000..b36d98e
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/para.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/paraiba.jpg b/Dia 11 - CSS - Cores e Box Model/img/paraiba.jpg
new file mode 100644
index 0000000..71c317e
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/paraiba.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/parana.jpg b/Dia 11 - CSS - Cores e Box Model/img/parana.jpg
new file mode 100644
index 0000000..ad7365e
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/parana.jpg differ
diff --git "a/Dia 11 - CSS - Cores e Box Model/img/paran\303\241.jpg" "b/Dia 11 - CSS - Cores e Box Model/img/paran\303\241.jpg"
new file mode 100644
index 0000000..1439d39
Binary files /dev/null and "b/Dia 11 - CSS - Cores e Box Model/img/paran\303\241.jpg" differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/pernambuco.jpg b/Dia 11 - CSS - Cores e Box Model/img/pernambuco.jpg
new file mode 100644
index 0000000..da57d7a
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/pernambuco.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/piaui.jpeg b/Dia 11 - CSS - Cores e Box Model/img/piaui.jpeg
new file mode 100644
index 0000000..41a99a0
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/piaui.jpeg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/riodejaneiro.jpg b/Dia 11 - CSS - Cores e Box Model/img/riodejaneiro.jpg
new file mode 100644
index 0000000..3a95632
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/riodejaneiro.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/riograndedonorte.jpg b/Dia 11 - CSS - Cores e Box Model/img/riograndedonorte.jpg
new file mode 100644
index 0000000..23928b1
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/riograndedonorte.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/riograndedosul.jpg b/Dia 11 - CSS - Cores e Box Model/img/riograndedosul.jpg
new file mode 100644
index 0000000..a598cb4
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/riograndedosul.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/rondonia.jpg b/Dia 11 - CSS - Cores e Box Model/img/rondonia.jpg
new file mode 100644
index 0000000..2669fbd
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/rondonia.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/roraima.jpg b/Dia 11 - CSS - Cores e Box Model/img/roraima.jpg
new file mode 100644
index 0000000..1332fae
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/roraima.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/santacatarina.jpg b/Dia 11 - CSS - Cores e Box Model/img/santacatarina.jpg
new file mode 100644
index 0000000..e7cce70
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/santacatarina.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/saopaulo.jpg b/Dia 11 - CSS - Cores e Box Model/img/saopaulo.jpg
new file mode 100644
index 0000000..5a62b40
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/saopaulo.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/img/tocantins.jpg b/Dia 11 - CSS - Cores e Box Model/img/tocantins.jpg
new file mode 100644
index 0000000..45558e4
Binary files /dev/null and b/Dia 11 - CSS - Cores e Box Model/img/tocantins.jpg differ
diff --git a/Dia 11 - CSS - Cores e Box Model/normalize.css b/Dia 11 - CSS - Cores e Box Model/normalize.css
new file mode 100644
index 0000000..935ae19
--- /dev/null
+++ b/Dia 11 - CSS - Cores e Box Model/normalize.css
@@ -0,0 +1,419 @@
+/* Document
+ * ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+}
+
+/* Sections
+ * ========================================================================== */
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Edge, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ * ========================================================================== */
+
+/**
+ * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
+ */
+
+dl dl,
+dl ol,
+dl ul,
+ol dl,
+ul dl {
+ margin: 0;
+}
+
+/**
+ * Remove the margin on nested lists in Edge 18- and IE.
+ */
+
+ol ol,
+ol ul,
+ul ol,
+ul ul {
+ margin: 0;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Correct the inheritance of border color in Firefox.
+ * 3. Show the overflow in Edge 18- and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ color: inherit; /* 2 */
+ height: 0; /* 1 */
+ overflow: visible; /* 3 */
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ * ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Add the correct text decoration in Edge 18-, IE, and Safari.
+ */
+
+abbr[title] {
+ text-decoration: underline;
+ text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/* Embedded content
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images within links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Tabular data
+ * ========================================================================== */
+
+/**
+ * 1. Correct table border color inheritance in all Chrome, Edge, and Safari.
+ * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
+ */
+
+table {
+ border-color: inherit; /* 1 */
+ text-indent: 0; /* 2 */
+}
+
+/* Forms
+ * ========================================================================== */
+
+/**
+ * Remove the margin on controls in Safari.
+ */
+
+button,
+input,
+select {
+ margin: 0;
+}
+
+/**
+ * 1. Show the overflow in IE.
+ * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
+ */
+
+button {
+ overflow: visible; /* 1 */
+ text-transform: none; /* 2 */
+}
+
+/**
+ * Correct the inability to style buttons in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Show the overflow in Edge 18- and IE.
+ */
+
+input {
+ overflow: visible;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge 18- and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in Edge 18- and IE.
+ * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Remove the margin in Firefox and Safari.
+ * 2. Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ margin: 0; /* 1 */
+ overflow: auto; /* 2 */
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome, Edge, and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * Remove the inner padding in Chrome, Edge, and Safari on macOS.
+ */
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style upload buttons in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding of focus outlines in Firefox.
+ */
+
+::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus outline styles unset by the previous rule in Firefox.
+ */
+
+:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Remove the additional :invalid styles in Firefox.
+ */
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/* Interactive
+ * ========================================================================== */
+
+/*
+ * Add the correct display in Edge 18- and IE.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct styles in Edge 18-, IE, and Safari.
+ */
+
+dialog {
+ background-color: white;
+ border: solid;
+ color: black;
+ display: block;
+ height: -moz-fit-content;
+ height: -webkit-fit-content;
+ height: fit-content;
+ left: 0;
+ margin: auto;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ width: -moz-fit-content;
+ width: -webkit-fit-content;
+ width: fit-content;
+}
+
+dialog:not([open]) {
+ display: none;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* User interaction
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/Dia 11 - CSS - Cores e Box Model/style.css b/Dia 11 - CSS - Cores e Box Model/style.css
new file mode 100644
index 0000000..c73fb4a
--- /dev/null
+++ b/Dia 11 - CSS - Cores e Box Model/style.css
@@ -0,0 +1,172 @@
+/* ----------- Estrutura -------------- */
+
+::selection {
+ background-color: transparent;
+}
+
+body {
+ background-image: url(img/mapabrasil.jpg);
+ background-attachment: fixed;
+ background-repeat: no-repeat;
+ background-size: 10%;
+ background-position: 3% 50px;
+ background-color: whitesmoke;
+}
+
+main {
+ padding-top: 45px;
+ margin: 50px 5% 50px 15%;
+ /* Coloca o corpo do doc no meio e limita o tamanho mínimo dele*/
+ width: 80%;
+ min-width: 950px;
+ max-width: 1600px;
+}
+
+div {
+ padding: 12px;
+ margin: auto;
+ background-color: silver;
+ border-radius: 16px;
+ text-align: center;
+}
+
+/* header */
+
+header {
+ margin: -30px 5% 0px 14.5%;
+ padding: 15px 5px 15px 5px;
+ /* Coloca o corpo do doc no meio e limita o tamanho mínimo dele*/
+ background-color: gray;
+ height: 45px;
+ width: 79%;
+ min-width: 950px;
+ max-width: 1600px;
+ border-radius: 12px;
+ /* alinha os itens internamente */
+ display: flex;
+ justify-content: space-around;
+ /* Deixa fixo em cima por cima dos outros elementos */
+ position: fixed;
+ z-index: 1;
+ box-shadow: 5px 5px 4px rgb(76, 77, 78);
+}
+
+.botao {
+ width: 20vh;
+ border-radius: 8px;
+ min-height: 45px;
+ min-width: 100px;
+ font-size: 1.3em;
+ font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
+}
+
+/* Move as ancoras pra cima para nao ir atrás do menu */
+
+.ancora {
+ position: relative;
+ top: -155px;
+}
+
+/* Contem as linhas de 3 */
+
+div.regiao {
+ padding: 25px;
+ margin: 30px 0px;
+}
+
+/* Contem 3 artigos */
+
+div.linhade3 {
+ padding: 0px;
+ /* Faz com que o conteúdo interno ocupe o espaço disponível */
+ display: flex;
+}
+
+/* ------------ Cartões --------------- */
+
+h1 {
+ margin-top: 2px;
+}
+
+/* O article é cada cartãozinho que tem o conteúdo dentro */
+
+article {
+ margin: 12px;
+ min-height: 50px;
+ width: 30%;
+ background-color: lightgray;
+ border-radius: 8px;
+ text-align: justify;
+ vertical-align: auto;
+ padding: 14px;
+}
+
+article img {
+ max-width: 40%;
+ padding-top: 2px;
+ border-radius: 8px;
+ float: left;
+ /* ALinha melhor a altura da imagem com o texto */
+ margin: 0px 8px 0px 0px;
+}
+
+article h4 {
+ font-size: 1.6em;
+ text-align: center;
+ margin: 0px 0px 10px 0px;
+}
+
+article p {
+ font-size: 1.1em;
+ margin: 0px;
+ text-align: justify;
+}
+
+/* sombras coloridas */
+
+#centrooestediv,
+#centrooestediv article {
+ box-shadow: 5px 5px lightgreen;
+}
+
+#nortediv,
+#nortediv article {
+ box-shadow: 5px 5px orange;
+}
+
+#nordestediv,
+#nordestediv article {
+ box-shadow: 5px 5px darkgreen;
+}
+
+#sudestediv,
+#sudestediv article {
+ box-shadow: 5px 5px yellow;
+}
+
+#suldiv,
+#suldiv article {
+ box-shadow: 5px 5px blue;
+}
+
+/* troca borda */
+
+#centrooestediv article:active {
+ box-shadow: inset 5px 5px lightgreen;
+}
+
+#nortediv article:active {
+ box-shadow: inset 5px 5px orange;
+}
+
+#nordestediv article:active {
+ box-shadow: inset 5px 5px darkgreen;
+}
+
+#sudestediv article:active {
+ box-shadow: inset 5px 5px yellow;
+}
+
+#suldiv article:active {
+ box-shadow: inset 5px 5px blue;
+}
diff --git a/Dia 12 - CSS - Gradientes/D12E1 - Gradientes.html b/Dia 12 - CSS - Gradientes/D12E1 - Gradientes.html
new file mode 100644
index 0000000..6e22372
--- /dev/null
+++ b/Dia 12 - CSS - Gradientes/D12E1 - Gradientes.html
@@ -0,0 +1,141 @@
+
+
+
+
+
+
+ Exercícios Gradiente
+
+
+
+
+
+
+
+
+
+
+
Usando um gradiente linear,de baixo para cima e da cor verde para a azul.
+
Usando um gradiente radial que vai do amarelo para o rosa, começando na esquerda e com
+ ponto médio a 75%.
+
+
+
Usando um gradiente linear,da direita para esquerda e da cor vermelha para a
+ verde.
+
+
Usando um gradiente radial que vai do cyano para o azul, começando no topo e com ponto
+ médio a 50%.
+
+
+
Usando um gradiente linear,de cima para baixo e da cor vermelha para a azul.
+
Usando um gradiente radial que vai do cyano para o rosa, começando da esquerda e com
+ ponto médio a 75%.
+
+
+
Usando um gradiente linear,da esquerda para direita e da cor verde para a azul.
+
+
Usando um gradiente radial que vai do cyano para o amarelo, começando em baixo e com
+ ponto
+ médio a 50%.
+
+
+
Usando um gradiente linear,de baixo para cima e da cor vermelha para a azul.
+
Usando um gradiente radial que vai do cyano para o rosa, começando no centro e com ponto
+ médio a 50%.
+
+
+
Usando um gradiente linear,da direita para esquerda e da cor magenta para a
+ azul.
+
Usando um gradiente radial que vai do verde para o amarelo, começando no centro e com
+ ponto médio a 50%.
trabalhando juntos para manter a Internet viva e acessível, para que as pessoas em todo o mundo possam ser
+ colaboradores
+ e criadores informados da Web. Acreditamos que esse ato de colaboração humana em uma plataforma aberta é
+ essencial para o
+ crescimento individual e nosso futuro coletivo.
+
+
Leia o Mozilla Manifesto para aprender ainda mais
+ sobre os
+ valores e princípios que orientam a busca de nossa missão.
+
+
+
\ No newline at end of file
diff --git a/Dia 13 - CSS - Seletores e Heranca/D13E2 - Layout c Divs.html b/Dia 13 - CSS - Seletores e Heranca/D13E2 - Layout c Divs.html
new file mode 100644
index 0000000..98445c2
--- /dev/null
+++ b/Dia 13 - CSS - Seletores e Heranca/D13E2 - Layout c Divs.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+ Layouts com css
+
+
+
+
+
+
+
+ Header
+
+
+
Painel
+
+
Destaque 2
+
Destaque 1
+
Noticias
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/D13E3 - Minisite.zip b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/D13E3 - Minisite.zip
new file mode 100644
index 0000000..03efc1a
Binary files /dev/null and b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/D13E3 - Minisite.zip differ
diff --git a/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/css/normalize.css b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/css/normalize.css
new file mode 100644
index 0000000..935ae19
--- /dev/null
+++ b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/css/normalize.css
@@ -0,0 +1,419 @@
+/* Document
+ * ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+}
+
+/* Sections
+ * ========================================================================== */
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Edge, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ * ========================================================================== */
+
+/**
+ * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
+ */
+
+dl dl,
+dl ol,
+dl ul,
+ol dl,
+ul dl {
+ margin: 0;
+}
+
+/**
+ * Remove the margin on nested lists in Edge 18- and IE.
+ */
+
+ol ol,
+ol ul,
+ul ol,
+ul ul {
+ margin: 0;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Correct the inheritance of border color in Firefox.
+ * 3. Show the overflow in Edge 18- and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ color: inherit; /* 2 */
+ height: 0; /* 1 */
+ overflow: visible; /* 3 */
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ * ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Add the correct text decoration in Edge 18-, IE, and Safari.
+ */
+
+abbr[title] {
+ text-decoration: underline;
+ text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/* Embedded content
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images within links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Tabular data
+ * ========================================================================== */
+
+/**
+ * 1. Correct table border color inheritance in all Chrome, Edge, and Safari.
+ * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
+ */
+
+table {
+ border-color: inherit; /* 1 */
+ text-indent: 0; /* 2 */
+}
+
+/* Forms
+ * ========================================================================== */
+
+/**
+ * Remove the margin on controls in Safari.
+ */
+
+button,
+input,
+select {
+ margin: 0;
+}
+
+/**
+ * 1. Show the overflow in IE.
+ * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
+ */
+
+button {
+ overflow: visible; /* 1 */
+ text-transform: none; /* 2 */
+}
+
+/**
+ * Correct the inability to style buttons in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Show the overflow in Edge 18- and IE.
+ */
+
+input {
+ overflow: visible;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge 18- and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in Edge 18- and IE.
+ * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Remove the margin in Firefox and Safari.
+ * 2. Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ margin: 0; /* 1 */
+ overflow: auto; /* 2 */
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome, Edge, and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * Remove the inner padding in Chrome, Edge, and Safari on macOS.
+ */
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style upload buttons in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding of focus outlines in Firefox.
+ */
+
+::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus outline styles unset by the previous rule in Firefox.
+ */
+
+:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Remove the additional :invalid styles in Firefox.
+ */
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/* Interactive
+ * ========================================================================== */
+
+/*
+ * Add the correct display in Edge 18- and IE.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct styles in Edge 18-, IE, and Safari.
+ */
+
+dialog {
+ background-color: white;
+ border: solid;
+ color: black;
+ display: block;
+ height: -moz-fit-content;
+ height: -webkit-fit-content;
+ height: fit-content;
+ left: 0;
+ margin: auto;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ width: -moz-fit-content;
+ width: -webkit-fit-content;
+ width: fit-content;
+}
+
+dialog:not([open]) {
+ display: none;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* User interaction
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/css/style.css b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/css/style.css
new file mode 100644
index 0000000..1a0efbd
--- /dev/null
+++ b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/css/style.css
@@ -0,0 +1,234 @@
+body {
+ background: linear-gradient(to bottom, rgb(19, 202, 248), rgb(21, 151, 199));
+ background-repeat: no-repeat;
+ background-color: rgb(21, 151, 199);
+ font-family: Arial, Helvetica, sans-serif;
+ height: 97vh;
+}
+
+/* Para cima do quadro */
+
+header {
+ background-color: transparent;
+ background-image: url(../img/logo_gif.gif);
+ background-size: auto 116px;
+ background-repeat: no-repeat;
+ margin: auto;
+ width: 678px;
+ height: 116px;
+}
+
+/* Barra de menu */
+
+nav {
+ background-color: black;
+ background-image: url(../img/menu.gif);
+ background-size: auto 25px;
+ height: 25px;
+ color: whitesmoke;
+ font-variant: small-caps;
+ font-weight: bold;
+ font-size: 18px;
+}
+
+nav ul {
+ list-style-type: none;
+ margin: 0px 0px 0px -25px;
+}
+
+nav ul li {
+ margin-top: 2px;
+ position: relative;
+ float: left;
+ background-image: url(../img/toal.gif); /*Não parece ser exatamente essa imagem*/
+ background-repeat: no-repeat;
+ background-position: right;
+}
+
+nav ul li:hover {
+ color: rgb(99, 187, 51);
+ cursor: pointer;
+}
+
+/* Dentro do quadrado */
+
+main {
+ margin: auto;
+ width: 678px;
+ background-color: whitesmoke;
+ border: 1px solid black;
+ padding: 0px;
+ box-shadow: 0px 0px 4px black;
+}
+
+/* Parte do olho */
+
+#painel {
+ background-color: #e6e6e6;
+ margin: auto;
+ background-image: url(../img/img_edito.gif);
+ background-repeat: no-repeat;
+ background-position: right;
+ height: 160px;
+ padding-left: 15px;
+}
+
+h1 {
+ color: rgb(99, 187, 51);
+ font-variant: small-caps;
+ font-size: 16px;
+ padding: 20px 0px 7px 0px;
+}
+
+#painel p {
+ width: 400px;
+ height: 50px;
+ font-size: 10px;
+}
+
+#painel button {
+ width: 150px;
+ height: 25px;
+ margin-left: 264px;
+ border: none;
+ background-image: url(../img/large_button.gif);
+ font-variant: small-caps;
+ font-weight: bold;
+ font-size: 16px;
+ color: #e6e6e6;
+ padding-bottom: 2px;
+}
+
+#painel button:hover {
+ color: black;
+ cursor: pointer;
+}
+
+/* Divisor */
+
+#divisorh {
+ background-color: black;
+ background-image: url(../img/toal.gif);
+ background-size: auto 16px;
+ height: 16px;
+ /* box-shadow: 0px 0px 1px black; */
+}
+
+/* Parte dos 3 quadros */
+
+#mainbaixo {
+ margin: auto;
+ background-color: #e6e6e6;
+}
+
+#mainbaixo div {
+ float: left;
+ height: 210px;
+ margin-top: 5px;
+ margin-bottom: 5px;
+ font-size: 12px;
+}
+
+/* Inicio tipografia inferior */
+
+#mainbaixo h2 {
+ color: rgb(0, 140, 255);
+ font-size: 14px;
+ font-variant: small-caps;
+ padding: 0px 0px 0px 10px;
+}
+
+#mainbaixo h3 {
+ color: rgb(99, 187, 51);
+ font-size: 11px;
+ padding: 0px 0px 0px 10px;
+}
+
+#mainbaixo p {
+ font-size: 10.5px;
+ padding: 0px 0px 0px 10px;
+}
+
+#mainbaixo a {
+ text-decoration: none;
+ color: black;
+}
+
+#mainbaixo a:hover {
+ text-decoration: underline;
+}
+
+#mainbaixo time {
+ color: rgb(99, 187, 51);
+ font-size: 12px;
+ font-weight: bold;
+}
+
+#mainbaixo ul {
+ margin-top: -3px;
+ font-weight: 600;
+}
+
+#mainbaixo ul li {
+ line-height: 17px;
+ margin-left: -15px;
+}
+
+#mainbaixo ul li a {
+ color: rgb(99, 187, 51);
+}
+
+/* Fim tipografia inferior */
+
+#mainbaixo button {
+ width: 75px;
+ height: 15px;
+ margin-left: 10px;
+ border: none;
+ background-image: url(../img/little_button.gif);
+ font-weight: bold;
+ font-size: 10px;
+ color: #e6e6e6;
+ padding-bottom: 1px;
+}
+
+#mainbaixo button:hover {
+ cursor: pointer;
+ color: black;
+}
+
+div#divisorv {
+ background-color: rgb(23, 166, 223);
+ width: 2px;
+ margin: 15px 5px;
+ height: 185px;
+}
+
+#about {
+ margin-left: 5px;
+}
+
+#about,
+#news,
+#services {
+ background-color: transparent;
+ float: right;
+ width: 204px;
+ padding-left: 10px;
+}
+
+#mainbaixo::after {
+ content: "";
+ clear: both;
+ display: table;
+}
+
+/* Fora do quadro pra baixo */
+
+footer {
+ text-align: center;
+ margin: auto;
+ width: 678px;
+ padding-top: 10px;
+ color: #e6e6e6;
+}
diff --git a/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/extra.txt b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/extra.txt
new file mode 100644
index 0000000..aa151b8
--- /dev/null
+++ b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/extra.txt
@@ -0,0 +1,2 @@
+background do cabeçalho: #333333
+background do painel com o olho: #E6E6E6
\ No newline at end of file
diff --git a/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/bg_content.gif b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/bg_content.gif
new file mode 100644
index 0000000..19d1f74
Binary files /dev/null and b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/bg_content.gif differ
diff --git a/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/bg_gradient.gif b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/bg_gradient.gif
new file mode 100644
index 0000000..52c7b4b
Binary files /dev/null and b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/bg_gradient.gif differ
diff --git a/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/botton_bg_content.gif b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/botton_bg_content.gif
new file mode 100644
index 0000000..b4908be
Binary files /dev/null and b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/botton_bg_content.gif differ
diff --git a/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/img_edito.gif b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/img_edito.gif
new file mode 100644
index 0000000..01ddedc
Binary files /dev/null and b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/img_edito.gif differ
diff --git a/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/large_button.gif b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/large_button.gif
new file mode 100644
index 0000000..5a8abb4
Binary files /dev/null and b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/large_button.gif differ
diff --git a/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/little_button.gif b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/little_button.gif
new file mode 100644
index 0000000..e9cb2f0
Binary files /dev/null and b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/little_button.gif differ
diff --git a/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/logo_gif.gif b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/logo_gif.gif
new file mode 100644
index 0000000..a76fd75
Binary files /dev/null and b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/logo_gif.gif differ
diff --git a/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/menu.gif b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/menu.gif
new file mode 100644
index 0000000..6e3f4fb
Binary files /dev/null and b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/menu.gif differ
diff --git a/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/toal.gif b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/toal.gif
new file mode 100644
index 0000000..79cfa12
Binary files /dev/null and b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/img/toal.gif differ
diff --git a/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/index.html b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/index.html
new file mode 100644
index 0000000..64ddec9
--- /dev/null
+++ b/Dia 13 - CSS - Seletores e Heranca/D13E3 - Minisite/index.html
@@ -0,0 +1,79 @@
+
+
+
+
+
+
+ Copiando Site
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lorem Ipsum
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet quidem aliquam animi culpa veritatis
+ in distinctio sapiente tenetur dolor qui asperiores, nesciunt ducimus laudantium enim aliquid,
+ debitis, praesentium ipsum architecto! Natura aeternum isti fieri.
+
+
+
+
+
+
+
About Me
+
Lorem Ipsun dolor sit amet fieiri consectetuer adpisci elit.
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet a eius architecto quas ad fugit at
+ nobis, voluptas deserunt, non quae iste voluptates temporibus vitae voluptatum modi laboriosam quasi
+ reprehenderit.
+
+
+
+
\ No newline at end of file
diff --git a/Dia 14 - CSS - Float e Overflow/D14E2 - Menu c Float.html b/Dia 14 - CSS - Float e Overflow/D14E2 - Menu c Float.html
new file mode 100644
index 0000000..6634075
--- /dev/null
+++ b/Dia 14 - CSS - Float e Overflow/D14E2 - Menu c Float.html
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+ Exercícios com Float
+
+
+
+
+
+
+
Inicio
+
Noticias
+
Meio
+
Contato
+
Sobre nós
+
+
+
+
\ No newline at end of file
diff --git a/Dia 14 - CSS - Float e Overflow/D14E3 - Overflow.html b/Dia 14 - CSS - Float e Overflow/D14E3 - Overflow.html
new file mode 100644
index 0000000..123235e
--- /dev/null
+++ b/Dia 14 - CSS - Float e Overflow/D14E3 - Overflow.html
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+ Exercícios com Float
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
+
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
+
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
+
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
+
+
+
\ No newline at end of file
diff --git a/Dia 14 - CSS - Float e Overflow/D14E4 - Biografia.html b/Dia 14 - CSS - Float e Overflow/D14E4 - Biografia.html
new file mode 100644
index 0000000..8ad6145
--- /dev/null
+++ b/Dia 14 - CSS - Float e Overflow/D14E4 - Biografia.html
@@ -0,0 +1,116 @@
+
+
+
+
+
+
+ Exercícios com Float
+
+
+
+
+
+
+
+
+
Fabricio Cardoso: dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam
+ alias,
+ ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
+
+
+
+
Carmela Borst: dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam
+ alias,
+ ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
+
+
+
+
Juana Pinkalsky: dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam
+ alias,
+ ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
+
+
+
+
Lorem ipsum: dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias,
+ ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
+
+
+
+
Lorem ipsum: dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias,
+ ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
+
+
+
+
+
Lorem ipsum: dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias,
+ ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero dolore nihil qui nam alias, ea iure! Cum
+ doloremque temporibus dolores sint animi deserunt dolor aut, mollitia odio omnis, veritatis totam.
4 imagens com uma largura de 20% e margem lateral de 2.5%.
+
+
+
+
+
+
3 imagens com uma largura de 23.33% e margem lateral de 5%. Essa linha possui um clear.
+
+
+
+
+
Uma imagem com uma largura de 50% e margem lateral de 25%. Ela possui o clear.
+ Essa linha tem a ancôra "meio" e um clear.
+
+
+
4 imagens com uma largura de 20% e margem lateral de 2.5%. A primeira possui o clear.
+ Essa linha tem a ancôra "fim" e um clear.
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/Exercicio 2 - TNT Noite.zip b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/Exercicio 2 - TNT Noite.zip
new file mode 100644
index 0000000..69168b0
Binary files /dev/null and b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/Exercicio 2 - TNT Noite.zip differ
diff --git a/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/css/normalize.css b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/css/normalize.css
new file mode 100644
index 0000000..935ae19
--- /dev/null
+++ b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/css/normalize.css
@@ -0,0 +1,419 @@
+/* Document
+ * ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+}
+
+/* Sections
+ * ========================================================================== */
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Edge, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ * ========================================================================== */
+
+/**
+ * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
+ */
+
+dl dl,
+dl ol,
+dl ul,
+ol dl,
+ul dl {
+ margin: 0;
+}
+
+/**
+ * Remove the margin on nested lists in Edge 18- and IE.
+ */
+
+ol ol,
+ol ul,
+ul ol,
+ul ul {
+ margin: 0;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Correct the inheritance of border color in Firefox.
+ * 3. Show the overflow in Edge 18- and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ color: inherit; /* 2 */
+ height: 0; /* 1 */
+ overflow: visible; /* 3 */
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ * ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Add the correct text decoration in Edge 18-, IE, and Safari.
+ */
+
+abbr[title] {
+ text-decoration: underline;
+ text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/* Embedded content
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images within links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Tabular data
+ * ========================================================================== */
+
+/**
+ * 1. Correct table border color inheritance in all Chrome, Edge, and Safari.
+ * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
+ */
+
+table {
+ border-color: inherit; /* 1 */
+ text-indent: 0; /* 2 */
+}
+
+/* Forms
+ * ========================================================================== */
+
+/**
+ * Remove the margin on controls in Safari.
+ */
+
+button,
+input,
+select {
+ margin: 0;
+}
+
+/**
+ * 1. Show the overflow in IE.
+ * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
+ */
+
+button {
+ overflow: visible; /* 1 */
+ text-transform: none; /* 2 */
+}
+
+/**
+ * Correct the inability to style buttons in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Show the overflow in Edge 18- and IE.
+ */
+
+input {
+ overflow: visible;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge 18- and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in Edge 18- and IE.
+ * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Remove the margin in Firefox and Safari.
+ * 2. Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ margin: 0; /* 1 */
+ overflow: auto; /* 2 */
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome, Edge, and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * Remove the inner padding in Chrome, Edge, and Safari on macOS.
+ */
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style upload buttons in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding of focus outlines in Firefox.
+ */
+
+::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus outline styles unset by the previous rule in Firefox.
+ */
+
+:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Remove the additional :invalid styles in Firefox.
+ */
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/* Interactive
+ * ========================================================================== */
+
+/*
+ * Add the correct display in Edge 18- and IE.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct styles in Edge 18-, IE, and Safari.
+ */
+
+dialog {
+ background-color: white;
+ border: solid;
+ color: black;
+ display: block;
+ height: -moz-fit-content;
+ height: -webkit-fit-content;
+ height: fit-content;
+ left: 0;
+ margin: auto;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ width: -moz-fit-content;
+ width: -webkit-fit-content;
+ width: fit-content;
+}
+
+dialog:not([open]) {
+ display: none;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* User interaction
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/css/style.css b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/css/style.css
new file mode 100644
index 0000000..cbeeac2
--- /dev/null
+++ b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/css/style.css
@@ -0,0 +1,144 @@
+body {
+ background-color: whitesmoke;
+ font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
+ "Lucida Sans", Arial, sans-serif;
+}
+
+header {
+ width: 90%;
+ margin: auto;
+ max-width: 1350px;
+ height: 12vh;
+ min-width: 750px;
+}
+
+header img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+main {
+ width: 90%;
+ margin: auto;
+ height: 63.5vh;
+ max-width: 1350px;
+ min-width: 750px;
+}
+
+footer {
+ width: 90%;
+ margin: auto;
+ height: 10vh;
+ line-height: 10vh;
+ max-width: 1350px;
+ min-width: 750px;
+ clear: both;
+ text-align: center;
+ background-color: rgb(165, 0, 0);
+ color: whitesmoke;
+ font-size: 1.2em;
+ background-image: url(../img/tnt-energy-drink.png);
+ background-size: 12vh;
+ background-position: 0px 2px;
+}
+
+aside {
+ background-color: rgb(195, 125, 125);
+ float: left;
+ padding: 0;
+ margin: 0;
+ height: 64vh;
+}
+
+aside img {
+ margin-right: 1.5vh;
+ margin-bottom: 1vh;
+ height: 100%;
+}
+
+h1 {
+ background-color: rgb(165, 0, 0);
+ color: whitesmoke;
+ text-align: center;
+ line-height: 7vh;
+ font-size: 3.5vh;
+ max-height: 7vh;
+}
+
+#rolagem {
+ height: 54.7vh;
+ background-color: rgb(165, 0, 0);
+ font-size: 1.35em;
+ color: whitesmoke;
+ overflow: auto;
+ text-align: justify;
+}
+
+#rolagem p {
+ margin: 15px 25px;
+}
+
+/* -- Adicionado depois do horário -- */
+
+.icons {
+ float: right;
+ padding-top: 1.7vh;
+ padding-right: 2vh;
+}
+
+footer i {
+ padding: 0.8vh;
+ margin: 0 0.7vh;
+ color: white;
+ border: 2px solid white;
+ min-width: 2.5vh;
+ min-height: 2.65vh;
+ text-align: center;
+ border-radius: 50%;
+ font-size: 2.5vh;
+ overflow: hidden;
+ cursor: pointer;
+}
+
+footer i:hover {
+ color: red;
+ background-color: white;
+}
+
+footer p {
+ padding-left: 29vh;
+}
+
+body {
+ background: linear-gradient(
+ to left,
+ rgb(165, 75, 75),
+ rgb(195, 125, 125),
+ rgb(195, 125, 125),
+ rgb(165, 75, 75)
+ );
+ background-size: 150vw 150vh;
+ background-repeat: no-repeat;
+ background-position: 50%;
+}
+
+/* -- Animações -- */
+
+#rolagem:hover span {
+ animation-name: texto;
+ animation-duration: 5s;
+ animation-iteration-count: infinite;
+}
+
+@keyframes texto {
+ 0% {
+ color: white;
+ }
+ 20% {
+ color: red;
+ }
+ 50% {
+ color: white;
+ }
+}
diff --git a/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/img/atletas_destaque.jpg b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/img/atletas_destaque.jpg
new file mode 100644
index 0000000..1292f5b
Binary files /dev/null and b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/img/atletas_destaque.jpg differ
diff --git a/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/img/tnt-energy-drink.png b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/img/tnt-energy-drink.png
new file mode 100644
index 0000000..d329675
Binary files /dev/null and b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/img/tnt-energy-drink.png differ
diff --git a/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/img/tnt-produto-grande.jpg b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/img/tnt-produto-grande.jpg
new file mode 100644
index 0000000..cbc6a43
Binary files /dev/null and b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/img/tnt-produto-grande.jpg differ
diff --git a/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/index.html b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/index.html
new file mode 100644
index 0000000..2281850
--- /dev/null
+++ b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT Noite/index.html
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
+
+
+ TNT Energy Drink
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
TNT Energy Drink
+
+
O mundo está cheio de obstáculos e não vai parar pra você se preparar. TNT é uma marca de
+ resistência,
+ que te dá energia para encarar e não perder. A resistência da autoexpressão. A resistência das ideias
+ contestadoras. A resistência das atitudes revolucionárias.
+
Não importa se você contesta através do seu
+ jeito de vestir, ou da música que você ouve, ou das coisas que você grita. Não deixe que a opinião dos
+ outros ganhe. Não deixe que a censura ganhe. Não deixe que os conservadores ganhem. Não deixe que o
+ silêncio ganhe. Não deixe que a vergonha ganhe. Não deixe que o medo ganhe.
+
+
Quanto maior o desafio, maior a nossa resistência.
+
+
#PODEVIR
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/Exercicio 2 - TNT.zip b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/Exercicio 2 - TNT.zip
new file mode 100644
index 0000000..e4c83b7
Binary files /dev/null and b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/Exercicio 2 - TNT.zip differ
diff --git a/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/Novo Documento de Texto.txt b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/Novo Documento de Texto.txt
new file mode 100644
index 0000000..e69de29
diff --git a/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/css/normalize.css b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/css/normalize.css
new file mode 100644
index 0000000..935ae19
--- /dev/null
+++ b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/css/normalize.css
@@ -0,0 +1,419 @@
+/* Document
+ * ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+}
+
+/* Sections
+ * ========================================================================== */
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Edge, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ * ========================================================================== */
+
+/**
+ * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
+ */
+
+dl dl,
+dl ol,
+dl ul,
+ol dl,
+ul dl {
+ margin: 0;
+}
+
+/**
+ * Remove the margin on nested lists in Edge 18- and IE.
+ */
+
+ol ol,
+ol ul,
+ul ol,
+ul ul {
+ margin: 0;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Correct the inheritance of border color in Firefox.
+ * 3. Show the overflow in Edge 18- and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ color: inherit; /* 2 */
+ height: 0; /* 1 */
+ overflow: visible; /* 3 */
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ * ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Add the correct text decoration in Edge 18-, IE, and Safari.
+ */
+
+abbr[title] {
+ text-decoration: underline;
+ text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/* Embedded content
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images within links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Tabular data
+ * ========================================================================== */
+
+/**
+ * 1. Correct table border color inheritance in all Chrome, Edge, and Safari.
+ * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
+ */
+
+table {
+ border-color: inherit; /* 1 */
+ text-indent: 0; /* 2 */
+}
+
+/* Forms
+ * ========================================================================== */
+
+/**
+ * Remove the margin on controls in Safari.
+ */
+
+button,
+input,
+select {
+ margin: 0;
+}
+
+/**
+ * 1. Show the overflow in IE.
+ * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
+ */
+
+button {
+ overflow: visible; /* 1 */
+ text-transform: none; /* 2 */
+}
+
+/**
+ * Correct the inability to style buttons in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Show the overflow in Edge 18- and IE.
+ */
+
+input {
+ overflow: visible;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge 18- and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in Edge 18- and IE.
+ * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Remove the margin in Firefox and Safari.
+ * 2. Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ margin: 0; /* 1 */
+ overflow: auto; /* 2 */
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome, Edge, and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * Remove the inner padding in Chrome, Edge, and Safari on macOS.
+ */
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style upload buttons in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding of focus outlines in Firefox.
+ */
+
+::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus outline styles unset by the previous rule in Firefox.
+ */
+
+:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Remove the additional :invalid styles in Firefox.
+ */
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/* Interactive
+ * ========================================================================== */
+
+/*
+ * Add the correct display in Edge 18- and IE.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct styles in Edge 18-, IE, and Safari.
+ */
+
+dialog {
+ background-color: white;
+ border: solid;
+ color: black;
+ display: block;
+ height: -moz-fit-content;
+ height: -webkit-fit-content;
+ height: fit-content;
+ left: 0;
+ margin: auto;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ width: -moz-fit-content;
+ width: -webkit-fit-content;
+ width: fit-content;
+}
+
+dialog:not([open]) {
+ display: none;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* User interaction
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/css/style.css b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/css/style.css
new file mode 100644
index 0000000..3ba9551
--- /dev/null
+++ b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/css/style.css
@@ -0,0 +1,79 @@
+body {
+ background-color: whitesmoke;
+ font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
+ "Lucida Sans", Arial, sans-serif;
+}
+
+header {
+ width: 90%;
+ margin: auto;
+ max-width: 1350px;
+ height: 12vh;
+ min-width: 750px;
+}
+
+header img {
+ height: 12vh;
+ width: 100%;
+}
+
+main {
+ width: 90%;
+ margin: auto;
+ height: 70vh;
+ max-width: 1350px;
+ min-width: 750px;
+}
+
+footer {
+ width: 90%;
+ margin: auto;
+ height: 10vh;
+ line-height: 10vh;
+ max-width: 1350px;
+ min-width: 750px;
+ clear: both;
+ text-align: center;
+ background-color: red;
+ color: whitesmoke;
+ font-size: 1.2em;
+ background-image: url(../img/tnt-energy-drink.png);
+ background-size: 12vh;
+ background-position: 0px 2px;
+}
+
+aside {
+ background-color: whitesmoke;
+ float: left;
+ padding: 0;
+ margin: 0;
+ height: 70vh;
+}
+
+aside img {
+ margin-right: 1.5vh;
+ margin-bottom: 1vh;
+ height: 100%;
+}
+
+h1 {
+ background-color: rgb(165, 0, 0);
+ color: whitesmoke;
+ text-align: center;
+ line-height: 7vh;
+ font-size: 3.5vh;
+ max-height: 7vh;
+}
+
+#rolagem {
+ height: 60.5vh;
+ background-color: rgb(165, 0, 0);
+ font-size: 1.35em;
+ color: whitesmoke;
+ overflow: auto;
+ text-align: justify;
+}
+
+#rolagem p {
+ margin: 15px 25px;
+}
diff --git a/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/img/atletas_destaque.jpg b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/img/atletas_destaque.jpg
new file mode 100644
index 0000000..c55b722
Binary files /dev/null and b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/img/atletas_destaque.jpg differ
diff --git a/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/img/tnt-energy-drink.png b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/img/tnt-energy-drink.png
new file mode 100644
index 0000000..9836c64
Binary files /dev/null and b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/img/tnt-energy-drink.png differ
diff --git a/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/img/tnt-produto-grande.jpg b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/img/tnt-produto-grande.jpg
new file mode 100644
index 0000000..cbc6a43
Binary files /dev/null and b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/img/tnt-produto-grande.jpg differ
diff --git a/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/index.html b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/index.html
new file mode 100644
index 0000000..a3a629c
--- /dev/null
+++ b/Dia 14 - CSS - Float e Overflow/Exercicio 2 - TNT/index.html
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
+ TNT Energy Drink
+
+
+
+
+
+
+
+
+
+
+
+
TNT Energy Drink
+
+
O mundo está cheio de obstáculos e não vai parar pra você se preparar. TNT é uma marca de resistência,
+ que te dá energia para encarar e não perder. A resistência da autoexpressão. A resistência das ideias
+ contestadoras. A resistência das atitudes revolucionárias.
+
Não importa se você contesta através do seu
+ jeito de vestir, ou da música que você ouve, ou das coisas que você grita. Não deixe que a opinião dos
+ outros ganhe. Não deixe que a censura ganhe. Não deixe que os conservadores ganhem. Não deixe que o
+ silêncio ganhe. Não deixe que a vergonha ganhe. Não deixe que o medo ganhe.
+
+
Quanto maior o desafio, maior a nossa resistência.
+
+
#PODEVIR
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 14 - CSS - Float e Overflow/Exercicio Float 1.zip b/Dia 14 - CSS - Float e Overflow/Exercicio Float 1.zip
new file mode 100644
index 0000000..94a6f75
Binary files /dev/null and b/Dia 14 - CSS - Float e Overflow/Exercicio Float 1.zip differ
diff --git a/Dia 14 - CSS - Float e Overflow/ca.jpg b/Dia 14 - CSS - Float e Overflow/ca.jpg
new file mode 100644
index 0000000..0e13769
Binary files /dev/null and b/Dia 14 - CSS - Float e Overflow/ca.jpg differ
diff --git a/Dia 14 - CSS - Float e Overflow/fa.jpg b/Dia 14 - CSS - Float e Overflow/fa.jpg
new file mode 100644
index 0000000..cd234a6
Binary files /dev/null and b/Dia 14 - CSS - Float e Overflow/fa.jpg differ
diff --git a/Dia 14 - CSS - Float e Overflow/ju.png b/Dia 14 - CSS - Float e Overflow/ju.png
new file mode 100644
index 0000000..8904ba0
Binary files /dev/null and b/Dia 14 - CSS - Float e Overflow/ju.png differ
diff --git a/Dia 15 - CSS - Inline Float/D15D4.html b/Dia 15 - CSS - Inline Float/D15D4.html
new file mode 100644
index 0000000..d20d9e1
--- /dev/null
+++ b/Dia 15 - CSS - Inline Float/D15D4.html
@@ -0,0 +1,92 @@
+
+
+
+
+
+
+ Ex Igor
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis scelerisque ipsum at
+ dignissim. Curabitur eu lacus eget odio sagittis eleifend. Mauris sed ullamcorper urna. Nullam
+ vitae mi ut felis pulvinar dapibus. Donec sit amet velit ut diam malesuada blandit. Integer sit
+ amet feugiat lacus. Maecenas iaculis porta ullamcorper. Donec in mattis est. Ut quis dignissim
+ purus. Etiam dapibus justo in purus imperdiet hendrerit. Phasellus tempor molestie magna a
+ malesuada. Sed ac tincidunt dui. Curabitur et tortor quam, eu vestibulum arcu. Nullam placerat
+ malesuada odio vel tincidunt. Nam tincidunt, nisi ut dictum interdum, est arcu venenatis lorem,
+ a rhoncus turpis lacus ac sapien. Vivamus ut ligula eget lorem consectetur hendrerit a at magna.
+ Mauris vel libero eget urna malesuada eleifend elementum a mauris. Sed eu mi vitae urna volutpat
+ euismod quis at augue. Nunc convallis magna in velit luctus adipiscing.
+
+
Morbi sit amet dolor eget sem rutrum interdum. Nulla vehicula tortor eu dolor sodales gravida. In
+ rutrum placerat magna, ac ullamcorper justo porta ac. Mauris nec erat ac lorem auctor ultrices
+ et eget dui. Ut euismod fringilla congue. Nunc sit amet vestibulum dui. In eu felis at mi
+ sagittis varius. Donec id enim sit amet nibh aliquam auctor a in leo. Nam posuere pharetra
+ posuere. Duis porttitor diam vel nulla tempor nec aliquet libero placerat. Cras eros dolor,
+ elementum vitae porttitor sed, posuere placerat est. Integer sed lacus vel ante feugiat
+ sollicitudin. Nunc commodo, libero quis imperdiet ultrices, erat odio condimentum metus, a
+ laoreet tortor urna sed orci. Proin varius iaculis tincidunt. Ut dignissim imperdiet mattis.
+ Praesent quis ligula sit amet erat ullamcorper tristique non at massa. Proin blandit lorem quis
+ purus congue luctus.
+
+
+
+
+ <div id="conteudo-2-2">
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
Quisque sit amet nisi massa, eget rhoncus nisl.
+
Pellentesque varius consequat est, eget ornare massa luctus eget.
+
Suspendisse vitae augue neque, eu dignissim nisl.
+
Sed a quam at massa consequat mollis.
+
Praesent sodales dui nec justo auctor dapibus.
+
+
+
+
+
+ <div id="rodape">
+ Exemplo de layout com três colunas
+ Carlos Eduardo - kadu | kadunew.com/blog
+
O mundo está cheio de obstáculos e não vai parar pra você se preparar. TNT é uma marca de
+ resistência,
+ que te dá energia para encarar e não perder. A resistência da autoexpressão. A resistência das ideias
+ contestadoras. A resistência das atitudes revolucionárias.
+
Não importa se você contesta através do seu
+ jeito de vestir, ou da música que você ouve, ou das coisas que você grita. Não deixe que a opinião dos
+ outros ganhe. Não deixe que a censura ganhe. Não deixe que os conservadores ganhem. Não deixe que o
+ silêncio ganhe. Não deixe que a vergonha ganhe. Não deixe que o medo ganhe.
+
+
Quanto maior o desafio, maior a nossa resistência.
+
+
#PODEVIR
+
+
+
+
+
+
+
Faça parte do time TNT!
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 16 - CSS - Z-Index e Overflow/D16E1/css/normalize.css b/Dia 16 - CSS - Z-Index e Overflow/D16E1/css/normalize.css
new file mode 100644
index 0000000..935ae19
--- /dev/null
+++ b/Dia 16 - CSS - Z-Index e Overflow/D16E1/css/normalize.css
@@ -0,0 +1,419 @@
+/* Document
+ * ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+}
+
+/* Sections
+ * ========================================================================== */
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Edge, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ * ========================================================================== */
+
+/**
+ * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
+ */
+
+dl dl,
+dl ol,
+dl ul,
+ol dl,
+ul dl {
+ margin: 0;
+}
+
+/**
+ * Remove the margin on nested lists in Edge 18- and IE.
+ */
+
+ol ol,
+ol ul,
+ul ol,
+ul ul {
+ margin: 0;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Correct the inheritance of border color in Firefox.
+ * 3. Show the overflow in Edge 18- and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ color: inherit; /* 2 */
+ height: 0; /* 1 */
+ overflow: visible; /* 3 */
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ * ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Add the correct text decoration in Edge 18-, IE, and Safari.
+ */
+
+abbr[title] {
+ text-decoration: underline;
+ text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/* Embedded content
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images within links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Tabular data
+ * ========================================================================== */
+
+/**
+ * 1. Correct table border color inheritance in all Chrome, Edge, and Safari.
+ * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
+ */
+
+table {
+ border-color: inherit; /* 1 */
+ text-indent: 0; /* 2 */
+}
+
+/* Forms
+ * ========================================================================== */
+
+/**
+ * Remove the margin on controls in Safari.
+ */
+
+button,
+input,
+select {
+ margin: 0;
+}
+
+/**
+ * 1. Show the overflow in IE.
+ * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
+ */
+
+button {
+ overflow: visible; /* 1 */
+ text-transform: none; /* 2 */
+}
+
+/**
+ * Correct the inability to style buttons in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Show the overflow in Edge 18- and IE.
+ */
+
+input {
+ overflow: visible;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge 18- and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in Edge 18- and IE.
+ * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Remove the margin in Firefox and Safari.
+ * 2. Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ margin: 0; /* 1 */
+ overflow: auto; /* 2 */
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome, Edge, and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * Remove the inner padding in Chrome, Edge, and Safari on macOS.
+ */
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style upload buttons in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding of focus outlines in Firefox.
+ */
+
+::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus outline styles unset by the previous rule in Firefox.
+ */
+
+:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Remove the additional :invalid styles in Firefox.
+ */
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/* Interactive
+ * ========================================================================== */
+
+/*
+ * Add the correct display in Edge 18- and IE.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct styles in Edge 18-, IE, and Safari.
+ */
+
+dialog {
+ background-color: white;
+ border: solid;
+ color: black;
+ display: block;
+ height: -moz-fit-content;
+ height: -webkit-fit-content;
+ height: fit-content;
+ left: 0;
+ margin: auto;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ width: -moz-fit-content;
+ width: -webkit-fit-content;
+ width: fit-content;
+}
+
+dialog:not([open]) {
+ display: none;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* User interaction
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/Dia 16 - CSS - Z-Index e Overflow/D16E1/css/style.css b/Dia 16 - CSS - Z-Index e Overflow/D16E1/css/style.css
new file mode 100644
index 0000000..1239a31
--- /dev/null
+++ b/Dia 16 - CSS - Z-Index e Overflow/D16E1/css/style.css
@@ -0,0 +1,107 @@
+body {
+ font-family: arial;
+}
+
+header,
+div {
+ box-sizing: border-box;
+ border: 2px solid black;
+}
+
+header {
+ width: 90%;
+ background-color: beige;
+ margin: auto;
+ margin-bottom: 2%;
+ text-align: center;
+}
+
+main {
+ width: 90%;
+ height: 50vh;
+ margin: auto;
+}
+
+.duas-colunas {
+ background-color: beige;
+ width: 49%;
+ min-height: 50px;
+ height: 100%;
+ position: relative;
+}
+
+.duas-colunas div {
+ font-size: 1.6em;
+ text-align: center;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.esq {
+ float: left;
+}
+
+.dir {
+ float: right;
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+}
+
+.img-container {
+ border: none;
+ position: absolute;
+ width: 25%;
+ max-width: 200px;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ z-index: 1;
+}
+
+.frente {
+ background-color: lightgreen;
+}
+
+.tras {
+ background-color: lightskyblue;
+}
+
+.esq .frente {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ z-index: 2;
+ width: 50%;
+ height: 50%;
+}
+
+.esq .tras {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 0;
+ width: 50%;
+ height: 50%;
+}
+
+.dir .frente {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 2;
+ width: 100%;
+ height: 50%;
+}
+
+.dir .tras {
+ position: absolute;
+ bottom: 0;
+ z-index: 0;
+ left: 0;
+ width: 100%;
+ height: 50%;
+}
diff --git a/Dia 16 - CSS - Z-Index e Overflow/D16E1/img/ff.png b/Dia 16 - CSS - Z-Index e Overflow/D16E1/img/ff.png
new file mode 100644
index 0000000..2d5f746
Binary files /dev/null and b/Dia 16 - CSS - Z-Index e Overflow/D16E1/img/ff.png differ
diff --git a/Dia 16 - CSS - Z-Index e Overflow/D16E1/index.html b/Dia 16 - CSS - Z-Index e Overflow/D16E1/index.html
new file mode 100644
index 0000000..d191f72
--- /dev/null
+++ b/Dia 16 - CSS - Z-Index e Overflow/D16E1/index.html
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+
+
+
+ Atividade Positions
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 16 - CSS - Z-Index e Overflow/D16E2/pagina2.html b/Dia 16 - CSS - Z-Index e Overflow/D16E2/pagina2.html
new file mode 100644
index 0000000..67f0c91
--- /dev/null
+++ b/Dia 16 - CSS - Z-Index e Overflow/D16E2/pagina2.html
@@ -0,0 +1,76 @@
+
+
+
+
+
+
+
+
+
+
+ Portal Moda - Página 2
+
+
+
+
+
+
+
+
+
+
Camisetas em clipart
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Imperdível!
+
Lorem ipsum dolor sit amet conse ctetur adipi sicing elit. Numquam quo veniam necessi tatibus
+ doloribus quibusdam conse quuntur vero minus! Harum a alias quas eveniet maiores sapiente ipsa sunt
+ ut. Doloribus, libero repud iandae?
+
Lorem ipsum dolor sit amet consec tetur adipi sicing elit. Numquam quo veniam necessi tatibus
+ doloribus qui busdam conseq uuntur vero minus! Harum a alias quas eveniet maiores sapiente ipsa sunt
+ ut. Dolori bus, libero repudi andae?
+
Lorem ipsum dolor sit amet consec tetur adipi sicing elit. Numquam quo veniam necessi tatibus
+ doloribus qui busdam conseq uuntur vero minus! Harum a alias quas eveniet maiores sapiente ipsa sunt
+ ut. Dolori bus, libero repudi andae?
+
+
+
+
+
+
+
+
+
+
+
Faça sua Pré-inscrição!
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 16 - CSS - Z-Index e Overflow/D16E3 - Imagens Corte/D14E4 - Biografia copy.html b/Dia 16 - CSS - Z-Index e Overflow/D16E3 - Imagens Corte/D14E4 - Biografia copy.html
new file mode 100644
index 0000000..f19369a
--- /dev/null
+++ b/Dia 16 - CSS - Z-Index e Overflow/D16E3 - Imagens Corte/D14E4 - Biografia copy.html
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+ Fotos com clip
+
+
+
+
+
+
+
+
+
+
+
Willian Ribeiro
+
+
+
+
+
Sayure Paiva
+
+
+
+
+
Juana Pinkalsky
+
+
+
+
+
Renata Adan
+
+
+
+
+
Igor Gondim
+
+
+
+
+
Lisandra Moraes
+
+
+
+
+
Mariana Imparato
+
+
+
+
+
Fabricio Cardoso
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 16 - CSS - Z-Index e Overflow/D16E3 - Imagens Corte/css/normalize.css b/Dia 16 - CSS - Z-Index e Overflow/D16E3 - Imagens Corte/css/normalize.css
new file mode 100644
index 0000000..935ae19
--- /dev/null
+++ b/Dia 16 - CSS - Z-Index e Overflow/D16E3 - Imagens Corte/css/normalize.css
@@ -0,0 +1,419 @@
+/* Document
+ * ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+}
+
+/* Sections
+ * ========================================================================== */
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Edge, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ * ========================================================================== */
+
+/**
+ * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
+ */
+
+dl dl,
+dl ol,
+dl ul,
+ol dl,
+ul dl {
+ margin: 0;
+}
+
+/**
+ * Remove the margin on nested lists in Edge 18- and IE.
+ */
+
+ol ol,
+ol ul,
+ul ol,
+ul ul {
+ margin: 0;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Correct the inheritance of border color in Firefox.
+ * 3. Show the overflow in Edge 18- and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ color: inherit; /* 2 */
+ height: 0; /* 1 */
+ overflow: visible; /* 3 */
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ * ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Add the correct text decoration in Edge 18-, IE, and Safari.
+ */
+
+abbr[title] {
+ text-decoration: underline;
+ text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/* Embedded content
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images within links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Tabular data
+ * ========================================================================== */
+
+/**
+ * 1. Correct table border color inheritance in all Chrome, Edge, and Safari.
+ * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
+ */
+
+table {
+ border-color: inherit; /* 1 */
+ text-indent: 0; /* 2 */
+}
+
+/* Forms
+ * ========================================================================== */
+
+/**
+ * Remove the margin on controls in Safari.
+ */
+
+button,
+input,
+select {
+ margin: 0;
+}
+
+/**
+ * 1. Show the overflow in IE.
+ * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
+ */
+
+button {
+ overflow: visible; /* 1 */
+ text-transform: none; /* 2 */
+}
+
+/**
+ * Correct the inability to style buttons in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Show the overflow in Edge 18- and IE.
+ */
+
+input {
+ overflow: visible;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge 18- and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in Edge 18- and IE.
+ * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Remove the margin in Firefox and Safari.
+ * 2. Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ margin: 0; /* 1 */
+ overflow: auto; /* 2 */
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome, Edge, and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * Remove the inner padding in Chrome, Edge, and Safari on macOS.
+ */
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style upload buttons in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding of focus outlines in Firefox.
+ */
+
+::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus outline styles unset by the previous rule in Firefox.
+ */
+
+:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Remove the additional :invalid styles in Firefox.
+ */
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/* Interactive
+ * ========================================================================== */
+
+/*
+ * Add the correct display in Edge 18- and IE.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct styles in Edge 18-, IE, and Safari.
+ */
+
+dialog {
+ background-color: white;
+ border: solid;
+ color: black;
+ display: block;
+ height: -moz-fit-content;
+ height: -webkit-fit-content;
+ height: fit-content;
+ left: 0;
+ margin: auto;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ width: -moz-fit-content;
+ width: -webkit-fit-content;
+ width: fit-content;
+}
+
+dialog:not([open]) {
+ display: none;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* User interaction
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/Dia 16 - CSS - Z-Index e Overflow/D16E3 - Imagens Corte/css/style.css b/Dia 16 - CSS - Z-Index e Overflow/D16E3 - Imagens Corte/css/style.css
new file mode 100644
index 0000000..8515f8a
--- /dev/null
+++ b/Dia 16 - CSS - Z-Index e Overflow/D16E3 - Imagens Corte/css/style.css
@@ -0,0 +1,111 @@
+body {
+ background-color: whitesmoke;
+ max-width: 1400px;
+ margin: auto;
+}
+
+p {
+ margin: 0 0 10px;
+ padding: 0;
+ font-size: 1.2em;
+ text-align: justify;
+}
+
+.bio {
+ height: 300px;
+ width: 250px;
+ margin: 20px 2.5%;
+ padding: 15px;
+ float: left;
+ background-color: lightgray;
+ overflow: hidden;
+ box-shadow: 3px 3px 7px #333;
+ position: relative;
+}
+
+.bio:hover {
+ box-shadow: 4px 4px 11px black;
+ cursor: default;
+}
+
+h3 {
+ background-color: rgba(0, 0, 0, 0.103);
+ text-align: center;
+ line-height: 2em;
+ margin-top: 0;
+}
+
+@media (max-width: 1399px) {
+ body {
+ max-width: 1000px;
+ }
+}
+
+@media (max-width: 999px) {
+ body {
+ max-width: 635px;
+ }
+}
+
+@media (max-width: 634px) {
+ body {
+ max-width: 270px;
+ }
+}
+
+/* Imagens */
+#will {
+ position: absolute;
+ clip: rect(80px, 300px, 320px, 50px);
+ top: -10px;
+ left: -35px;
+}
+
+#sayure {
+ position: absolute;
+ clip: rect(80px, 640px, 320px, 390px);
+ top: -10px;
+ left: -375px;
+}
+
+#juana {
+ position: absolute;
+ clip: rect(80px, 940px, 320px, 690px);
+ top: -10px;
+ left: -675px;
+}
+
+#renata {
+ position: absolute;
+ clip: rect(80px, 1260px, 320px, 1010px);
+ top: -10px;
+ left: -995px;
+}
+
+#igor {
+ position: absolute;
+ clip: rect(340px, 320px, 580px, 70px);
+ left: -55px;
+ top: -270px;
+}
+
+#lisandra {
+ position: absolute;
+ clip: rect(340px, 620px, 580px, 370px);
+ left: -355px;
+ top: -270px;
+}
+
+#mariana {
+ position: absolute;
+ clip: rect(340px, 940px, 580px, 690px);
+ left: -675px;
+ top: -270px;
+}
+
+#fabricio {
+ position: absolute;
+ clip: rect(340px, 1250px, 580px, 1000px);
+ left: -985px;
+ top: -270px;
+}
diff --git a/Dia 16 - CSS - Z-Index e Overflow/D16E3 - Imagens Corte/img/fotos.jpg b/Dia 16 - CSS - Z-Index e Overflow/D16E3 - Imagens Corte/img/fotos.jpg
new file mode 100644
index 0000000..0a92020
Binary files /dev/null and b/Dia 16 - CSS - Z-Index e Overflow/D16E3 - Imagens Corte/img/fotos.jpg differ
diff --git a/Dia 16 - CSS - Z-Index e Overflow/D16E4 - Overflow X e Y/css/normalize.css b/Dia 16 - CSS - Z-Index e Overflow/D16E4 - Overflow X e Y/css/normalize.css
new file mode 100644
index 0000000..935ae19
--- /dev/null
+++ b/Dia 16 - CSS - Z-Index e Overflow/D16E4 - Overflow X e Y/css/normalize.css
@@ -0,0 +1,419 @@
+/* Document
+ * ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+}
+
+/* Sections
+ * ========================================================================== */
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Edge, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ * ========================================================================== */
+
+/**
+ * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
+ */
+
+dl dl,
+dl ol,
+dl ul,
+ol dl,
+ul dl {
+ margin: 0;
+}
+
+/**
+ * Remove the margin on nested lists in Edge 18- and IE.
+ */
+
+ol ol,
+ol ul,
+ul ol,
+ul ul {
+ margin: 0;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Correct the inheritance of border color in Firefox.
+ * 3. Show the overflow in Edge 18- and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ color: inherit; /* 2 */
+ height: 0; /* 1 */
+ overflow: visible; /* 3 */
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ * ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Add the correct text decoration in Edge 18-, IE, and Safari.
+ */
+
+abbr[title] {
+ text-decoration: underline;
+ text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/* Embedded content
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images within links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Tabular data
+ * ========================================================================== */
+
+/**
+ * 1. Correct table border color inheritance in all Chrome, Edge, and Safari.
+ * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
+ */
+
+table {
+ border-color: inherit; /* 1 */
+ text-indent: 0; /* 2 */
+}
+
+/* Forms
+ * ========================================================================== */
+
+/**
+ * Remove the margin on controls in Safari.
+ */
+
+button,
+input,
+select {
+ margin: 0;
+}
+
+/**
+ * 1. Show the overflow in IE.
+ * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
+ */
+
+button {
+ overflow: visible; /* 1 */
+ text-transform: none; /* 2 */
+}
+
+/**
+ * Correct the inability to style buttons in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Show the overflow in Edge 18- and IE.
+ */
+
+input {
+ overflow: visible;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge 18- and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in Edge 18- and IE.
+ * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Remove the margin in Firefox and Safari.
+ * 2. Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ margin: 0; /* 1 */
+ overflow: auto; /* 2 */
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome, Edge, and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * Remove the inner padding in Chrome, Edge, and Safari on macOS.
+ */
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style upload buttons in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding of focus outlines in Firefox.
+ */
+
+::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus outline styles unset by the previous rule in Firefox.
+ */
+
+:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Remove the additional :invalid styles in Firefox.
+ */
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/* Interactive
+ * ========================================================================== */
+
+/*
+ * Add the correct display in Edge 18- and IE.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct styles in Edge 18-, IE, and Safari.
+ */
+
+dialog {
+ background-color: white;
+ border: solid;
+ color: black;
+ display: block;
+ height: -moz-fit-content;
+ height: -webkit-fit-content;
+ height: fit-content;
+ left: 0;
+ margin: auto;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ width: -moz-fit-content;
+ width: -webkit-fit-content;
+ width: fit-content;
+}
+
+dialog:not([open]) {
+ display: none;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* User interaction
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/Dia 16 - CSS - Z-Index e Overflow/D16E4 - Overflow X e Y/css/style.css b/Dia 16 - CSS - Z-Index e Overflow/D16E4 - Overflow X e Y/css/style.css
new file mode 100644
index 0000000..9f1d645
--- /dev/null
+++ b/Dia 16 - CSS - Z-Index e Overflow/D16E4 - Overflow X e Y/css/style.css
@@ -0,0 +1,54 @@
+body {
+ background-color: whitesmoke;
+ max-width: 1400px;
+ margin: auto;
+}
+
+p {
+ margin: 0 0 10px;
+ padding: 0;
+ font-size: 1.2em;
+ text-align: justify;
+}
+
+.card {
+ height: 250px;
+ width: 250px;
+ margin: 20px 2.5%;
+ padding: 15px;
+ float: left;
+ background-color: lightgray;
+ box-shadow: 3px 3px 7px #333;
+ position: relative;
+ overflow: hidden;
+}
+
+.card:hover {
+ box-shadow: 4px 4px 11px black;
+ cursor: default;
+}
+
+h3 {
+ background-color: rgba(0, 0, 0, 0.103);
+ text-align: center;
+ line-height: 2em;
+ margin-top: 0;
+}
+
+@media (max-width: 1399px) {
+ body {
+ max-width: 1000px;
+ }
+}
+
+@media (max-width: 999px) {
+ body {
+ max-width: 635px;
+ }
+}
+
+@media (max-width: 634px) {
+ body {
+ max-width: 270px;
+ }
+}
diff --git a/Dia 16 - CSS - Z-Index e Overflow/D16E4 - Overflow X e Y/index.html b/Dia 16 - CSS - Z-Index e Overflow/D16E4 - Overflow X e Y/index.html
new file mode 100644
index 0000000..5be60bc
--- /dev/null
+++ b/Dia 16 - CSS - Z-Index e Overflow/D16E4 - Overflow X e Y/index.html
@@ -0,0 +1,134 @@
+
+
+
+
+
+
+ Overflow
+
+
+
+
+
+
+
+
+
+
+
X - Visible
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum qui accusamus vero, atque nihil
+ laudantium tempore nobis nesciunt excepturi dolores perferendis exercitationem eum inventore, corporis
+ quod ipsam, rem aliquam perspiciatis.
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum qui accusamus vero, atque nihil
+ laudantium tempore nobis nesciunt excepturi dolores perferendis exercitationem eum inventore, corporis
+ quod ipsam, rem aliquam perspiciatis.
+
+
+
+
+
+
X - Hidden
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum qui accusamus vero, atque nihil
+ laudantium tempore nobis nesciunt excepturi dolores perferendis exercitationem eum inventore, corporis
+ quod ipsam, rem aliquam perspiciatis.
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum qui accusamus vero, atque nihil
+ laudantium tempore nobis nesciunt excepturi dolores perferendis exercitationem eum inventore, corporis
+ quod ipsam, rem aliquam perspiciatis.
+
+
+
+
+
+
X - Scroll
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum qui accusamus vero, atque nihil
+ laudantium tempore nobis nesciunt excepturi dolores perferendis exercitationem eum inventore, corporis
+ quod ipsam, rem aliquam perspiciatis.
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum qui accusamus vero, atque nihil
+ laudantium tempore nobis nesciunt excepturi dolores perferendis exercitationem eum inventore, corporis
+ quod ipsam, rem aliquam perspiciatis.
+
+
+
+
+
+
X - Auto
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum qui accusamus vero, atque nihil
+ laudantium tempore nobis nesciunt excepturi dolores perferendis exercitationem eum inventore, corporis
+ quod ipsam, rem aliquam perspiciatis.
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum qui accusamus vero, atque nihil
+ laudantium tempore nobis nesciunt excepturi dolores perferendis exercitationem eum inventore, corporis
+ quod ipsam, rem aliquam perspiciatis.
+
+
+
+
+
+
Y - Visible
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum qui accusamus vero, atque nihil
+ laudantium tempore nobis nesciunt excepturi dolores perferendis exercitationem eum inventore, corporis
+ quod ipsam, rem aliquam perspiciatis.
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum qui accusamus vero, atque nihil
+ laudantium tempore nobis nesciunt excepturi dolores perferendis exercitationem eum inventore, corporis
+ quod ipsam, rem aliquam perspiciatis.
+
+
+
+
+
+
Y - Hidden
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum qui accusamus vero, atque nihil
+ laudantium tempore nobis nesciunt excepturi dolores perferendis exercitationem eum inventore, corporis
+ quod ipsam, rem aliquam perspiciatis.
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum qui accusamus vero, atque nihil
+ laudantium tempore nobis nesciunt excepturi dolores perferendis exercitationem eum inventore, corporis
+ quod ipsam, rem aliquam perspiciatis.
+
+
+
+
+
+
Y - Scroll
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum qui accusamus vero, atque nihil
+ laudantium tempore nobis nesciunt excepturi dolores, rem aliquam perspiciatis.
+
+
+
+
+
+
Y - Auto
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum qui accusamus vero, atque nihil
+ laudantium tempore nobis nesciunt excepturi dolores perferendis exercitationem eum inventore, corporis
+ quod ipsam, rem aliquam perspiciatis.
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum qui accusamus vero, atque nihil
+ laudantium tempore nobis nesciunt excepturi dolores perferendis exercitationem eum inventore, corporis
+ quod ipsam, rem aliquam perspiciatis.
+
Foco em diversidade, equalidade e empregabilidade.
+
+
+
+
+
+
Quem somos
+
Somos uma start-up que objetiva impactar vidas. Estamos iniciando em 2021 uma jornada de
+ conhecimento técnico, pessoal e emocional.
+
Buscamos a integração de todos no mercado de trabalho, indiferente de classe social e privilégios,
+ usando a evolução da era digital como base e garantindo opotunidades iguais a todos.
+
Nessa página você pode conhecer mais sobre nossa iniciativa, pessoal e cursos.
+
+
+
+
Como funciona?
+
Você não paga nada pelo seu aprendizado. Nosso objetivo não é lucrar, mas garantir que o
+ mundo será de todos. As aulas, o curso , o material e todo o apoio de nossos docentes
+ será disponibilizado a você de forma gratuita.
+
+
+
+
Você só precisa:
+
Ter disciplina e vontade de aprender. Se você se encaixa nesse perfil, faça sua inscrição. Ao fim
+ do seu curso, você ainda pode ser contratado por uma de nossas empresas parceiras.
+ do curso.
+
+
+
+
+
+
+
+
+
+
Willian Ribeiro
+
Professor: Lorem ipsum, dolor sit amet consectetur adipisicing elit.
+
+
+
+
+
+
Igor Gondim
+
Professor: Lorem ipsum, dolor sit amet consectetur adipisicing elit.
+
+
+
+
+
+
Sayure Paiva
+
Professora: Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Quanto maior o desafio, maior a nossa resistência. #PODEVIR
+
+
+
+
+
+
Quem somos
+
TNT é uma marca de resistência, que te dá energia para encarar e não perder. A resistência da
+ autoexpressão. A resistência das ideias contestadoras. A resistência das atitudes revolucionárias.
+
+
Não importa se você contesta através do seu jeito de vestir, ou da música que você ouve, ou das
+ coisas que você grita. Não deixe que a opinião dos outros ganhe. Não deixe que a censura ganhe. Não
+ deixe que os conservadores ganhem. Não deixe que o silêncio ganhe. Não deixe que a vergonha ganhe.
+ Não deixe que o medo ganhe.
+
+
+
+
Resistir é essencial
+
Obstáculos, medos, metas, desafios, dificuldades... resistir é uma luta diária e é pra isso que a
+ gente veio.
+
#PODEVIR
+
+
+
+
Produtos
+
Sua dose extra de energia em várias opções de sabor: tangerina, maçã verde, açaí com guaraná,
+ pêssego, citrus tradicional e zero.
+
+
+
+
+
+
+
+
+
+
Original
+
Para quem encara tudo o que vem pela frente.
+
+
+
+
+
+
+
Açai com Guaraná
+
Toda energia e sabor das frutas brasileiras para dar um
+ gás a mais.
+
+
+
+
+
+
+
Citrus
+
A energia da cafeína e do extrato de guaraná, com um sabor cítrico e refrescante.
+
+
+
+
+
+
+
Pêssego
+
A mesma energia da cafeína e do extrato de guaraná aliada ao suco da fruta.
+
+
+
+
+
+
+
Maçã Verde
+
O TNT Maçã Verde tem um sabor que é uma explosão pra te surpreender.
+
+
+
+
+
+
+
Tangerina
+
Toda a energia do TNT que você já conhece, mas com sabor tangerina.
+
+
+
+
+
+
+
Zero Açucar
+
O TNT Zero Açúcar tem toda a energia de TNT, com apenas 12 calorias por lata.
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 18 - CSS - Flex-box e GRID/D18E1 - Flex Direction.html b/Dia 18 - CSS - Flex-box e GRID/D18E1 - Flex Direction.html
new file mode 100644
index 0000000..c601d64
--- /dev/null
+++ b/Dia 18 - CSS - Flex-box e GRID/D18E1 - Flex Direction.html
@@ -0,0 +1,77 @@
+
+
+
+
+
+
+
+
+
+ Flex Direction
+
+
+
+
+
+
+
Flex Direction - row
+
+
1
+
2
+
3
+
4
+
5
+
6
+
+
Flex Direction - row-reverse
+
+
1
+
2
+
3
+
4
+
5
+
6
+
+
Flex Direction - column
+
+
1
+
2
+
3
+
4
+
5
+
6
+
+
Flex Direction - column-reverse
+
+
1
+
2
+
3
+
4
+
5
+
6
+
+
+
+
\ No newline at end of file
diff --git a/Dia 18 - CSS - Flex-box e GRID/D18E2 - Flex Wrap.html b/Dia 18 - CSS - Flex-box e GRID/D18E2 - Flex Wrap.html
new file mode 100644
index 0000000..e80d21d
--- /dev/null
+++ b/Dia 18 - CSS - Flex-box e GRID/D18E2 - Flex Wrap.html
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
+
+ Flex Direction
+
+
+
+
+
+
+
flex-wrap: nowrap
+
+
1
+
2
+
3
+
4
+
5
+
6
+
+
flex-wrap: wrap
+
+
1
+
2
+
3
+
4
+
5
+
6
+
+
flex-wrap: wrap-reverse
+
+
1
+
2
+
3
+
4
+
5
+
6
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 18 - CSS - Flex-box e GRID/D18E3 - Justify Content.html b/Dia 18 - CSS - Flex-box e GRID/D18E3 - Justify Content.html
new file mode 100644
index 0000000..3ea35a9
--- /dev/null
+++ b/Dia 18 - CSS - Flex-box e GRID/D18E3 - Justify Content.html
@@ -0,0 +1,76 @@
+
+
+
+
+
+
+
+
+
+ Justify Content
+
+
+
+
+
+
+
Justify Content - flex-start
+
+
1
+
2
+
3
+
4
+
+
Justify Content - flex-end
+
+
1
+
2
+
3
+
4
+
+
Justify Content - center
+
+
1
+
2
+
3
+
4
+
+
Justify Content - space-between
+
+
1
+
2
+
3
+
4
+
+
Justify Content - space-around
+
+
1
+
2
+
3
+
4
+
+
+
+
\ No newline at end of file
diff --git a/Dia 18 - CSS - Flex-box e GRID/D18E4 - Align Content.html b/Dia 18 - CSS - Flex-box e GRID/D18E4 - Align Content.html
new file mode 100644
index 0000000..a483890
--- /dev/null
+++ b/Dia 18 - CSS - Flex-box e GRID/D18E4 - Align Content.html
@@ -0,0 +1,87 @@
+
+
+
+
+
+
+
+
+
+ Align Content
+
+
+
+
+
+
+
Align Content - flex-start
+
+
1
+
2
+
3
+
4
+
5
+
6
+
+
Align Content - flex-end
+
+
1
+
2
+
3
+
4
+
5
+
6
+
+
Align Content - center
+
+
1
+
2
+
3
+
4
+
5
+
6
+
+
Align Content - space-between
+
+
1
+
2
+
3
+
4
+
5
+
6
+
+
Align Content - space-around
+
+
1
+
2
+
3
+
4
+
5
+
6
+
+
+
+
\ No newline at end of file
diff --git a/Dia 18 - CSS - Flex-box e GRID/D18E5 - Align Items.html b/Dia 18 - CSS - Flex-box e GRID/D18E5 - Align Items.html
new file mode 100644
index 0000000..6bfdc0d
--- /dev/null
+++ b/Dia 18 - CSS - Flex-box e GRID/D18E5 - Align Items.html
@@ -0,0 +1,91 @@
+
+
+
+
+
+
+
+
+
+ Align Items
+
+
+
+
+
+
+
Align Items - center
+
+
1
+
2
+
3
+
4
+
+
Align Items - flex-start
+
+
1
+
2
+
3
+
4
+
+
Align Items - flex-end
+
+
1
+
2
+
3
+
4
+
+
Align Items - stretch
+
+
1
+
2
+
3
+
4
+
+
Align Items - baseline
+
+
1
+
2
+
3
+
4
+
+
+
+
\ No newline at end of file
diff --git a/Dia 18 - CSS - Flex-box e GRID/D18E6 - Exemplo Geral.html b/Dia 18 - CSS - Flex-box e GRID/D18E6 - Exemplo Geral.html
new file mode 100644
index 0000000..4bc0d94
--- /dev/null
+++ b/Dia 18 - CSS - Flex-box e GRID/D18E6 - Exemplo Geral.html
@@ -0,0 +1,73 @@
+
+
+
+
+
+
+
+
+
+ Flexbox - Exemplo
+
+
+
+
+
+
+
+
1
+
2
+
3
+
+
+
+
\ No newline at end of file
diff --git a/Dia 18 - CSS - Flex-box e GRID/D18E7 - Grids/css/normalize.css b/Dia 18 - CSS - Flex-box e GRID/D18E7 - Grids/css/normalize.css
new file mode 100644
index 0000000..935ae19
--- /dev/null
+++ b/Dia 18 - CSS - Flex-box e GRID/D18E7 - Grids/css/normalize.css
@@ -0,0 +1,419 @@
+/* Document
+ * ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+}
+
+/* Sections
+ * ========================================================================== */
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Edge, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ * ========================================================================== */
+
+/**
+ * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
+ */
+
+dl dl,
+dl ol,
+dl ul,
+ol dl,
+ul dl {
+ margin: 0;
+}
+
+/**
+ * Remove the margin on nested lists in Edge 18- and IE.
+ */
+
+ol ol,
+ol ul,
+ul ol,
+ul ul {
+ margin: 0;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Correct the inheritance of border color in Firefox.
+ * 3. Show the overflow in Edge 18- and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ color: inherit; /* 2 */
+ height: 0; /* 1 */
+ overflow: visible; /* 3 */
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ * ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Add the correct text decoration in Edge 18-, IE, and Safari.
+ */
+
+abbr[title] {
+ text-decoration: underline;
+ text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/* Embedded content
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images within links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Tabular data
+ * ========================================================================== */
+
+/**
+ * 1. Correct table border color inheritance in all Chrome, Edge, and Safari.
+ * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
+ */
+
+table {
+ border-color: inherit; /* 1 */
+ text-indent: 0; /* 2 */
+}
+
+/* Forms
+ * ========================================================================== */
+
+/**
+ * Remove the margin on controls in Safari.
+ */
+
+button,
+input,
+select {
+ margin: 0;
+}
+
+/**
+ * 1. Show the overflow in IE.
+ * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
+ */
+
+button {
+ overflow: visible; /* 1 */
+ text-transform: none; /* 2 */
+}
+
+/**
+ * Correct the inability to style buttons in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Show the overflow in Edge 18- and IE.
+ */
+
+input {
+ overflow: visible;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge 18- and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in Edge 18- and IE.
+ * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Remove the margin in Firefox and Safari.
+ * 2. Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ margin: 0; /* 1 */
+ overflow: auto; /* 2 */
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome, Edge, and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * Remove the inner padding in Chrome, Edge, and Safari on macOS.
+ */
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style upload buttons in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding of focus outlines in Firefox.
+ */
+
+::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus outline styles unset by the previous rule in Firefox.
+ */
+
+:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Remove the additional :invalid styles in Firefox.
+ */
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/* Interactive
+ * ========================================================================== */
+
+/*
+ * Add the correct display in Edge 18- and IE.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct styles in Edge 18-, IE, and Safari.
+ */
+
+dialog {
+ background-color: white;
+ border: solid;
+ color: black;
+ display: block;
+ height: -moz-fit-content;
+ height: -webkit-fit-content;
+ height: fit-content;
+ left: 0;
+ margin: auto;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ width: -moz-fit-content;
+ width: -webkit-fit-content;
+ width: fit-content;
+}
+
+dialog:not([open]) {
+ display: none;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* User interaction
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/Dia 18 - CSS - Flex-box e GRID/D18E7 - Grids/css/style.css b/Dia 18 - CSS - Flex-box e GRID/D18E7 - Grids/css/style.css
new file mode 100644
index 0000000..6d24f23
--- /dev/null
+++ b/Dia 18 - CSS - Flex-box e GRID/D18E7 - Grids/css/style.css
@@ -0,0 +1,65 @@
+.grid-container {
+ display: grid;
+ height: 90vh;
+ width: 80vw;
+ margin: 5vh auto 0;
+ background-color: aquamarine;
+ grid-template-columns: 10vw 1fr 2fr 1fr 10vw;
+ grid-template-rows: 10vh 1fr 2fr 1fr 10vh;
+ padding: 10px;
+ gap: 10px;
+}
+
+.flex-item {
+ background-color: cadetblue;
+ text-align: center;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 2em;
+}
+
+.tipo-1 {
+ background-color: chocolate;
+ box-shadow: 5px 5px 4px black;
+ overflow: hidden;
+}
+
+.tipo-1 a {
+ padding: 50%;
+ color: azure;
+}
+
+.tipo-1:hover {
+ font-size: 2.5em;
+}
+
+.tipo-1:active {
+ box-shadow: inset 5px 5px 4px black;
+}
+
+.tipo-2 {
+ background: url(../img/logo-sc2.png);
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ text-shadow: 3px 3px 2px rgba(255, 255, 255, 0.527);
+}
+
+.tipo-3 {
+ background: radial-gradient(rgb(204, 0, 255), rgb(50, 205, 197));
+ border-radius: 2vmin;
+}
+
+.tipo-3:hover {
+ background: radial-gradient(rgb(50, 205, 197), rgb(204, 0, 255));
+}
+
+.tipo-4 {
+ background-color: rgb(238, 213, 104);
+ transition: 1s;
+}
+
+.tipo-4:hover {
+ box-shadow: 5px 5px 4px black;
+}
diff --git a/Dia 18 - CSS - Flex-box e GRID/D18E7 - Grids/img/logo-sc2.png b/Dia 18 - CSS - Flex-box e GRID/D18E7 - Grids/img/logo-sc2.png
new file mode 100644
index 0000000..9027e8b
Binary files /dev/null and b/Dia 18 - CSS - Flex-box e GRID/D18E7 - Grids/img/logo-sc2.png differ
diff --git a/Dia 18 - CSS - Flex-box e GRID/D18E7 - Grids/index.html b/Dia 18 - CSS - Flex-box e GRID/D18E7 - Grids/index.html
new file mode 100644
index 0000000..9a0aabb
--- /dev/null
+++ b/Dia 18 - CSS - Flex-box e GRID/D18E7 - Grids/index.html
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+
+
+
+ Grids
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/Dia 2 - HTML - Links e Ancoras/Dia 2 - Exerc\303\255cio 4 - Listas dentro de Listas.html" "b/Dia 2 - HTML - Links e Ancoras/Dia 2 - Exerc\303\255cio 4 - Listas dentro de Listas.html"
new file mode 100644
index 0000000..63ed124
--- /dev/null
+++ "b/Dia 2 - HTML - Links e Ancoras/Dia 2 - Exerc\303\255cio 4 - Listas dentro de Listas.html"
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+
+ Exercício das Listas Dentro de Listas
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 3 - HTML - Menu Dropdown/D3E3 - Menu Dropdown Horizontal - Estilo.css b/Dia 3 - HTML - Menu Dropdown/D3E3 - Menu Dropdown Horizontal - Estilo.css
new file mode 100644
index 0000000..9076db0
--- /dev/null
+++ b/Dia 3 - HTML - Menu Dropdown/D3E3 - Menu Dropdown Horizontal - Estilo.css
@@ -0,0 +1,71 @@
+body {
+ background-color: beige;
+ font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
+}
+
+* {
+ margin: 0;
+ padding: 0;
+}
+
+.menu *{
+ background: #fff;
+}
+
+.menu {
+ list-style: none;
+ border: 1px solid #c0c0c0;
+ float: left;
+}
+
+.menu li {
+ position: relative;
+ float: left;
+ border-right: 1px solid #c0c0c0;
+}
+
+.menu li a {
+ color: #333;
+ text-decoration: none;
+ padding: 5px 10px;
+ display: block;
+}
+
+.menu li a:hover {
+ background: #333;
+ color: #fff;
+ -moz-box-shadow: 0 3px 10px 0 #ccc;
+ -webkit-box-shadow: 0 3px 10px 0 #ccc;
+ text-shadow: 0px 0px 5px #fff;
+}
+
+.menu li ul {
+ position: absolute;
+ top: 28px;
+ left: 0;
+ display: none;
+}
+
+.menu li:hover ul,
+.menu li.over ul {
+ display: block;
+}
+
+.menu li ul li {
+ border: 1px solid #c0c0c0;
+ display: block;
+ width: 150px;
+}
+
+/*teste menu extra*/
+
+.menu ul li ul li{
+ position: relative;
+ left: 150px;
+ top: -29px;
+ display: none;
+}
+
+.menu ul li:hover ul li{
+ display: block;
+}
\ No newline at end of file
diff --git a/Dia 3 - HTML - Menu Dropdown/D3E3 - Menu Dropdown Horizontal.html b/Dia 3 - HTML - Menu Dropdown/D3E3 - Menu Dropdown Horizontal.html
new file mode 100644
index 0000000..3e7baa2
--- /dev/null
+++ b/Dia 3 - HTML - Menu Dropdown/D3E3 - Menu Dropdown Horizontal.html
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+ Exercício Menu Dropdown Horizontal
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/Dia 30 - JS - Array/D30E1 - Exerc\303\255cios Array.html" "b/Dia 30 - JS - Array/D30E1 - Exerc\303\255cios Array.html"
new file mode 100644
index 0000000..4fa1a59
--- /dev/null
+++ "b/Dia 30 - JS - Array/D30E1 - Exerc\303\255cios Array.html"
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Exercícios JS - Array
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 4 - HTML - Semantica e Tabelas/D4E1 - Exercicios Semantica - Estilo.css b/Dia 4 - HTML - Semantica e Tabelas/D4E1 - Exercicios Semantica - Estilo.css
new file mode 100644
index 0000000..7a05fb9
--- /dev/null
+++ b/Dia 4 - HTML - Semantica e Tabelas/D4E1 - Exercicios Semantica - Estilo.css
@@ -0,0 +1,81 @@
+* {
+ padding-left: 5px;
+}
+
+main {
+ height: 1065px;
+ background: red;
+ border: 1px solid #ccc;
+}
+
+header {
+ height: 158px;
+ background: green;
+ border: 1px solid #ccc;
+}
+
+nav {
+ width: max-content;
+ padding-right: 12px;
+ height: 65px;
+ background-color: beige;
+}
+
+nav ul {
+ list-style: none;
+}
+
+nav li {
+ background-color: white;
+ border: 2px solid seagreen;
+ position: relative;
+ float: left;
+ padding-top: ;
+ padding-left: 15px;
+ padding-right: 15px;
+ text-decoration: none;
+}
+
+nav li:hover {
+ background-color: gray;
+ }
+
+nav a {
+ text-decoration: none;
+}
+
+nav li:hover a {
+ text-decoration: underline;
+}
+
+aside {
+ float: right;
+ height: 1063px;
+ width: 25%;
+ background: yellow;
+ border: 1px solid #ccc;
+}
+
+article {
+ padding-left: 0px;
+ margin-left: 1%;
+ margin-bottom: 12px;
+ height: 150px;
+ width: 72%;
+ background: magenta;
+ border: 1px solid #ccc;
+}
+
+article header{
+ padding-top: 5px;
+ font-weight: bolder;
+ height: 24px;
+ background: lightsalmon;
+ border: 1px solid #ccc;
+}
+
+footer {
+ height: 200px;
+ background: cyan;
+ border: 1px solid #ccc;
+}
\ No newline at end of file
diff --git a/Dia 4 - HTML - Semantica e Tabelas/D4E1 - Exercicios Semantica.html b/Dia 4 - HTML - Semantica e Tabelas/D4E1 - Exercicios Semantica.html
new file mode 100644
index 0000000..7ddb8e9
--- /dev/null
+++ b/Dia 4 - HTML - Semantica e Tabelas/D4E1 - Exercicios Semantica.html
@@ -0,0 +1,79 @@
+
+
+
+
+
+
+ Exercício Semântica
+
+
+
+
+
+
+
Header
+
+
+
+
+
+
Main
+
+
+ Artigo 1 Header
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Modi sed itaque
+ distinctio sit veniam quaerat aliquam excepturi tenetur, deserunt eos perferendis
+ praesentium ipsa, mollitia totam, nam adipisci! Ut, voluptatum quia?
+
+
+ Artigo 2 Header
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Modi sed itaque
+ distinctio sit veniam quaerat aliquam excepturi tenetur, deserunt eos perferendis
+ praesentium ipsa, mollitia totam, nam adipisci! Ut, voluptatum quia?
+
+
+ Artigo 3 Header
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Modi sed itaque
+ distinctio sit veniam quaerat aliquam excepturi tenetur, deserunt eos perferendis
+ praesentium ipsa, mollitia totam, nam adipisci! Ut, voluptatum quia?
+
+
+
+
+
+ Matéria 1 Header
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Modi sed itaque
+ distinctio sit veniam quaerat aliquam excepturi tenetur, deserunt eos perferendis
+ praesentium ipsa, mollitia totam, nam adipisci! Ut, voluptatum quia?
+
+
+ Matéria 2 Header
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Modi sed itaque
+ distinctio sit veniam quaerat aliquam excepturi tenetur, deserunt eos perferendis
+ praesentium ipsa, mollitia totam, nam adipisci! Ut, voluptatum quia?
+
+
+ Matéria 3 Header
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Modi sed itaque
+ distinctio sit veniam quaerat aliquam excepturi tenetur, deserunt eos perferendis
+ praesentium ipsa, mollitia totam, nam adipisci! Ut, voluptatum quia?
Tudo sobre esportes, mas usando cores aleatórias para marcar as seções diferentes.
+
+
+
+
+
Seção Basquete
+
+
+ Artigo sobre basquete
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Modi sed itaque
+ distinctio sit veniam quaerat aliquam excepturi tenetur, deserunt eos perferendis
+ praesentium ipsa, mollitia totam, nam adipisci! Ut, voluptatum quia?
+
+
+
+
+
+
Seção Volei
+
+
+ Artigo sobre volei
+
Sem lorem ipsum aqui pois ta vindo a citação. Esta é a citação que ia aparecer,
+ e aqui mais um pouco de enrolação pra não fica muito curto o texto desse artigo em relação
+ ao outro. Acho que até aqui ta o suficiente.
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 4 - HTML - Semantica e Tabelas/D4E3 - Exercicio Tabelas.html b/Dia 4 - HTML - Semantica e Tabelas/D4E3 - Exercicio Tabelas.html
new file mode 100644
index 0000000..517ba47
--- /dev/null
+++ b/Dia 4 - HTML - Semantica e Tabelas/D4E3 - Exercicio Tabelas.html
@@ -0,0 +1,106 @@
+
+
+
+
+
+
+ Exercício Tabelas
+
+
+
+
+
+
Simple table with header
+
+
+
First name
+
Last name
+
+
+
John
+
Doe
+
+
+
Jane
+
Doe
+
+
+
+
Table with thead, tfoot, and tbody
+
+
+
+
Header content 1
+
Header content 2
+
+
+
+
+
Body content 1
+
Body content 2
+
+
+
+
+
Footer content 1
+
Footer content 2
+
+
+
+
+
Table with colgroup
+
+
+
+
Countries
+
Capitals
+
Population
+
Language
+
+
+
USA
+
Washington, D.C.
+
309 million
+
English
+
+
+
Sweden
+
Stockholm
+
9 million
+
Swedish
+
+
+
+
Table with colgroup and col
+
+
+
+
+
+
+
Lime
+
Lemon
+
Orange
+
+
+
Green
+
Yellow
+
Orange
+
+
+
+
Simple table with caption
+
+
Awesome caption
+
+
Awesome data
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 4 - HTML - Semantica e Tabelas/D4E4 - Exercicio rowspan e colspan 2.html b/Dia 4 - HTML - Semantica e Tabelas/D4E4 - Exercicio rowspan e colspan 2.html
new file mode 100644
index 0000000..4918126
--- /dev/null
+++ b/Dia 4 - HTML - Semantica e Tabelas/D4E4 - Exercicio rowspan e colspan 2.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+ Exercício Rowspan e Colspan 2
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 4 - HTML - Semantica e Tabelas/D4E4 - Exercicio rowspan e colspan.css b/Dia 4 - HTML - Semantica e Tabelas/D4E4 - Exercicio rowspan e colspan.css
new file mode 100644
index 0000000..1f20886
--- /dev/null
+++ b/Dia 4 - HTML - Semantica e Tabelas/D4E4 - Exercicio rowspan e colspan.css
@@ -0,0 +1,33 @@
+table,
+td,
+th {
+ border: 1px solid#000;
+ border-collapse: separate;
+ border-spacing: 15px;
+}
+
+table {
+ width: 90%;
+ margin: auto;
+}
+
+tr {
+ height: 150px;
+}
+
+#cabecalho {
+ background-color: lightskyblue;
+}
+
+#menu {
+ background-color: pink;
+ width: 20%;
+}
+
+#conteudo {
+ background-color: khaki;
+}
+
+#footer {
+ background-color: lightgreen;
+}
\ No newline at end of file
diff --git a/Dia 4 - HTML - Semantica e Tabelas/D4E4 - Exercicio rowspan e colspan.html b/Dia 4 - HTML - Semantica e Tabelas/D4E4 - Exercicio rowspan e colspan.html
new file mode 100644
index 0000000..bbb56c4
--- /dev/null
+++ b/Dia 4 - HTML - Semantica e Tabelas/D4E4 - Exercicio rowspan e colspan.html
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+ Exercício Rowspan e Colspan
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Dia 4 - HTML - Semantica e Tabelas/img/basquete.jpg b/Dia 4 - HTML - Semantica e Tabelas/img/basquete.jpg
new file mode 100644
index 0000000..97d4300
Binary files /dev/null and b/Dia 4 - HTML - Semantica e Tabelas/img/basquete.jpg differ
diff --git a/Dia 4 - HTML - Semantica e Tabelas/img/volei.jpg b/Dia 4 - HTML - Semantica e Tabelas/img/volei.jpg
new file mode 100644
index 0000000..f7b2422
Binary files /dev/null and b/Dia 4 - HTML - Semantica e Tabelas/img/volei.jpg differ
diff --git "a/Dia 5 - HTML - Tabelas e Formul\303\241rios/D5E1 - Exercicio Tabela Semantica.html" "b/Dia 5 - HTML - Tabelas e Formul\303\241rios/D5E1 - Exercicio Tabela Semantica.html"
new file mode 100644
index 0000000..548d348
--- /dev/null
+++ "b/Dia 5 - HTML - Tabelas e Formul\303\241rios/D5E1 - Exercicio Tabela Semantica.html"
@@ -0,0 +1,78 @@
+
+
+
+
+
+
+ Exercício Tabela Semântica
+
+
+
+
+
+
+
+
Tabela de produtos
+
+
+ Produto
+
+
+ Descrição
+
+
+ Valor
+
+
+
+
+
+ Tênis
+
+
+ Tênis com amortecedor, tecido vermelho com cadarço preto.
+
+
+ R$350,00
+
+
+
+
+
+ Camiseta
+
+
+ Tamanho GG, cor preta e uma estampa nas costas.
+
+
+ R$55,00
+
+
+
+
+
+ Calça
+
+
+ Tecido Jeans, azul claro, com botão duplo.
+
+
+ R$105,00
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/Dia 5 - HTML - Tabelas e Formul\303\241rios/D5E2 - Exercicio Tabela Duplas 1.html" "b/Dia 5 - HTML - Tabelas e Formul\303\241rios/D5E2 - Exercicio Tabela Duplas 1.html"
new file mode 100644
index 0000000..9e7e1b8
--- /dev/null
+++ "b/Dia 5 - HTML - Tabelas e Formul\303\241rios/D5E2 - Exercicio Tabela Duplas 1.html"
@@ -0,0 +1,129 @@
+
+
+
+
+
+
+ Exercício Tabela Duplas
+
+
+
+
+
+
+
Tabela 1
+
+
Linguagens de progamação
+
+
+
+ Tipos de Linguagem
+
+
+
+
+
+
+ by HTML Progressivo
+
+
+
+
+
Linguagem\uso
+
Web
+
Desktop
+
+
+
HTML
+
X
+
+
+
+
JavaScript
+
X
+
+
+
+
C
+
+
X
+
+
+
C++
+
+
X
+
+
+
PHP
+
X
+
+
+
+
Java
+
+
X
+
+
+
+
Tabela 2
+
+
+
Linguagens de progamação
+
+
+
+ Tipos de Linguagem
+
+
+
+
+
+
+ by HTML Progressivo
+
+
+
+
+
Linguagens para Web
+
HTML
+
+
+
JavaScript
+
+
+
PHP
+
+
+
Linguagens para Desktop
+
C
+
+
+
C++
+
+
+
Java
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/Dia 5 - HTML - Tabelas e Formul\303\241rios/D5E3 - Exercicio Tabela Duplas 2.html" "b/Dia 5 - HTML - Tabelas e Formul\303\241rios/D5E3 - Exercicio Tabela Duplas 2.html"
new file mode 100644
index 0000000..92f86ac
--- /dev/null
+++ "b/Dia 5 - HTML - Tabelas e Formul\303\241rios/D5E3 - Exercicio Tabela Duplas 2.html"
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+ THE BOOK IS ON THE TABLE!
+
+
+
+
+
+
+
+
+
+
CABEÇALHO 1
+
CABEÇALHO 2
+
+
+
+
+
Giovanni, Joseane, Roberto
+
+
+
+
+
+
LINHA 2 COLUNA 1
+
LINHA 2 COLUNA 2
+
LINHA 2 COLUNA 3
+
LINHA ROW
+
+
+
+
LINHA 3 COLUNA 1
+
LINHA 3 COLUNA 2
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/Dia 5 - HTML - Tabelas e Formul\303\241rios/D5E4 - Exercicio Formularios 2.html" "b/Dia 5 - HTML - Tabelas e Formul\303\241rios/D5E4 - Exercicio Formularios 2.html"
new file mode 100644
index 0000000..a3cd02b
--- /dev/null
+++ "b/Dia 5 - HTML - Tabelas e Formul\303\241rios/D5E4 - Exercicio Formularios 2.html"
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+ Formulário de Vacinação
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+