├── .gitignore
├── LICENSE
├── README.md
├── _config.yml
├── ajude-a-divulgar
├── arte000-modelo
│ ├── modelo-horizontal.png
│ ├── modelo-quadrado.png
│ └── modelo-vertical.png
└── arte001-gustavoguanabara
│ ├── gustavoguanabara-horizontal.png
│ ├── gustavoguanabara-quadrado.png
│ ├── gustavoguanabara-vertical.png
│ └── instagram-multi
│ ├── instagram-multi-001.png
│ ├── instagram-multi-002.png
│ ├── instagram-multi-003.png
│ └── instagram-multi-004.png
├── aulas-pdf
├── 01 - História da Internet.pdf
├── 02 - Como funciona a Internet.pdf
├── 03 - Como funciona HTML e CSS.pdf
├── 04 - Primeiros passos HTML.pdf
├── 05 - Caracteres, parágrafos e quebras de linha.pdf
├── 06 - Imagens e Favicon.pdf
├── 07 - Hierarquia de títulos.pdf
├── 08 - Formatação de Textos.pdf
├── 09 - Listas HTML.pdf
├── 10 - Ligações em toda parte.pdf
├── 11 - Imagens dinâmicas, áudios e vídeos.pdf
├── 12 - Trabalhando com estilos.pdf
├── 13 - Cores.pdf
├── 14 - Fontes.pdf
├── 15 -Seletores personalizados.pdf
├── 16 - Modelo de Caixas.pdf
├── 17 - Primeiro mini-projeto.pdf
├── 18 - Aprendendo Git e GitHub.pdf
├── 19 - Imagens de Fundo.pdf
└── 20 - Mini-projeto Cordel.pdf
├── desafios
├── modulo-01
│ ├── d001
│ │ └── desafio-mensagens.pdf
│ ├── d002
│ │ ├── desafio-imagens.pdf
│ │ └── imagens
│ │ │ ├── favicon.ico
│ │ │ ├── favicon.png
│ │ │ ├── github-g.png
│ │ │ ├── github-gg.png
│ │ │ ├── github-m.png
│ │ │ ├── github-p.png
│ │ │ ├── github-pp.png
│ │ │ └── icone.png
│ ├── d003
│ │ ├── desafio-mapa-mundi.pdf
│ │ └── imagens
│ │ │ ├── mapa01.png
│ │ │ ├── mapa02.png
│ │ │ ├── mapa03.png
│ │ │ ├── mapa04.png
│ │ │ ├── mapa05.png
│ │ │ ├── mapa06.png
│ │ │ ├── mapa07.png
│ │ │ ├── mapa08.png
│ │ │ └── mapa09.png
│ ├── d004
│ │ └── desafio-emoji.pdf
│ ├── d005
│ │ ├── desafio-social.pdf
│ │ └── imagens
│ │ │ ├── foto-perfil-guanabara.png
│ │ │ ├── icone-facebook.png
│ │ │ ├── icone-github.png
│ │ │ ├── icone-instagram.png
│ │ │ ├── icone-linkedin.png
│ │ │ ├── icone-twitter.png
│ │ │ └── icone-youtube.png
│ ├── d006
│ │ └── desafio-tags.pdf
│ ├── d007
│ │ ├── desafio-imagem-flexivel.pdf
│ │ └── imagens
│ │ │ ├── paisagem-g.png
│ │ │ ├── paisagem-m.png
│ │ │ └── paisagem-p.png
│ ├── d008
│ │ └── desafio-navegacao.pdf
│ └── d009
│ │ ├── desafio-videos.pdf
│ │ └── imagens
│ │ ├── thumb-hardware.png
│ │ ├── thumb-html.png
│ │ ├── thumb-js.png
│ │ ├── thumb-python.png
│ │ └── voltar.png
├── modulo-02
│ ├── d010
│ │ ├── desafio-android.pdf
│ │ └── pacote-projeto-d010.zip
│ ├── d011
│ │ ├── desafio-astronauta-1.pdf
│ │ └── imagens
│ │ │ ├── astronauta.png
│ │ │ └── espaco.jpg
│ └── d012
│ │ ├── desafio-cordel.pdf
│ │ └── pacote-d012.zip
├── modulo-03
│ └── nao-tem-desafios.txt
└── modulo-04
│ └── d013
│ └── pacote-d013.zip
├── exercicios
├── index.html
├── modulo-01
│ ├── ex001
│ │ └── index.html
│ ├── ex002
│ │ └── index.html
│ ├── ex003
│ │ ├── imagens
│ │ │ └── logo-css.png
│ │ ├── index.html
│ │ └── logo-html.png
│ ├── ex004
│ │ ├── cursoemvideo01.ico
│ │ ├── cursoemvideo02.ico
│ │ ├── html.ico
│ │ ├── index.html
│ │ └── nerd.ico
│ ├── ex006
│ │ ├── favicon.ico
│ │ └── index.html
│ ├── ex007
│ │ ├── html4.html
│ │ ├── html5.html
│ │ └── index.html
│ ├── ex008
│ │ └── index.html
│ ├── ex009
│ │ └── index.html
│ ├── ex010
│ │ ├── index.html
│ │ ├── livro
│ │ │ ├── meulivro.pdf
│ │ │ └── meulivro.zip
│ │ ├── noticias
│ │ │ └── pag003.html
│ │ └── pag002.html
│ ├── ex011
│ │ ├── imagens
│ │ │ ├── foto-g.png
│ │ │ ├── foto-m.png
│ │ │ └── foto-p.png
│ │ ├── index.html
│ │ └── midia
│ │ │ ├── guanacast-33.mp3
│ │ │ └── happy-mistake.mp3
│ ├── ex012
│ │ ├── imagens
│ │ │ └── limoes-capa.png
│ │ ├── index.html
│ │ └── midia
│ │ │ ├── meu-video.m4v
│ │ │ ├── meu-video.mp4
│ │ │ ├── meu-video.ogv
│ │ │ └── meu-video.webm
│ ├── ex013
│ │ └── index.html
│ ├── ex014
│ │ └── index.html
│ └── ex015
│ │ ├── index.html
│ │ ├── pagina02.html
│ │ └── style.css
├── modulo-02
│ ├── ex016
│ │ └── index.html
│ ├── ex017
│ │ └── index.html
│ ├── ex018
│ │ ├── index.html
│ │ └── littlebird.ttf
│ ├── ex019
│ │ └── index.html
│ └── ex020
│ │ └── index.html
├── modulo-03
│ ├── ex022
│ │ ├── fundo001.html
│ │ ├── fundo002.html
│ │ ├── fundo003.html
│ │ ├── fundo004.html
│ │ ├── fundo005.html
│ │ ├── imagens-cap19.zip
│ │ └── imagens
│ │ │ ├── pattern001.png
│ │ │ ├── pattern002.png
│ │ │ ├── pattern003.png
│ │ │ ├── pattern004.png
│ │ │ ├── wallpaper001.jpg
│ │ │ ├── wallpaper002.jpg
│ │ │ ├── wallpaper003.jpg
│ │ │ ├── wallpaper004.jpg
│ │ │ ├── wallpaper005.jpg
│ │ │ └── wallpaper006.jpg
│ └── ex023
│ │ ├── tabela001.html
│ │ ├── tabela002.html
│ │ ├── tabela003.html
│ │ └── tabela004.html
├── modulo-04
│ └── ex026
│ │ └── pacote-imagens-cap25.zip
└── style.css
└── imagens
├── mascote.png
├── pdf-icon.png
└── vscode-icon.png
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | exercicios/teste/*
3 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2020 Gustavo Guanabara
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | Exercícios de HTML5 e CSS3
7 |
11 | Exercícios de HTML5 e CSS3
12 |
16 |
17 |
21 | 📁 Módulo 01: Primeiros Passos
22 |
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex001/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Meu primeiro exercício
7 |
8 |
9 | Olá, Mundo!
10 | Esse é o meu primeiro documento HTML! Estou muito feliz!
12 | Este é um momento único! Estou criando um site!
13 |
14 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex002/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Parágrafos
7 |
8 |
9 | Parágrafos e quebras de linha
10 | Você pode escrever
12 | um parágrafo de
13 | qualquer jeito.
14 | Basta colocar tudo
15 | no meio do par de tags
16 | <p> e </p>
17 |
18 | Se precisar quebrar
19 | o texto em algum lugar
20 | específico
23 | Vamos adicionar alguns símbolos especiais:
24 | ®
25 | ©
26 | ™
27 | €
28 | £
29 | ¥
30 | ¢
31 | Δ
32 | ↑
33 |
34 | Vamos adicionar alguns emoji:
35 | 🖖
36 | 🤓
37 |
38 |
39 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex003/imagens/logo-css.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex003/imagens/logo-css.png
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex003/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Teste com Imagens
7 |
8 |
9 | Testando carga e Imagens
10 | Abaixo você vai ver uma imagem que está na mesma pasta.
11 | Podemos também carregar imagens que estão em sub-pastas.
13 | Também podemos carregar imagens externas
15 | Teste de Favicon
8 |
9 |
10 | Olha o favicon aqui em cima
11 |
12 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex004/nerd.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex004/nerd.ico
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex006/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex006/favicon.ico
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex006/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Hierarquia de Títulos
8 |
9 |
10 | Entendendo Portugal
11 | Introdução
12 | Justificação da Temática
13 | Lorem ipsum dolor sit, amet consectetur adipisicing elit. Alias quasi in corporis voluptatibus quia libero nemo! Totam, quidem et! Enim error nulla sunt quibusdam officiis officia, assumenda ab exercitationem in.
14 | Caráter excecional
15 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quo dolor exercitationem eaque, quos odio quidem ut labore in commodi dolorem qui vitae, voluptas nam nemo eligendi repellat quasi dolores adipisci.
16 | Perguntas de partida
17 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Modi sint sapiente quis vero tenetur dignissimos cum porro minus placeat error eum ipsam aspernatur ullam esse nisi dicta, perspiciatis nostrum blanditiis!
18 | Metodologia de Investigação
19 | Etapas de Investigação
20 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quibusdam quos error explicabo corporis minus voluptatem exercitationem. Harum sed, porro culpa, beatae atque iure odit consectetur, quibusdam tempora quae numquam. Necessitatibus.
21 | Instrumentos de análise
22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut asperiores dolores consectetur? Obcaecati veritatis quos rem soluta eum saepe magnam consectetur tenetur eius molestias, laudantium ut iusto illo, vero deserunt?
23 | Ordenamento do Território em Portugal
24 | Os instrumentos de gestão
25 | Os instrumentos de planeamento
26 | Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quasi, laudantium tempore totam vero iste sed error est ratione nesciunt, architecto dicta omnis reiciendis praesentium nihil voluptates. Fugit, reiciendis! Voluptatibus, reiciendis.
27 | Os regimes territoriais
28 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam dignissimos quia quam ipsum atque praesentium, illo enim earum suscipit. Vitae commodi quasi ea voluptate eos esse, harum enim iste totam.
29 |
30 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex007/html4.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Meu site HTML4
4 |
5 |
6 | Eu moro na Rua dos Capixabas, 229 - Botafogo - RJ
7 | Teste de Marquee
8 |
9 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex007/html5.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Exemplo de Semântica
7 |
12 |
13 |
14 |
15 | Eu moro na
Rua dos Capixabas, 229 - Botafogo - RJ
16 |
17 |
18 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex007/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Formatação de Textos
7 |
12 |
13 |
14 | Principais formatações
15 | Negrito / Destaque
16 | Nesta frase temos um termo em negrito usando a tag B (não semântica).
17 | Nesta frase, tenho um termo em destaque usando a tag STRONG (semântica).
18 | Itálico / Ênfase
19 | Nesta frase, temos um termo em itálico usando a tag I (não semântica).
20 | Nesta frase, temos um termo em ênfase usando a tag EM (semântica).
21 | Texto marcado
22 | Podemos criar também um texto marcado usando a tag MARK.
23 | E no outro parágrafo, temos outro texto marcado no final.
24 | Texto grande e pequeno
25 | Estamos criando um texto grande e um texto pequeno nesse parágrafo.
26 | Texto deletado
27 | Podemos marcar um texto como excluído para indicar que ele deve ser lido, mas não considerado.
28 | Texto inserido
29 | Podemos marcar um texto como inserido para dar uma ênfase e indicar que ele foi adicionado depois.
30 | Existe também o sublinhado com a tag U (não semântica)
31 | Texto sobrescrito
32 | Para inserir coisas do tipo x20 +3
33 | Texto subscrito
34 | Para inserir coisas do tipo H2 O
35 |
36 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex008/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Outras formatações
7 |
8 |
9 | Outras formatações
10 | Código-fonte / Pré-formatação
11 | O comando document.getElementById('teste') é escrito em linguagem JavaScript.
12 |
13 |
14 | num = int(input('Digite um número'))
15 | if num % 2 == 0:
16 | print(f'O número {num} é PAR')
17 | else:
18 | print(f'O número {num} é ÍMPAR')
19 | print('Fim do programa')
20 |
21 |
22 | Citações simples
23 | Como diria o pai de um amigo: o computador é um burro muito rápido
24 | Citações completas
25 | Segundo Jeff Noble, no seu livro HTML para Leigos:
26 |
27 | A diferença entre elementos inline e um bloco de texto é importante. Os elementos HTML neste capítulo descrevem os blocos de texto.
28 |
29 | Abreviações
30 | Estou estudando HTML e CSS . Estou adorando!
31 | Texto invertido
32 | Estou aprendendo a criar coisas em HTML.
33 |
34 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex009/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Listas
7 |
8 |
9 | Trabalhando com Listas
10 | Listas Ordenadas
11 |
12 | Acordar
13 | Ligar para o João
14 | Tomar café
15 | Escovar os dentes
16 | Ir para a faculdade
17 | Almoçar
18 | Ir para o trabalho
19 | Voltar para casa
20 | Jantar
21 | Dormir
22 |
23 | Listas não Ordenadas
24 |
25 | Pão
26 | Leite
27 | Tomate
28 | Alface
29 | Manteiga
30 | Arroz
31 | Feijão
32 |
33 | Minhas linguagens favoritas
34 |
35 | Antigas
36 |
37 | Clipper
38 | Visual Basic
39 | Fortran
40 | Delphi
41 |
42 | Novas
43 |
44 | PHP
45 | Python
46 | JavaScript
47 | Kotlin
48 |
49 |
50 | Meus jogos favoritos
51 |
52 | NES
53 |
54 | Mario Bros
55 |
56 | Mario Bros 3
57 | Mario: Lost Levels
58 |
59 | Ninja Gaiden
60 |
61 | SNES
62 |
63 | Mario
64 | Donkey Kong
65 |
66 | PlayStation
67 |
68 | Final Fantasy
69 | Castlevania
70 |
71 |
72 | Lista de Definições
73 |
74 | HTML
75 | Linguagem de marcação para a criação do conteúdo de um site.
76 | CSS
77 | Linguagem de marcação para a criação do design de um site.
78 | JavaScript
79 | Linguagem de programação para a criação de interatividade de um site.
80 |
81 |
82 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex010/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Trabalhando com links
7 |
8 |
9 | Usando links externos
10 | Você pode acessar o meu repositório público no GitHub
11 | Você também pode acessar o meu canal gratuito no YouTube
12 |
13 | Usando links internos
14 | Esta é a primeira página do site. Se você quiser, pode acessar também a minha segunda página
15 | Você também pode acessar a nossa página de notícias
16 |
17 | Links para download
18 |
22 |
23 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex010/livro/meulivro.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex010/livro/meulivro.pdf
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex010/livro/meulivro.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex010/livro/meulivro.zip
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex010/noticias/pag003.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Terceira página
7 |
8 |
9 | Terceira página
10 | Esta é a terceira página.
11 | Voltar para a primeira página
12 |
13 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex010/pag002.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Página 02
7 |
8 |
9 | Esta é a segunda página do meu site
10 | A segunda página está aqui.
11 | Esta página é um oferecimento de Hostnet
12 | Voltar para a primeira página
13 |
14 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex011/imagens/foto-g.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex011/imagens/foto-g.png
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex011/imagens/foto-m.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex011/imagens/foto-m.png
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex011/imagens/foto-p.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex011/imagens/foto-p.png
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex011/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Mídias em HTML5
7 |
8 |
9 | Imagem dinâmica
10 | Tente abrir esse site em vários dispositivos diferentes ou simplesmente aumente e diminua o tamanho do seu navegador.
11 |
12 |
13 |
14 |
16 |
17 | Reproduzindo Áudio
18 | Vamos aprender a reproduzir áudios em HTML5.
19 |
20 |
21 |
22 |
23 | Infelizmente seu navegador não consegue reproduzir áudio. Clique aqui para baixar o arquivo MP3
24 |
25 |
26 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex011/midia/guanacast-33.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex011/midia/guanacast-33.mp3
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex011/midia/happy-mistake.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex011/midia/happy-mistake.mp3
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex012/imagens/limoes-capa.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex012/imagens/limoes-capa.png
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex012/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Vídeos com HTML5
7 |
8 |
9 | Inserindo vídeos hospedados localmente
10 | Este vídeo está hospedado no meu próprio servidor.
11 |
12 |
13 |
14 |
15 |
16 |
17 | Seu navegador não tem compatibilidade com reprodução de vídeos.
18 |
19 |
20 | Inserindo vídeos do YouTube
21 | VIDEO
22 |
23 | Inserindo vídeos do Vimeo
24 |
25 |
26 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex012/midia/meu-video.m4v:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex012/midia/meu-video.m4v
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex012/midia/meu-video.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex012/midia/meu-video.mp4
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex012/midia/meu-video.ogv:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex012/midia/meu-video.ogv
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex012/midia/meu-video.webm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex012/midia/meu-video.webm
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex013/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Estilos Inline
7 |
8 |
9 | Capítulo 1
10 | Capítulo 1.1
11 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit assumenda itaque vitae optio modi quaerat aperiam perspiciatis dignissimos sit repudiandae asperiores ipsam officiis aliquid explicabo quis fuga nesciunt, esse possimus.
12 | Capítulo 1.2
13 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel debitis omnis illo sunt, accusantium quaerat provident quam eius consequuntur quae veritatis id alias laudantium porro natus expedita, hic et recusandae?
14 | Capítulo 2
15 | Capítulo 2.1
16 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus blanditiis earum molestiae quasi, repellendus quis assumenda nesciunt quo, ullam animi aspernatur deserunt aliquam deleniti totam aut culpa dolorem reprehenderit facere?
17 |
18 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex014/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Estilos Locais / Internos
7 |
27 |
28 |
29 | Capítulo 1
30 | Capítulo 1.1
31 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit assumenda itaque vitae optio modi quaerat aperiam perspiciatis dignissimos sit repudiandae asperiores ipsam officiis aliquid explicabo quis fuga nesciunt, esse possimus.
32 | Capítulo 1.2
33 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel debitis omnis illo sunt, accusantium quaerat provident quam eius consequuntur quae veritatis id alias laudantium porro natus expedita, hic et recusandae?
34 | Capítulo 2
35 | Capítulo 2.1
36 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus blanditiis earum molestiae quasi, repellendus quis assumenda nesciunt quo, ullam animi aspernatur deserunt aliquam deleniti totam aut culpa dolorem reprehenderit facere?
37 |
38 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex015/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Estilos Externos
7 | Capítulo 1
16 | Capítulo 1.1
17 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit assumenda itaque vitae optio modi quaerat aperiam perspiciatis dignissimos sit repudiandae asperiores ipsam officiis aliquid explicabo quis fuga nesciunt, esse possimus.
18 | Capítulo 1.2
19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel debitis omnis illo sunt, accusantium quaerat provident quam eius consequuntur quae veritatis id alias laudantium porro natus expedita, hic et recusandae?
20 | Capítulo 2
21 | Capítulo 2.1
22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus blanditiis earum molestiae quasi, repellendus quis assumenda nesciunt quo, ullam animi aspernatur deserunt aliquam deleniti totam aut culpa dolorem reprehenderit facere?
23 | Ir para a página 2
24 |
25 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex015/pagina02.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Segunda página
7 | Segunda página
11 | Teste de estilos
12 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium, id. Quo quas provident, dolor voluptatum nemo magnam pariatur! Cumque dolorum quibusdam aperiam, nisi et nemo vel odit laborum quod similique.
13 | Voltar
14 |
15 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex015/style.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 |
3 | body {
4 | background-color: lightgoldenrodyellow;
5 | font-family: Arial, Helvetica, sans-serif;
6 | font-size: 20px;
7 | }
8 |
9 | h1 {
10 | color:maroon;
11 | background-color: goldenrod;
12 | }
13 |
14 | h2 {
15 | color: darkred;
16 | }
17 |
18 | p {
19 | text-align: justify;
20 | }
--------------------------------------------------------------------------------
/exercicios/modulo-02/ex016/index.html:
--------------------------------------------------------------------------------
1 |
16 |
17 |
18 |
19 |
20 |
21 | Cores em CSS
24 |
25 |
26 | Cores em CSS
27 | Para entender esse exercício, olhe bem atentamente o código fonte do arquivo.
28 | Este título está colorido usando cores por nome
29 | Já esse está usando cores pelo código Hexadecimal
30 | Este outro está colorido usando códigos RGB (red, green, blue)
31 | Este outro aqui está usando códigos HSL (hue, saturation, light)
32 | As cores resultantes são exatamente as mesmas, mas o formato de representação muda conforme o padrão escolhido.
33 | Também é possível usar transparência, usando o formato RGBA (red, green, blue, alpha)
34 | Nesse título, o fundo azul teve sua transparência configurada para 50%
35 |
36 |
--------------------------------------------------------------------------------
/exercicios/modulo-02/ex017/index.html:
--------------------------------------------------------------------------------
1 |
16 |
17 |
18 |
19 |
20 | Alinhamentos com CSS
23 |
24 |
25 | Alinhamento de textos usando CSS
26 | Este primeiro parágrafo terá o alinhamento padrão, à esquerda.
27 | O segundo parágrafo ficará alinhado à direita.
28 | O terceiro parágrafo terá alinhamento centralizado.
29 | O último parágrafo terá o alinhamento justificado. Para que você perceba isso, terei que colocar um texto um pouco maior. Caso você não perceba que o alinhamento está sendo feito nas duas laterais, tente diminuir um pouco o tamanho do seu navegador. Esse tipo de alinhamento é bastante utilizado para textos longos e grandes parágrafos, para dar uma sensação de simetria. Agora eu já não sei mais o que escrever, mas vou continuar para que seu texto fique grande o suficiente para que você possa ver o alinhamento justificado. Nunca pensei que seria tão difícil ficar escrevendo coisas sem sentido só pra que uma explicação faça um sentido mínimo. Já chega, pra mim já deu! Espero que você tenha conseguido entender.
30 |
31 |
--------------------------------------------------------------------------------
/exercicios/modulo-02/ex018/index.html:
--------------------------------------------------------------------------------
1 |
16 |
17 |
18 |
19 |
20 | Fontes em CSS
23 |
49 |
50 |
51 | Fontes em CSS
52 | Podemos configurar fontes padrão do sistema
53 | Ou então usar uma fonte do Google Fonts
54 | Ou ainda usar um arquivo local de fontes
55 |
56 |
--------------------------------------------------------------------------------
/exercicios/modulo-02/ex018/littlebird.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-02/ex018/littlebird.ttf
--------------------------------------------------------------------------------
/exercicios/modulo-02/ex019/index.html:
--------------------------------------------------------------------------------
1 |
16 |
17 |
18 |
22 |
23 |
24 | Classes CSS
27 |
50 |
51 |
52 | Classes em CSS
53 | Para evitar o stress do último exercício, onde tive que ficar inventando textos, vou pegar aqui um texto que foi copiado de um site de notícias 😅
54 |
55 | Amazon lança sua própria distribuição Linux
56 |
57 |
58 | A gigante de comércio Amazon surpreende mais uma vez e lança uma distribuição Linux própria. O novo sistema operacional de código aberto é chamado Bottlerocket. Porém, muita calma nessa hora. Antes de se empolgar com a distro e tentar fazer a instalação você precisa saber que ela não funciona da mesma forma que outras ‘normais’ como Ubuntu, Debian ou Fedora.
59 |
60 |
61 | Conheça a Bottlerocket: distribuição Linux da Amazon para execução de contêineres
62 |
63 |
64 | Muita coisa mudou no setor de TI desde que o termo computação em nuvem foi cunhado pela primeira vez. Demora alguns segundos para implantar um servidor Linux (geralmente executando em uma VM), graças a provedores de servidores em nuvem como Amazon AWS, Google, Linode, Digital Ocean etc. Além disso, você pode implantar aplicativos e serviços nesses servidores na forma de recipientes graças a ferramentas como Docker e Kubernetes.
65 |
66 |
67 |
68 | O problema é que, quando seu único objetivo é executar contêineres em um sistema Linux, nem sempre é necessária uma distribuição Linux completa. É por isso que existem sistemas específicos para contêineres que fornecem apenas os pacotes necessários. Isso reduz drasticamente o tamanho do sistema operacional e o tempo de implantação. O Bottlerocket Linux é desenvolvido especificamente pela Amazon Web Services para executar contêineres em máquinas virtuais ou hosts bare metal. Ele suporta docker images além de outras que seguem o formato de imagem OCI.
69 |
70 |
71 |
72 | Recursos do Bottlerocket Linux
73 |
74 |
75 |
76 | Nenhuma atualização pacote por pacote. O procedimento tradicional de uma distribuição Linux é composto pela atualização de pacotes individuais. Bottlerocket usa atualizações baseadas em imagem. Graças a essa abordagem, conflitos e quebras são evitados com a possibilidade de uma reversão rápida e completa (se necessário). Sistema de arquivos somente leitura. O Bottlerocket também usa um sistema de arquivos somente leitura. Sua integridade é verificada no momento da inicialização via dm-verity. Para medidas de segurança adicionais, o acesso SSH também é desencorajado e só está disponível através do contêiner de administrador (mecanismo adicional).
77 |
78 |
79 |
80 | Atualizações automatizadas
81 |
82 |
83 |
84 | Você pode automatizar as atualizações do Bottlerocket usando um serviço de orquestração como o Amazon EKS. A Amazon também afirma que incluir apenas o software essencial para executar contêineres reduz o número de ataques em comparação com as distribuições Linux de uso geral.
85 |
86 |
87 |
88 | O que você acha?
89 |
90 |
91 |
92 | A Amazon não é a primeira a criar um ‘Linux específico para contêineres’. O CoreOS foi uma das primeiras distribuições desse tipo. O CoreOS foi adquirido pela Red Hat, que foi vendida para a IBM. A Red Hat recentemente interrompeu o CoreOS e o substituiu pelo Fedora CoreOS. O servidor em nuvem é uma grande indústria que continuará a crescer. Um gigante como a Amazon fará de tudo para ficar à par ou à frente de seus concorrentes. Na minha opinião, Bottlerocket é uma resposta para (agora) o Fedora CoreOS da IBM. Embora os repositórios Bottlerocket estejam disponíveis no GitHub , ainda não é possível achar um pronto para criar imagens. No momento, ele está disponível apenas como uma prévia na AWS.
93 |
94 |
95 |
--------------------------------------------------------------------------------
/exercicios/modulo-02/ex020/index.html:
--------------------------------------------------------------------------------
1 |
16 |
17 |
18 |
19 |
20 |
21 | Identificação em CSS
24 |
48 |
49 |
50 | Identificadores em CSS
51 | No exercício anterior, vimos as classes e entendemos que vários elementos podem ter uma mesma classe. Mas se quisermos identificar os elementos, dando um "nome" específico para cada um, podemos usar os IDs. Em um mesmo documento, não podemos ter dois elementos com o mesmo ID!
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
--------------------------------------------------------------------------------
/exercicios/modulo-03/ex022/fundo001.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Papel de Parede
7 |
12 |
13 |
14 | Papel de parede
15 |
16 |
--------------------------------------------------------------------------------
/exercicios/modulo-03/ex022/fundo002.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Fundo
7 |
41 |
42 |
43 | Repetições em background-image
44 |
45 | background-repeat: repeat;
46 | Repete a imagem tanto no sentido vertical, quanto horizontal (padrão).
47 |
48 | background-repeat: repeat-x;
49 | Repete apenas no eixo horizontal.
50 |
51 | background-repeat: repeat-y;
52 | Repete apenas no eixo vertical.
53 |
54 | background-repeat: no-repeat;
55 | Não repete em nenhum eixo. A imagem só é carregada uma única vez.
56 |
57 |
58 |
--------------------------------------------------------------------------------
/exercicios/modulo-03/ex022/fundo003.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Fundo
7 |
38 |
39 |
40 | Posição de um background
41 |
42 | background-position: left top;
43 |
44 | background-position: right bottom;
45 |
46 | background-position: center top;
47 |
48 | background-position: center center;
49 |
50 |
51 |
--------------------------------------------------------------------------------
/exercicios/modulo-03/ex022/fundo004.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Fundo
7 |
32 |
33 |
34 |
35 | Papel de parede
36 | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veniam quisquam atque facilis illum illo voluptates, laboriosam dignissimos vero error debitis, neque suscipit delectus et eligendi dolorum aut expedita consequatur. Et! Lorem ipsum dolor sit, amet consectetur adipisicing elit. In quaerat earum culpa ad. Eaque sed sunt adipisci nam eos dolore nulla rerum. Sapiente alias at magni debitis, voluptatibus tempora impedit. Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis, nostrum! Quidem, voluptate necessitatibus iusto doloribus sint corporis dolores quod consequatur? Ipsum accusamus enim ipsam, molestias placeat voluptatibus debitis velit expedita! Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente sit autem quo dolores, exercitationem facilis veritatis officia nisi alias eaque non dignissimos qui totam quod at repudiandae tempore temporibus rem.
37 | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veniam quisquam atque facilis illum illo voluptates, laboriosam dignissimos vero error debitis, neque suscipit delectus et eligendi dolorum aut expedita consequatur. Et! Lorem ipsum dolor sit, amet consectetur adipisicing elit. In quaerat earum culpa ad. Eaque sed sunt adipisci nam eos dolore nulla rerum. Sapiente alias at magni debitis, voluptatibus tempora impedit. Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis, nostrum! Quidem, voluptate necessitatibus iusto doloribus sint corporis dolores quod consequatur? Ipsum accusamus enim ipsam, molestias placeat voluptatibus debitis velit expedita! Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente sit autem quo dolores, exercitationem facilis veritatis officia nisi alias eaque non dignissimos qui totam quod at repudiandae tempore temporibus rem.
38 | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veniam quisquam atque facilis illum illo voluptates, laboriosam dignissimos vero error debitis, neque suscipit delectus et eligendi dolorum aut expedita consequatur. Et! Lorem ipsum dolor sit, amet consectetur adipisicing elit. In quaerat earum culpa ad. Eaque sed sunt adipisci nam eos dolore nulla rerum. Sapiente alias at magni debitis, voluptatibus tempora impedit. Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis, nostrum! Quidem, voluptate necessitatibus iusto doloribus sint corporis dolores quod consequatur? Ipsum accusamus enim ipsam, molestias placeat voluptatibus debitis velit expedita! Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente sit autem quo dolores, exercitationem facilis veritatis officia nisi alias eaque non dignissimos qui totam quod at repudiandae tempore temporibus rem.
39 | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veniam quisquam atque facilis illum illo voluptates, laboriosam dignissimos vero error debitis, neque suscipit delectus et eligendi dolorum aut expedita consequatur. Et! Lorem ipsum dolor sit, amet consectetur adipisicing elit. In quaerat earum culpa ad. Eaque sed sunt adipisci nam eos dolore nulla rerum. Sapiente alias at magni debitis, voluptatibus tempora impedit. Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis, nostrum! Quidem, voluptate necessitatibus iusto doloribus sint corporis dolores quod consequatur? Ipsum accusamus enim ipsam, molestias placeat voluptatibus debitis velit expedita! Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente sit autem quo dolores, exercitationem facilis veritatis officia nisi alias eaque non dignissimos qui totam quod at repudiandae tempore temporibus rem.
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/exercicios/modulo-03/ex022/fundo005.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Fundo
7 |
34 |
35 |
36 |
37 |
38 |
39 | Texto Centralizado
40 |
41 |
42 |
Tabelas
7 |
31 |
32 |
33 | Minha primeira tabela
34 |
42 |
43 |
44 | A1
45 | B1
46 | C1
47 |
48 |
49 | A2
50 | B2
51 | C2
52 |
53 |
54 | A3
55 | B3
56 | C3
57 |
58 |
59 | A4
60 | B4
61 | C4
62 |
63 |
64 |
65 |
66 |
--------------------------------------------------------------------------------
/exercicios/modulo-03/ex023/tabela002.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Tabelas
7 |
54 |
55 |
56 | Uso de tabelas grandes
57 |
68 |
69 | População das Unidades Federativas
70 |
71 |
72 | Estado
73 | População
74 |
75 |
76 |
77 |
78 | Total de Habitantes
79 | 210.147.125
81 |
82 |
83 |
84 | São Paulo
85 | 45.919.049
86 |
87 |
88 | Minas Gerais
89 | 21.168.791
90 |
91 |
92 | Rio de Janeiro
93 | 17.264.943
94 |
95 |
96 | Bahia
97 | 14.873.064
98 |
99 |
100 | Paraná
101 | 11.433.957
102 |
103 |
104 | Rio Grande do Sul
105 | 11.377.239
106 |
107 |
108 | Pernambuco
109 | 9.557.071
110 |
111 |
112 | Ceará
113 | 9.132.078
114 |
115 |
116 | Pará
117 | 8.602.865
118 |
119 |
120 | Santa Catarina
121 | 7.164.788
122 |
123 |
124 | Maranhão
125 | 7.075.181
126 |
127 |
128 | Goiás
129 | 7.018.354
130 |
131 |
132 | Amazonas
133 | 4.144.597
134 |
135 |
136 | Espírito Santo
137 | 4.018.650
138 |
139 |
140 | Paraíba
141 | 4.018.127
142 |
143 |
144 | Rio Grande do Norte
145 | 3.506.853
146 |
147 |
148 | Mato Grosso
149 | 3.484.466
150 |
151 |
152 | Alagoas
153 | 3.337.357
154 |
155 |
156 | Piauí
157 | 3.273.227
158 |
159 |
160 | Distrito Federal
161 | 3.015.268
162 |
163 |
164 | Mato Grosso do Sul
165 | 2.778.986
166 |
167 |
168 | Sergipe
169 | 2.298.696
170 |
171 |
172 | Rondônia
173 | 1.777.225
174 |
175 |
176 | Tocantins
177 | 1.572.866
178 |
179 |
180 | Acre
181 | 881.935
182 |
183 |
184 | Amapá
185 | 845.731
186 |
187 |
188 | Roraima
189 | 605.761
190 |
191 |
192 |
193 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus voluptas optio perspiciatis reprehenderit quod mollitia iste, soluta, illo, in deleniti eligendi consectetur provident voluptatem veritatis eum eius nulla ut omnis! Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident eveniet amet voluptatem veniam voluptatum officia quisquam perspiciatis blanditiis, mollitia ratione qui nesciunt, sint deleniti, assumenda quasi quos vero doloribus! Fuga. Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore, consectetur architecto omnis rem, ullam adipisci tenetur dolore perspiciatis officiis vitae voluptates atque laborum necessitatibus! Reiciendis aspernatur impedit reprehenderit dignissimos placeat? Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda unde repellat dolorum eum voluptates ad illum recusandae, aperiam nihil et? Blanditiis, illo! In consectetur accusantium odit quos, repudiandae aut aspernatur?
194 |
195 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus voluptas optio perspiciatis reprehenderit quod mollitia iste, soluta, illo, in deleniti eligendi consectetur provident voluptatem veritatis eum eius nulla ut omnis! Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident eveniet amet voluptatem veniam voluptatum officia quisquam perspiciatis blanditiis, mollitia ratione qui nesciunt, sint deleniti, assumenda quasi quos vero doloribus! Fuga. Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore, consectetur architecto omnis rem, ullam adipisci tenetur dolore perspiciatis officiis vitae voluptates atque laborum necessitatibus! Reiciendis aspernatur impedit reprehenderit dignissimos placeat? Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda unde repellat dolorum eum voluptates ad illum recusandae, aperiam nihil et? Blanditiis, illo! In consectetur accusantium odit quos, repudiandae aut aspernatur?
196 |
197 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus voluptas optio perspiciatis reprehenderit quod mollitia iste, soluta, illo, in deleniti eligendi consectetur provident voluptatem veritatis eum eius nulla ut omnis! Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident eveniet amet voluptatem veniam voluptatum officia quisquam perspiciatis blanditiis, mollitia ratione qui nesciunt, sint deleniti, assumenda quasi quos vero doloribus! Fuga. Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore, consectetur architecto omnis rem, ullam adipisci tenetur dolore perspiciatis officiis vitae voluptates atque laborum necessitatibus! Reiciendis aspernatur impedit reprehenderit dignissimos placeat? Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda unde repellat dolorum eum voluptates ad illum recusandae, aperiam nihil et? Blanditiis, illo! In consectetur accusantium odit quos, repudiandae aut aspernatur?
198 |
199 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus voluptas optio perspiciatis reprehenderit quod mollitia iste, soluta, illo, in deleniti eligendi consectetur provident voluptatem veritatis eum eius nulla ut omnis! Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident eveniet amet voluptatem veniam voluptatum officia quisquam perspiciatis blanditiis, mollitia ratione qui nesciunt, sint deleniti, assumenda quasi quos vero doloribus! Fuga. Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore, consectetur architecto omnis rem, ullam adipisci tenetur dolore perspiciatis officiis vitae voluptates atque laborum necessitatibus! Reiciendis aspernatur impedit reprehenderit dignissimos placeat? Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda unde repellat dolorum eum voluptates ad illum recusandae, aperiam nihil et? Blanditiis, illo! In consectetur accusantium odit quos, repudiandae aut aspernatur?
200 |
201 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus voluptas optio perspiciatis reprehenderit quod mollitia iste, soluta, illo, in deleniti eligendi consectetur provident voluptatem veritatis eum eius nulla ut omnis! Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident eveniet amet voluptatem veniam voluptatum officia quisquam perspiciatis blanditiis, mollitia ratione qui nesciunt, sint deleniti, assumenda quasi quos vero doloribus! Fuga. Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore, consectetur architecto omnis rem, ullam adipisci tenetur dolore perspiciatis officiis vitae voluptates atque laborum necessitatibus! Reiciendis aspernatur impedit reprehenderit dignissimos placeat? Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda unde repellat dolorum eum voluptates ad illum recusandae, aperiam nihil et? Blanditiis, illo! In consectetur accusantium odit quos, repudiandae aut aspernatur?
202 |
203 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus voluptas optio perspiciatis reprehenderit quod mollitia iste, soluta, illo, in deleniti eligendi consectetur provident voluptatem veritatis eum eius nulla ut omnis! Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident eveniet amet voluptatem veniam voluptatum officia quisquam perspiciatis blanditiis, mollitia ratione qui nesciunt, sint deleniti, assumenda quasi quos vero doloribus! Fuga. Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore, consectetur architecto omnis rem, ullam adipisci tenetur dolore perspiciatis officiis vitae voluptates atque laborum necessitatibus! Reiciendis aspernatur impedit reprehenderit dignissimos placeat? Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda unde repellat dolorum eum voluptates ad illum recusandae, aperiam nihil et? Blanditiis, illo! In consectetur accusantium odit quos, repudiandae aut aspernatur?
204 |
205 |
--------------------------------------------------------------------------------
/exercicios/modulo-03/ex023/tabela003.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Tabelas
7 |
23 |
24 |
25 | Mesclagem de Células
26 |
27 |
28 | A
29 | B
30 |
31 |
32 |
33 | D
34 | E
35 | F
36 |
37 |
38 |
39 | H
40 |
41 |
42 |
43 | M
44 |
45 |
46 |
47 |
--------------------------------------------------------------------------------
/exercicios/modulo-03/ex023/tabela004.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Tabelas
7 |
27 |
28 |
29 | Exercício de Tabelas
30 |
31 |
32 | Filmes Favoritos
33 |
34 |
35 |
36 | Grupos
37 | Nomes
38 | Filmes
39 |
40 |
41 |
42 |
43 | Total
44 | 1000
45 |
46 |
47 |
48 |
49 | Mulheres
50 | Ana Maria Santos
51 | Alien
52 | Rambo
53 | Vingadores
54 |
55 |
56 | Beatriz Souza
57 | Hulk
58 | Inception
59 | Batman
60 |
61 |
62 | Cláudia Melo
63 | Oblivion
64 | Matrix
65 | Big Hero
66 |
67 |
68 | Homens
69 | Bruno Mendonça
70 | Intocáveis
71 | Amnésia
72 | Gladiador
73 |
74 |
75 | Daniel Lourenço
76 | Wall-E
77 | Oldboy
78 | Dangal
79 |
80 |
81 | Fabiano Mota
82 | Star Wars V
83 | Taxi Driver
84 | Toy Story
85 |
86 |
87 |
88 |
89 |
--------------------------------------------------------------------------------
/exercicios/modulo-04/ex026/pacote-imagens-cap25.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-04/ex026/pacote-imagens-cap25.zip
--------------------------------------------------------------------------------
/exercicios/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: rgb(69, 69, 69);
3 | font: 13pt Arial;
4 | }
5 |
6 | main {
7 | background-color: white;
8 | width: 500px;
9 | padding: 20px;
10 | margin: auto;
11 | border-radius: 10px;
12 | box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.529);
13 | }
14 |
15 | h1 {
16 | color: darkgoldenrod;
17 | }
18 |
19 | h2 {
20 | color: rgb(125, 92, 8);
21 | }
22 |
23 | aside {
24 | display: block;
25 | font-size: 10pt;
26 | text-align: justify;
27 | background-color: rgb(222, 222, 222);
28 | padding: 10px;
29 | border-radius: 10px;
30 | margin-bottom: 10px;
31 | }
32 |
33 | aside img {
34 | width: 60px;
35 | display: block;
36 | float: left;
37 | margin-right: 10px;
38 | }
39 |
40 | a, a:visited {
41 | color: rgb(34, 34, 34);
42 | font-weight: bolder;
43 | }
44 |
45 | a:hover {
46 | color: darkgoldenrod;
47 | text-decoration: none;
48 | }
--------------------------------------------------------------------------------
/imagens/mascote.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/imagens/mascote.png
--------------------------------------------------------------------------------
/imagens/pdf-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/imagens/pdf-icon.png
--------------------------------------------------------------------------------
/imagens/vscode-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/imagens/vscode-icon.png
--------------------------------------------------------------------------------
2 |
3 | # Curso de HTML5 e CSS3
4 |
5 | Material público para o ensino básico de HTML5 e CSS3 para alunos iniciantes. Acesse o material em PDF, analise o código disponibilizado para cada exercício e veja-os funcionando em execução direta via repositório GitHub.
6 |
7 | * [Acesse os PDFs das aulas clicando aqui](https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf)
8 | * [Código disponível para os exercícios](https://github.com/gustavoguanabara/html-css/tree/master/exercicios)
9 | * [Execute os exercícios aqui](https://gustavoguanabara.github.io/html-css/exercicios/)
10 | * [Resolva os desafios de HTML aqui](https://github.com/gustavoguanabara/html-css/tree/master/desafios)
11 |
12 | ## Direitos de uso
13 |
14 | Você tem todo o direito de usar esse material para seu próprio aprendizado. Professores também podem ter acesso a todo o conteúdo e usá-los com seus alunos. Porém todos o que usarem esse material - seja para qual for a finalidade - deverão manter a referência ao material original, criado e disponibilizado pelo Prof. Gustavo Guanabara. Este conteúdo não poderá ser utilizado em nenhuma hipótese para ser replicada - integral ou parcialmente - por autores/ editoras/ instituições de ensino para criar livros ou apostilas, com finalidades de obter ganho financeiro com ele.
--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | theme: jekyll-theme-slate
--------------------------------------------------------------------------------
/ajude-a-divulgar/arte000-modelo/modelo-horizontal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/ajude-a-divulgar/arte000-modelo/modelo-horizontal.png
--------------------------------------------------------------------------------
/ajude-a-divulgar/arte000-modelo/modelo-quadrado.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/ajude-a-divulgar/arte000-modelo/modelo-quadrado.png
--------------------------------------------------------------------------------
/ajude-a-divulgar/arte000-modelo/modelo-vertical.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/ajude-a-divulgar/arte000-modelo/modelo-vertical.png
--------------------------------------------------------------------------------
/ajude-a-divulgar/arte001-gustavoguanabara/gustavoguanabara-horizontal.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/ajude-a-divulgar/arte001-gustavoguanabara/gustavoguanabara-horizontal.png
--------------------------------------------------------------------------------
/ajude-a-divulgar/arte001-gustavoguanabara/gustavoguanabara-quadrado.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/ajude-a-divulgar/arte001-gustavoguanabara/gustavoguanabara-quadrado.png
--------------------------------------------------------------------------------
/ajude-a-divulgar/arte001-gustavoguanabara/gustavoguanabara-vertical.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/ajude-a-divulgar/arte001-gustavoguanabara/gustavoguanabara-vertical.png
--------------------------------------------------------------------------------
/ajude-a-divulgar/arte001-gustavoguanabara/instagram-multi/instagram-multi-001.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/ajude-a-divulgar/arte001-gustavoguanabara/instagram-multi/instagram-multi-001.png
--------------------------------------------------------------------------------
/ajude-a-divulgar/arte001-gustavoguanabara/instagram-multi/instagram-multi-002.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/ajude-a-divulgar/arte001-gustavoguanabara/instagram-multi/instagram-multi-002.png
--------------------------------------------------------------------------------
/ajude-a-divulgar/arte001-gustavoguanabara/instagram-multi/instagram-multi-003.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/ajude-a-divulgar/arte001-gustavoguanabara/instagram-multi/instagram-multi-003.png
--------------------------------------------------------------------------------
/ajude-a-divulgar/arte001-gustavoguanabara/instagram-multi/instagram-multi-004.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/ajude-a-divulgar/arte001-gustavoguanabara/instagram-multi/instagram-multi-004.png
--------------------------------------------------------------------------------
/aulas-pdf/01 - História da Internet.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/01 - História da Internet.pdf
--------------------------------------------------------------------------------
/aulas-pdf/02 - Como funciona a Internet.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/02 - Como funciona a Internet.pdf
--------------------------------------------------------------------------------
/aulas-pdf/03 - Como funciona HTML e CSS.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/03 - Como funciona HTML e CSS.pdf
--------------------------------------------------------------------------------
/aulas-pdf/04 - Primeiros passos HTML.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/04 - Primeiros passos HTML.pdf
--------------------------------------------------------------------------------
/aulas-pdf/05 - Caracteres, parágrafos e quebras de linha.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/05 - Caracteres, parágrafos e quebras de linha.pdf
--------------------------------------------------------------------------------
/aulas-pdf/06 - Imagens e Favicon.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/06 - Imagens e Favicon.pdf
--------------------------------------------------------------------------------
/aulas-pdf/07 - Hierarquia de títulos.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/07 - Hierarquia de títulos.pdf
--------------------------------------------------------------------------------
/aulas-pdf/08 - Formatação de Textos.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/08 - Formatação de Textos.pdf
--------------------------------------------------------------------------------
/aulas-pdf/09 - Listas HTML.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/09 - Listas HTML.pdf
--------------------------------------------------------------------------------
/aulas-pdf/10 - Ligações em toda parte.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/10 - Ligações em toda parte.pdf
--------------------------------------------------------------------------------
/aulas-pdf/11 - Imagens dinâmicas, áudios e vídeos.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/11 - Imagens dinâmicas, áudios e vídeos.pdf
--------------------------------------------------------------------------------
/aulas-pdf/12 - Trabalhando com estilos.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/12 - Trabalhando com estilos.pdf
--------------------------------------------------------------------------------
/aulas-pdf/13 - Cores.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/13 - Cores.pdf
--------------------------------------------------------------------------------
/aulas-pdf/14 - Fontes.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/14 - Fontes.pdf
--------------------------------------------------------------------------------
/aulas-pdf/15 -Seletores personalizados.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/15 -Seletores personalizados.pdf
--------------------------------------------------------------------------------
/aulas-pdf/16 - Modelo de Caixas.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/16 - Modelo de Caixas.pdf
--------------------------------------------------------------------------------
/aulas-pdf/17 - Primeiro mini-projeto.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/17 - Primeiro mini-projeto.pdf
--------------------------------------------------------------------------------
/aulas-pdf/18 - Aprendendo Git e GitHub.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/18 - Aprendendo Git e GitHub.pdf
--------------------------------------------------------------------------------
/aulas-pdf/19 - Imagens de Fundo.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/19 - Imagens de Fundo.pdf
--------------------------------------------------------------------------------
/aulas-pdf/20 - Mini-projeto Cordel.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/aulas-pdf/20 - Mini-projeto Cordel.pdf
--------------------------------------------------------------------------------
/desafios/modulo-01/d001/desafio-mensagens.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d001/desafio-mensagens.pdf
--------------------------------------------------------------------------------
/desafios/modulo-01/d002/desafio-imagens.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d002/desafio-imagens.pdf
--------------------------------------------------------------------------------
/desafios/modulo-01/d002/imagens/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d002/imagens/favicon.ico
--------------------------------------------------------------------------------
/desafios/modulo-01/d002/imagens/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d002/imagens/favicon.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d002/imagens/github-g.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d002/imagens/github-g.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d002/imagens/github-gg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d002/imagens/github-gg.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d002/imagens/github-m.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d002/imagens/github-m.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d002/imagens/github-p.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d002/imagens/github-p.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d002/imagens/github-pp.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d002/imagens/github-pp.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d002/imagens/icone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d002/imagens/icone.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d003/desafio-mapa-mundi.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d003/desafio-mapa-mundi.pdf
--------------------------------------------------------------------------------
/desafios/modulo-01/d003/imagens/mapa01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d003/imagens/mapa01.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d003/imagens/mapa02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d003/imagens/mapa02.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d003/imagens/mapa03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d003/imagens/mapa03.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d003/imagens/mapa04.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d003/imagens/mapa04.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d003/imagens/mapa05.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d003/imagens/mapa05.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d003/imagens/mapa06.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d003/imagens/mapa06.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d003/imagens/mapa07.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d003/imagens/mapa07.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d003/imagens/mapa08.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d003/imagens/mapa08.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d003/imagens/mapa09.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d003/imagens/mapa09.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d004/desafio-emoji.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d004/desafio-emoji.pdf
--------------------------------------------------------------------------------
/desafios/modulo-01/d005/desafio-social.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d005/desafio-social.pdf
--------------------------------------------------------------------------------
/desafios/modulo-01/d005/imagens/foto-perfil-guanabara.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d005/imagens/foto-perfil-guanabara.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d005/imagens/icone-facebook.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d005/imagens/icone-facebook.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d005/imagens/icone-github.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d005/imagens/icone-github.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d005/imagens/icone-instagram.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d005/imagens/icone-instagram.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d005/imagens/icone-linkedin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d005/imagens/icone-linkedin.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d005/imagens/icone-twitter.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d005/imagens/icone-twitter.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d005/imagens/icone-youtube.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d005/imagens/icone-youtube.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d006/desafio-tags.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d006/desafio-tags.pdf
--------------------------------------------------------------------------------
/desafios/modulo-01/d007/desafio-imagem-flexivel.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d007/desafio-imagem-flexivel.pdf
--------------------------------------------------------------------------------
/desafios/modulo-01/d007/imagens/paisagem-g.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d007/imagens/paisagem-g.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d007/imagens/paisagem-m.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d007/imagens/paisagem-m.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d007/imagens/paisagem-p.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d007/imagens/paisagem-p.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d008/desafio-navegacao.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d008/desafio-navegacao.pdf
--------------------------------------------------------------------------------
/desafios/modulo-01/d009/desafio-videos.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d009/desafio-videos.pdf
--------------------------------------------------------------------------------
/desafios/modulo-01/d009/imagens/thumb-hardware.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d009/imagens/thumb-hardware.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d009/imagens/thumb-html.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d009/imagens/thumb-html.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d009/imagens/thumb-js.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d009/imagens/thumb-js.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d009/imagens/thumb-python.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d009/imagens/thumb-python.png
--------------------------------------------------------------------------------
/desafios/modulo-01/d009/imagens/voltar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-01/d009/imagens/voltar.png
--------------------------------------------------------------------------------
/desafios/modulo-02/d010/desafio-android.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-02/d010/desafio-android.pdf
--------------------------------------------------------------------------------
/desafios/modulo-02/d010/pacote-projeto-d010.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-02/d010/pacote-projeto-d010.zip
--------------------------------------------------------------------------------
/desafios/modulo-02/d011/desafio-astronauta-1.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-02/d011/desafio-astronauta-1.pdf
--------------------------------------------------------------------------------
/desafios/modulo-02/d011/imagens/astronauta.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-02/d011/imagens/astronauta.png
--------------------------------------------------------------------------------
/desafios/modulo-02/d011/imagens/espaco.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-02/d011/imagens/espaco.jpg
--------------------------------------------------------------------------------
/desafios/modulo-02/d012/desafio-cordel.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-02/d012/desafio-cordel.pdf
--------------------------------------------------------------------------------
/desafios/modulo-02/d012/pacote-d012.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-02/d012/pacote-d012.zip
--------------------------------------------------------------------------------
/desafios/modulo-03/nao-tem-desafios.txt:
--------------------------------------------------------------------------------
1 | Esse módulo não possui pacotes disponíveis de desafios para baixar
--------------------------------------------------------------------------------
/desafios/modulo-04/d013/pacote-d013.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/desafios/modulo-04/d013/pacote-d013.zip
--------------------------------------------------------------------------------
/exercicios/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 
12 | 
14 | 
16 |
17 |
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex003/logo-html.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex003/logo-html.png
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex004/cursoemvideo01.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex004/cursoemvideo01.ico
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex004/cursoemvideo02.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex004/cursoemvideo02.ico
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex004/html.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gustavoguanabara/html-css/0115692e04eecabda77fb94814d15ccae59f59c9/exercicios/modulo-01/ex004/html.ico
--------------------------------------------------------------------------------
/exercicios/modulo-01/ex004/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | 
15 |