├── README.md
└── aulas
├── aula-01
└── README.md
├── aula-02
└── README.md
├── aula-03
└── README.md
├── aula-04
└── README.md
├── aula-05
└── README.md
├── aula-06
├── README.md
└── aula-06.html
├── aula-07
├── README.md
└── aula-07.html
├── aula-08
├── README.md
├── aula-08.html
└── images
│ ├── coca-cola.jpg
│ ├── fandangos.jpg
│ └── trakinas.jpg
├── aula-09
├── README.md
├── aula-09.html
└── contato.html
├── aula-10
├── README.md
└── aula-10.html
├── aula-11
├── README.md
├── index.html
└── style.css
├── aula-12-recado
└── README.md
├── aula-13-projeto
└── README.md
├── aula-14-projeto-vingadores-header
├── css
│ └── style.css
├── images
│ ├── avengers-01.jpg
│ ├── avengers-02.jpg
│ ├── avengers-03.jpg
│ ├── avengers-04.jpg
│ ├── avengers-05.jpg
│ ├── avengers-06.jpg
│ ├── avengers-07.jpg
│ ├── avengers-logo.png
│ ├── banner.jpg
│ ├── vingadores-01.png
│ └── vingadores-02.png
└── index.html
├── aula-15-projeto-vingadores-hero
├── css
│ └── style.css
├── images
│ ├── avengers-01.jpg
│ ├── avengers-02.jpg
│ ├── avengers-03.jpg
│ ├── avengers-04.jpg
│ ├── avengers-05.jpg
│ ├── avengers-06.jpg
│ ├── avengers-07.jpg
│ ├── avengers-logo.png
│ ├── banner.jpg
│ ├── vingadores-01.png
│ └── vingadores-02.png
└── index.html
├── aula-16-projeto-vingadores-gallery
├── css
│ └── style.css
├── images
│ ├── avengers-01.jpg
│ ├── avengers-02.jpg
│ ├── avengers-03.jpg
│ ├── avengers-04.jpg
│ ├── avengers-05.jpg
│ ├── avengers-06.jpg
│ ├── avengers-07.jpg
│ ├── avengers-logo.png
│ ├── banner.jpg
│ ├── vingadores-01.png
│ └── vingadores-02.png
└── index.html
├── aula-17-projeto-vingadores-history
├── css
│ └── style.css
├── images
│ ├── avengers-01.jpg
│ ├── avengers-02.jpg
│ ├── avengers-03.jpg
│ ├── avengers-04.jpg
│ ├── avengers-05.jpg
│ ├── avengers-06.jpg
│ ├── avengers-07.jpg
│ ├── avengers-logo.png
│ ├── banner.jpg
│ ├── vingadores-01.png
│ └── vingadores-02.png
└── index.html
├── aula-18-projeto-vingadores-footer
├── css
│ └── style.css
├── images
│ ├── avengers-01.jpg
│ ├── avengers-02.jpg
│ ├── avengers-03.jpg
│ ├── avengers-04.jpg
│ ├── avengers-05.jpg
│ ├── avengers-06.jpg
│ ├── avengers-07.jpg
│ ├── avengers-logo.png
│ ├── banner.jpg
│ ├── vingadores-01.png
│ └── vingadores-02.png
└── index.html
├── aula-19-projeto-vingadores-code-refactoring
├── css
│ └── style.css
├── images
│ ├── avengers-01.jpg
│ ├── avengers-02.jpg
│ ├── avengers-03.jpg
│ ├── avengers-04.jpg
│ ├── avengers-05.jpg
│ ├── avengers-06.jpg
│ ├── avengers-07.jpg
│ ├── avengers-logo.png
│ ├── banner.jpg
│ ├── vingadores-01.png
│ └── vingadores-02.png
└── index.html
├── aula-20-projeto-vingadores-melhorando-a-acessibilidade-do-site
├── README.md
├── css
│ └── style.css
├── images
│ ├── avengers-01.jpg
│ ├── avengers-02.jpg
│ ├── avengers-03.jpg
│ ├── avengers-04.jpg
│ ├── avengers-05.jpg
│ ├── avengers-06.jpg
│ ├── avengers-07.jpg
│ ├── avengers-08.jpg
│ ├── avengers-09.jpg
│ ├── avengers-10.jpg
│ ├── avengers-logo.png
│ ├── banner.jpg
│ ├── vingadores-01.png
│ └── vingadores-02.png
└── index.html
├── aula-21-projeto-vingadores-publicando-na-netlify
├── css
│ └── style.css
├── images
│ ├── avengers-01.jpg
│ ├── avengers-02.jpg
│ ├── avengers-03.jpg
│ ├── avengers-04.jpg
│ ├── avengers-05.jpg
│ ├── avengers-06.jpg
│ ├── avengers-07.jpg
│ ├── avengers-08.jpg
│ ├── avengers-09.jpg
│ ├── avengers-10.jpg
│ ├── avengers-logo.png
│ ├── banner.jpg
│ ├── vingadores-01.png
│ └── vingadores-02.png
└── index.html
├── aula-22-como-funciona-a-propriedade-css-position
├── README.md
├── index.html
└── styles.css
├── aula-23-projeto-vingadores-header-fixed
├── css
│ └── style.css
├── images
│ ├── avengers-01.jpg
│ ├── avengers-02.jpg
│ ├── avengers-03.jpg
│ ├── avengers-04.jpg
│ ├── avengers-05.jpg
│ ├── avengers-06.jpg
│ ├── avengers-07.jpg
│ ├── avengers-08.jpg
│ ├── avengers-09.jpg
│ ├── avengers-10.jpg
│ ├── avengers-logo.png
│ ├── banner.jpg
│ ├── vingadores-01.png
│ └── vingadores-02.png
└── index.html
├── aula-24-pseudo-classes-css
├── README.md
├── index.html
└── styles.css
├── aula-25-pseudo-elementos-css
├── README.md
├── index.html
└── styles.css
├── aula-26-formularios-html
├── index.html
└── sucesso.html
├── aula-27-estilizando-formularios-html-com-css
├── index.html
├── styles.css
└── sucesso.html
├── aula-28-formularios-html-widgets-nativos
├── index.html
├── styles.css
└── sucesso.html
├── aula-29-formularios-html-caixa-de-selecao
├── index.html
├── styles.css
└── sucesso.html
├── aula-30-formularios-html-datalist
├── index.html
├── styles.css
└── sucesso.html
└── aula-31-formularios-html-checkbox
└── index.html
/README.md:
--------------------------------------------------------------------------------
1 | # Curso Html5 e Css3 - Do básico ao avançado
2 | > Por Marcelo Pereira
3 |
4 |
5 |
6 | Neste curso de Html5 e Css3 iremos do básico ao avançado. Vamos aprender muita coisa juntos e desenvolver projetos bem legais.
7 |
8 |
9 |
10 | ## Ir para a playlist de aulas no Youtube
11 | Você pode clicar no ícone segurando a tecla ``"Ctrl"`` do teclado para abrir o site Youtube em uma nova aba do seu navegador.
12 |
13 | [](https://www.youtube.com/watch?v=BVcAuv6AHfY&list=PLkJ_av-2S2p97ejPxUYHbaLfX-XMfZ1F3)
14 |
15 |
16 |
17 | ## Meu Linkedin!
18 | [](https://www.linkedin.com/in/marcelopoars)
--------------------------------------------------------------------------------
/aulas/aula-01/README.md:
--------------------------------------------------------------------------------
1 | # Curso Html5 e Css3
2 |
3 | > Por Marcelo Pereira
4 |
5 |
6 |
7 | ## Aula 01 - Introdução
8 |
9 | Neste vídeo farei uma apresentação breve e contar mais detalhes sobre o curso de Html5 e Css3.
10 |
11 |
12 |
13 | ## Assista esta aula no Youtube
14 |
15 | Você pode clicar no ícone segurando a tecla `"Ctrl"` do teclado para abrir o site Youtube em uma nova aba do seu navegador.
16 |
17 | [](https://www.youtube.com/watch?v=BVcAuv6AHfY&t)
18 |
19 |
20 |
21 | ## Me segue lá!
22 |
23 | [](https://twitter.com/marcelopoars)
24 | [](https://www.linkedin.com/in/marcelopoars)
25 |
--------------------------------------------------------------------------------
/aulas/aula-02/README.md:
--------------------------------------------------------------------------------
1 | # Curso Html5 e Css3
2 |
3 | > Por Marcelo Pereira
4 |
5 |
6 |
7 | ## Aula 02 - Ambiente de desenvolvimento
8 |
9 | Neste vídeo vou apresentar as ferramentas que iremos utilizar para desenvolver os exercícios e projetos no nosso curso de Html5 e Css3.
10 |
11 |
12 |
13 | ## Assista esta aula no Youtube
14 |
15 | Você pode clicar no ícone segurando a tecla `"Ctrl"` do teclado para abrir o site Youtube em uma nova aba do seu navegador.
16 |
17 | [](https://www.youtube.com/watch?v=2JxPg5zg9E8)
18 |
19 |
20 |
21 | ## Me segue lá!
22 |
23 | [](https://twitter.com/marcelopoars)
24 | [](https://www.linkedin.com/in/marcelopoars)
25 |
--------------------------------------------------------------------------------
/aulas/aula-03/README.md:
--------------------------------------------------------------------------------
1 | # Curso Html5 e Css3
2 |
3 | > Por Marcelo Pereira
4 |
5 |
6 |
7 | ## Aula 02 - Extensões para Visual Studio Code
8 |
9 | Neste vídeo vamos conhecer algumas extensões para o editor Visual Studio Code, que podem ajudar muito na nossa produtividade.
10 |
11 |
12 |
13 | ## Assista esta aula no Youtube
14 |
15 | Você pode clicar no ícone segurando a tecla `"Ctrl"` do teclado para abrir o site Youtube em uma nova aba do seu navegador.
16 |
17 | [](https://www.youtube.com/watch?v=FT4_oKpXvk8)
18 |
19 |
20 |
21 | ## Me segue lá!
22 |
23 | [](https://twitter.com/marcelopoars)
24 | [](https://www.linkedin.com/in/marcelopoars)
25 |
--------------------------------------------------------------------------------
/aulas/aula-04/README.md:
--------------------------------------------------------------------------------
1 | # Curso Html5 e Css3
2 |
3 | > Por Marcelo Pereira
4 |
5 |
6 |
7 | ## Aula 04 - Tags e atributos
8 |
9 | Nesta aula veremos um pouco sobre o surgimento do html e seus principais conceitos.
10 |
11 |
12 |
13 | ## Assista esta aula no Youtube
14 |
15 | Você pode clicar no ícone segurando a tecla `"Ctrl"` do teclado para abrir o site Youtube em uma nova aba do seu navegador.
16 |
17 | [](https://www.youtube.com/watch?v=ttaHuToZyIw)
18 |
19 |
20 |
21 | ## Me segue lá!
22 |
23 | [](https://twitter.com/marcelopoars)
24 | [](https://www.linkedin.com/in/marcelopoars)
25 |
--------------------------------------------------------------------------------
/aulas/aula-05/README.md:
--------------------------------------------------------------------------------
1 | # Curso Html5 e Css3
2 |
3 | > Por Marcelo Pereira
4 |
5 |
6 |
7 | ## Aula 05 - Criando a primeira página Html5
8 |
9 | Nesta aula iremos criar nossa primeira página Html5.
10 |
11 |
12 |
13 | ## Assista esta aula no Youtube
14 |
15 | Você pode clicar no ícone segurando a tecla `"Ctrl"` do teclado para abrir o site Youtube em uma nova aba do seu navegador.
16 |
17 | [](https://www.youtube.com/watch?v=d8bQVwco5zE)
18 |
19 |
20 |
21 | ## Me segue lá!
22 |
23 | [](https://twitter.com/marcelopoars)
24 | [](https://www.linkedin.com/in/marcelopoars)
25 |
--------------------------------------------------------------------------------
/aulas/aula-06/README.md:
--------------------------------------------------------------------------------
1 | # Curso Html5 e Css3
2 |
3 | > Por Marcelo Pereira
4 |
5 |
6 |
7 | ## Aula 06 - Tags Br e Hr
8 |
9 | Nesta aula vamos aprender sobre as tags Hr e Br. Tags simples, mas que podem ser muitos úteis em alguns casos.
10 |
11 |
12 |
13 | ## Assista esta aula no Youtube
14 |
15 | Você pode clicar no ícone segurando a tecla `"Ctrl"` do teclado para abrir o site Youtube em uma nova aba do seu navegador.
16 |
17 | [](https://www.youtube.com/watch?v=DJXLpebMZE8)
18 |
19 |
20 |
21 | ## Me segue lá!
22 |
23 | [](https://twitter.com/marcelopoars)
24 | [](https://www.linkedin.com/in/marcelopoars)
25 |
--------------------------------------------------------------------------------
/aulas/aula-06/aula-06.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Aula 06
7 |
8 |
9 |
10 |
11 |
12 |
13 |
Aula 06
14 |
15 |
16 |
Html
17 |
HTML é a linguagem de marcação padrão para criar páginas da Web. O HTML descreve a estrutura de uma página da Web e consiste em uma série de elementos. Os elementos HTML informam ao navegador como exibir o conteúdo.
18 |
19 |
20 |
21 |
Css
22 |
CSS é uma linguagem que descreve como os elementos HTML devem ser exibidos na tela, papel ou em outra mídia. O CSS economiza muito trabalho, pois pode controlar o layout de várias páginas da Web de uma só vez.
23 |
24 |
25 |
26 |
JavaScript
27 |
JavaScript é a linguagem de programação do HTML e da Web. JavaScript pode alterar o conteúdo HTML e os valores dos atributos. JavaScript pode mudar CSS. JavaScript pode ocultar e mostrar elementos HTML e muito mais.
28 |
29 |
30 |
31 |
32 |
--------------------------------------------------------------------------------
/aulas/aula-07/README.md:
--------------------------------------------------------------------------------
1 | # Curso Html5 e Css3
2 |
3 | > Por Marcelo Pereira
4 |
5 |
6 |
7 | ## Aula 07 - Listas
8 |
9 | Nesta aula vamos vamos trabalhar com Listas Ordenadas e Listas Não ordenadas.
10 |
11 |
12 |
13 | ## Assista esta aula no Youtube
14 |
15 | Você pode clicar no ícone segurando a tecla `"Ctrl"` do teclado para abrir o site Youtube em uma nova aba do seu navegador.
16 |
17 | [](https://www.youtube.com/watch?v=Q6Iae1CVZes)
18 |
19 |
20 |
21 | ## Me segue lá!
22 |
23 | [](https://twitter.com/marcelopoars)
24 | [](https://www.linkedin.com/in/marcelopoars)
25 |
--------------------------------------------------------------------------------
/aulas/aula-07/aula-07.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Aula 07
7 |
8 |
9 |
10 |
Aula 07 - Listas
11 |
12 |
Lista não ordenada
13 |
14 |
Html5
15 |
Css3
16 |
JavaScript
17 |
18 |
19 |
Lista ordenada
20 |
21 |
Html5
22 |
Css3
23 |
JavaScript
24 |
25 |
26 |
Listas aninhadas
27 |
28 |
Html5
29 |
30 |
Introdução
31 |
História
32 |
Exercícios
33 |
34 |
35 |
Css3
36 |
JavaScript
37 |
38 |
39 |
40 |
41 |
--------------------------------------------------------------------------------
/aulas/aula-08/README.md:
--------------------------------------------------------------------------------
1 | # Curso Html5 e Css3
2 |
3 | > Por Marcelo Pereira
4 |
5 |
6 |
7 | ## Aula 08 - Imagens
8 |
9 | Nesta aula iremos aprender como adicionar imagens em nossas páginas html utilizando a tag ``.
10 |
11 |
12 |
13 | ## Assista esta aula no Youtube
14 |
15 | Você pode clicar no ícone segurando a tecla `"Ctrl"` do teclado para abrir o site Youtube em uma nova aba do seu navegador.
16 |
17 | [](https://www.youtube.com/watch?v=RQsfwAofxf0)
18 |
19 |
20 |
21 | ## Me segue lá!
22 |
23 | [](https://twitter.com/marcelopoars)
24 | [](https://www.linkedin.com/in/marcelopoars)
25 |
--------------------------------------------------------------------------------
/aulas/aula-08/aula-08.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Aula 08 - Imagens
7 |
8 |
9 |
Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita cumque iure dignissimos cum sunt assumenda,
20 | pariatur asperiores quo suscipit aliquam corrupti dicta iusto eaque, porro fugiat velit, nulla perspiciatis.
21 | Eveniet necessitatibus consequuntur obcaecati quod fuga, maiores provident quisquam quae perferendis repellat et
22 | ad tenetur distinctio! Accusamus deleniti cumque temporibus accusantium quae tenetur obcaecati quidem rem minima
23 | veniam cupiditate, incidunt vitae odio consequatur praesentium corporis atque commodi repudiandae ratione
24 | reiciendis molestias. Perferendis eum, necessitatibus incidunt reprehenderit at eveniet atque sequi nam
25 | architecto, recusandae dolorem est corrupti magnam harum quia laboriosam quisquam ipsa assumenda aut. Natus
26 | inventore, nemo eum commodi eligendi iste sint cumque temporibus, sequi odit aperiam! Tempora voluptatem
27 | incidunt nobis quia voluptates rem dignissimos velit, dolorum quidem fuga cupiditate excepturi eos, dolore
28 | minus, consequatur numquam explicabo. Omnis maxime laborum praesentium maiores magni. Maxime suscipit sed
29 | officia id dolores. Reprehenderit quia illo alias aliquid quaerat, placeat adipisci animi incidunt voluptatem
30 | iusto vitae minus aspernatur, rerum voluptates corrupti error dignissimos? Unde sed animi placeat tempora
31 | tempore laborum repellendus magni eveniet corrupti voluptate ducimus dolor dolores neque, error rem sequi
32 | laudantium reprehenderit. Nesciunt explicabo fuga, ducimus distinctio aperiam commodi impedit repellendus
33 | accusamus, in dolorum sunt voluptates aliquam repudiandae doloribus veritatis facilis. Nulla, soluta fuga
34 | ratione reprehenderit tenetur id sapiente quo accusamus nostrum quod deleniti libero aperiam. Explicabo pariatur
35 | aliquid odio reiciendis voluptatibus saepe quidem ad voluptatum modi nemo, velit beatae nobis iusto maiores
36 | laudantium? Dignissimos soluta omnis perferendis laboriosam dolorum et deserunt repudiandae alias odit
37 | reprehenderit, minima fugit, recusandae tenetur cupiditate dolor praesentium quos perspiciatis, obcaecati
38 | molestiae delectus. Molestias, numquam officia? Minima fugit tempore dolores fugiat perferendis incidunt
39 | deleniti, at quibusdam assumenda, inventore omnis ipsum ipsam commodi nesciunt dolor reiciendis. Fugit omnis in
40 | architecto? Magni provident voluptas cumque? Id, accusamus temporibus? Modi error, dolorum eum architecto non
41 | eius ipsa hic voluptatibus nostrum, illo laudantium voluptatem perspiciatis harum ipsam tenetur alias, ipsum
42 | saepe consectetur blanditiis porro labore ratione! Adipisci molestias voluptas magni quisquam consequuntur
43 | dolore aspernatur aut quos saepe, ea maiores excepturi consectetur sit tempore totam facilis tempora eveniet
44 | explicabo sed fugit a molestiae nihil! Magnam natus ipsum, non veniam, dolor quisquam numquam rerum labore eos,
45 | ea dignissimos ipsa? Eum et alias, mollitia vitae eaque expedita in ullam voluptates minima necessitatibus,
46 | earum reiciendis quia voluptatibus a sit quos sunt atque. Eaque autem, corporis nihil accusantium labore nostrum
47 | hic? Nam laudantium, debitis autem neque repellat unde aperiam dolor voluptate quibusdam fuga doloribus error,
48 | iure repudiandae perspiciatis facere quos eos accusamus explicabo expedita! Perferendis facilis hic dolorem
49 | cumque quod velit, animi qui aut saepe nostrum minima doloribus deleniti suscipit? Quis odit atque maiores a
50 | voluptatibus temporibus quisquam porro. Eos fugiat harum, excepturi molestias aliquam rerum reiciendis
51 | asperiores ab laudantium repellendus veniam? Quo quisquam dolores esse nostrum id non adipisci quis libero,
52 | ducimus quia dignissimos laboriosam sed sit molestiae necessitatibus qui! Sunt beatae mollitia consequatur
53 | asperiores temporibus sit minus a iure corporis assumenda suscipit eligendi debitis aut quos fugiat vitae
54 | tempora velit optio quod rem, similique doloremque perspiciatis omnis! Voluptates deleniti earum excepturi
55 | labore, tenetur amet repellat?
56 |
57 |
Css
58 |
Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita cumque iure dignissimos cum sunt assumenda,
59 | pariatur asperiores quo suscipit aliquam corrupti dicta iusto eaque, porro fugiat velit, nulla perspiciatis.
60 | Eveniet necessitatibus consequuntur obcaecati quod fuga, maiores provident quisquam quae perferendis repellat et
61 | ad tenetur distinctio! Accusamus deleniti cumque temporibus accusantium quae tenetur obcaecati quidem rem minima
62 | veniam cupiditate, incidunt vitae odio consequatur praesentium corporis atque commodi repudiandae ratione
63 | reiciendis molestias. Perferendis eum, necessitatibus incidunt reprehenderit at eveniet atque sequi nam
64 | architecto, recusandae dolorem est corrupti magnam harum quia laboriosam quisquam ipsa assumenda aut. Natus
65 | inventore, nemo eum commodi eligendi iste sint cumque temporibus, sequi odit aperiam! Tempora voluptatem
66 | incidunt nobis quia voluptates rem dignissimos velit, dolorum quidem fuga cupiditate excepturi eos, dolore
67 | minus, consequatur numquam explicabo. Omnis maxime laborum praesentium maiores magni. Maxime suscipit sed
68 | officia id dolores. Reprehenderit quia illo alias aliquid quaerat, placeat adipisci animi incidunt voluptatem
69 | iusto vitae minus aspernatur, rerum voluptates corrupti error dignissimos? Unde sed animi placeat tempora
70 | tempore laborum repellendus magni eveniet corrupti voluptate ducimus dolor dolores neque, error rem sequi
71 | laudantium reprehenderit. Nesciunt explicabo fuga, ducimus distinctio aperiam commodi impedit repellendus
72 | accusamus, in dolorum sunt voluptates aliquam repudiandae doloribus veritatis facilis. Nulla, soluta fuga
73 | ratione reprehenderit tenetur id sapiente quo accusamus nostrum quod deleniti libero aperiam. Explicabo pariatur
74 | aliquid odio reiciendis voluptatibus saepe quidem ad voluptatum modi nemo, velit beatae nobis iusto maiores
75 | laudantium? Dignissimos soluta omnis perferendis laboriosam dolorum et deserunt repudiandae alias odit
76 | reprehenderit, minima fugit, recusandae tenetur cupiditate dolor praesentium quos perspiciatis, obcaecati
77 | molestiae delectus. Molestias, numquam officia? Minima fugit tempore dolores fugiat perferendis incidunt
78 | deleniti, at quibusdam assumenda, inventore omnis ipsum ipsam commodi nesciunt dolor reiciendis. Fugit omnis in
79 | architecto? Magni provident voluptas cumque? Id, accusamus temporibus? Modi error, dolorum eum architecto non
80 | eius ipsa hic voluptatibus nostrum, illo laudantium voluptatem perspiciatis harum ipsam tenetur alias, ipsum
81 | saepe consectetur blanditiis porro labore ratione! Adipisci molestias voluptas magni quisquam consequuntur
82 | dolore aspernatur aut quos saepe, ea maiores excepturi consectetur sit tempore totam facilis tempora eveniet
83 | explicabo sed fugit a molestiae nihil! Magnam natus ipsum, non veniam, dolor quisquam numquam rerum labore eos,
84 | ea dignissimos ipsa? Eum et alias, mollitia vitae eaque expedita in ullam voluptates minima necessitatibus,
85 | earum reiciendis quia voluptatibus a sit quos sunt atque. Eaque autem, corporis nihil accusantium labore nostrum
86 | hic? Nam laudantium, debitis autem neque repellat unde aperiam dolor voluptate quibusdam fuga doloribus error,
87 | iure repudiandae perspiciatis facere quos eos accusamus explicabo expedita! Perferendis facilis hic dolorem
88 | cumque quod velit, animi qui aut saepe nostrum minima doloribus deleniti suscipit? Quis odit atque maiores a
89 | voluptatibus temporibus quisquam porro. Eos fugiat harum, excepturi molestias aliquam rerum reiciendis
90 | asperiores ab laudantium repellendus veniam? Quo quisquam dolores esse nostrum id non adipisci quis libero,
91 | ducimus quia dignissimos laboriosam sed sit molestiae necessitatibus qui! Sunt beatae mollitia consequatur
92 | asperiores temporibus sit minus a iure corporis assumenda suscipit eligendi debitis aut quos fugiat vitae
93 | tempora velit optio quod rem, similique doloremque perspiciatis omnis! Voluptates deleniti earum excepturi
94 | labore, tenetur amet repellat?
95 |
96 |
JavaScript
97 |
Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita cumque iure dignissimos cum sunt assumenda,
98 | pariatur asperiores quo suscipit aliquam corrupti dicta iusto eaque, porro fugiat velit, nulla perspiciatis.
99 | Eveniet necessitatibus consequuntur obcaecati quod fuga, maiores provident quisquam quae perferendis repellat et
100 | ad tenetur distinctio! Accusamus deleniti cumque temporibus accusantium quae tenetur obcaecati quidem rem minima
101 | veniam cupiditate, incidunt vitae odio consequatur praesentium corporis atque commodi repudiandae ratione
102 | reiciendis molestias. Perferendis eum, necessitatibus incidunt reprehenderit at eveniet atque sequi nam
103 | architecto, recusandae dolorem est corrupti magnam harum quia laboriosam quisquam ipsa assumenda aut. Natus
104 | inventore, nemo eum commodi eligendi iste sint cumque temporibus, sequi odit aperiam! Tempora voluptatem
105 | incidunt nobis quia voluptates rem dignissimos velit, dolorum quidem fuga cupiditate excepturi eos, dolore
106 | minus, consequatur numquam explicabo. Omnis maxime laborum praesentium maiores magni. Maxime suscipit sed
107 | officia id dolores. Reprehenderit quia illo alias aliquid quaerat, placeat adipisci animi incidunt voluptatem
108 | iusto vitae minus aspernatur, rerum voluptates corrupti error dignissimos? Unde sed animi placeat tempora
109 | tempore laborum repellendus magni eveniet corrupti voluptate ducimus dolor dolores neque, error rem sequi
110 | laudantium reprehenderit. Nesciunt explicabo fuga, ducimus distinctio aperiam commodi impedit repellendus
111 | accusamus, in dolorum sunt voluptates aliquam repudiandae doloribus veritatis facilis. Nulla, soluta fuga
112 | ratione reprehenderit tenetur id sapiente quo accusamus nostrum quod deleniti libero aperiam. Explicabo pariatur
113 | aliquid odio reiciendis voluptatibus saepe quidem ad voluptatum modi nemo, velit beatae nobis iusto maiores
114 | laudantium? Dignissimos soluta omnis perferendis laboriosam dolorum et deserunt repudiandae alias odit
115 | reprehenderit, minima fugit, recusandae tenetur cupiditate dolor praesentium quos perspiciatis, obcaecati
116 | molestiae delectus. Molestias, numquam officia? Minima fugit tempore dolores fugiat perferendis incidunt
117 | deleniti, at quibusdam assumenda, inventore omnis ipsum ipsam commodi nesciunt dolor reiciendis. Fugit omnis in
118 | architecto? Magni provident voluptas cumque? Id, accusamus temporibus? Modi error, dolorum eum architecto non
119 | eius ipsa hic voluptatibus nostrum, illo laudantium voluptatem perspiciatis harum ipsam tenetur alias, ipsum
120 | saepe consectetur blanditiis porro labore ratione! Adipisci molestias voluptas magni quisquam consequuntur
121 | dolore aspernatur aut quos saepe, ea maiores excepturi consectetur sit tempore totam facilis tempora eveniet
122 | explicabo sed fugit a molestiae nihil! Magnam natus ipsum, non veniam, dolor quisquam numquam rerum labore eos,
123 | ea dignissimos ipsa? Eum et alias, mollitia vitae eaque expedita in ullam voluptates minima necessitatibus,
124 | earum reiciendis quia voluptatibus a sit quos sunt atque. Eaque autem, corporis nihil accusantium labore nostrum
125 | hic? Nam laudantium, debitis autem neque repellat unde aperiam dolor voluptate quibusdam fuga doloribus error,
126 | iure repudiandae perspiciatis facere quos eos accusamus explicabo expedita! Perferendis facilis hic dolorem
127 | cumque quod velit, animi qui aut saepe nostrum minima doloribus deleniti suscipit? Quis odit atque maiores a
128 | voluptatibus temporibus quisquam porro. Eos fugiat harum, excepturi molestias aliquam rerum reiciendis
129 | asperiores ab laudantium repellendus veniam? Quo quisquam dolores esse nostrum id non adipisci quis libero,
130 | ducimus quia dignissimos laboriosam sed sit molestiae necessitatibus qui! Sunt beatae mollitia consequatur
131 | asperiores temporibus sit minus a iure corporis assumenda suscipit eligendi debitis aut quos fugiat vitae
132 | tempora velit optio quod rem, similique doloremque perspiciatis omnis! Voluptates deleniti earum excepturi
133 | labore, tenetur amet repellat?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, repellat rerum. Quis dolor, et magnam sed, corporis beatae tenetur, fuga maxime inventore esse odio similique quia! Facilis autem harum tenetur cum quos id laboriosam pariatur dignissimos ipsum neque alias similique magni, est eos at ea dolorem vero nisi enim! Praesentium!
14 |
15 |
Site
16 | Ir para o site
17 |
18 |
19 |
--------------------------------------------------------------------------------
/aulas/aula-10/README.md:
--------------------------------------------------------------------------------
1 | # Curso Html5 e Css3
2 |
3 | > Por Marcelo Pereira
4 |
5 |
6 |
7 | ## Aula 10 - Semântica, Tags Header, Footer, Nav, Section, Main, div
8 |
9 | Nesta aula vamos trabalhar com aa tags...
10 |
11 |
12 |
13 | ### 1) body
14 |
15 | Representa o conteúdo de um documento HTML.
16 |
17 | - É permitido apenas um `` por documento.
18 |
19 | Exemplo:
20 |
21 | ```html
22 |
23 |
24 |
25 | ```
26 |
27 |
28 |
29 | ### 2) header (cabeçalho)
30 |
31 | Representa um grupo de suporte introdutório ou navegacional.
32 |
33 | - Pode conter alguns elementos de cabeçalho como logo, título, navegação, campo de busca, etc.
34 |
35 | Exemplo:
36 |
37 | ```html
38 |
39 |
Curso Html5 e Css3
40 |
41 | ```
42 |
43 |
44 |
45 | ### 3) footer (rodapé)
46 |
47 | Representa um rodapé para a sua seção de conteúdo.
48 |
49 | - Normalmente um rodapé contém informações sobre o autor do documento;
50 |
51 | Exemplo:
52 |
53 | ```html
54 |
57 | ```
58 |
59 |
60 |
61 | ### 4) nav
62 |
63 | Representa uma seção de uma página que aponta para outras páginas ou para outras áreas da página, ou seja, uma seção com links de navegação.
64 |
65 | - Nem todos os links de um documento devem estar dentro de um elemento `
13 | 
14 |
15 |
16 | 
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/aulas/aula-08/images/coca-cola.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/marcelopoars/curso-de-html5-e-css3/51ae69ccb396dea5e68303597a8384cdc495a5d2/aulas/aula-08/images/coca-cola.jpg
--------------------------------------------------------------------------------
/aulas/aula-08/images/fandangos.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/marcelopoars/curso-de-html5-e-css3/51ae69ccb396dea5e68303597a8384cdc495a5d2/aulas/aula-08/images/fandangos.jpg
--------------------------------------------------------------------------------
/aulas/aula-08/images/trakinas.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/marcelopoars/curso-de-html5-e-css3/51ae69ccb396dea5e68303597a8384cdc495a5d2/aulas/aula-08/images/trakinas.jpg
--------------------------------------------------------------------------------
/aulas/aula-09/README.md:
--------------------------------------------------------------------------------
1 | # Curso Html5 e Css3
2 |
3 | > Por Marcelo Pereira
4 |
5 |