-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
160 lines (154 loc) · 9.88 KB
/
index.html
File metadata and controls
160 lines (154 loc) · 9.88 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<title>WebDesigner</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="./formacao-css/css/nav-menu1.css" rel="stylesheet" />
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html" target="">Início</a></li>
<li><a href="https://github.com/jocile/webdesigner" target="_blank">Códigos</a></li>
<li><a href="https://jocile.com" target="_blank">jocile.com</a></li>
<li>
<details open>
<summary>Formação HTML</summary>
<ul>
<li><a href="formacao-html/1-Primeiros-Passos-com-HTML/about.html" target="conteudo">About</a></li>
<li><a href="estrutura.html" target="conteudo">Estrutura HTML</a></li>
<li><a href="formacao-html/1-Primeiros-Passos-com-HTML/index.html" target="conteudo">Primeiros Passos</a>
</li>
<li><a href="formacao-html/1-Primeiros-Passos-com-HTML/ProjetoDio.html" target="conteudo">Projeto Dio</a>
</li>
<li><a href="formacao-html/2-HTML-Conceitos-Basicos/1 - Formularios/index.html"
target="conteudo">Formulários</a></li>
<li><a href="formacao-html/2-HTML-Conceitos-Basicos/2 - Estruturando/index.html"
target="conteudo">Estruturando</a></li>
<li><a href="formacao-html/2-HTML-Conceitos-Basicos/3 - Midias/index.html" target="conteudo">Mídias</a>
</li>
<li><a href="formacao-html/2-HTML-Conceitos-Basicos/4 - Criando Tabelas/index.html"
target="conteudo">Criando Tabelas</a></li>
<li><a href="formacao-html/2-HTML-Conceitos-Basicos/5 - Desafio HTML/principal.html"
target="conteudo">Desafio Principal</a></li>
<li><a href="formacao-html/2-HTML-Conceitos-Basicos/5 - Desafio HTML/sobre.html" target="conteudo">Desafio
Sobre</a></li>
<li><a href="formacao-html/2-HTML-Conceitos-Basicos/5 - Desafio HTML/horario.html"
target="conteudo">Desafio Horário</a></li>
<li><a href="formacao-html/3-HTML-semantico/article.html" target="conteudo">Article</a></li>
<li><a href="formacao-html/3-HTML-semantico/codeKbdPre.html" target="conteudo">Code/Kbd/Pre</a></li>
<li><a href="formacao-html/3-HTML-semantico/DetailsSummary.html" target="conteudo">Details/Summary</a>
</li>
<li><a href="formacao-html/3-HTML-semantico/figure.html" target="conteudo">Figure</a></li>
<li><a href="formacao-html/3-HTML-semantico/markJs.html" target="conteudo">MarkJs</a></li>
<li><a href="formacao-html/3-HTML-semantico/meterProgress.html" target="conteudo">Meter/Progress</a></li>
<li><a href="formacao-html/3-HTML-semantico/Recursos Especiais.html" target="conteudo">Recursos
Especiais</a></li>
<li><a href="formacao-html/3-HTML-semantico/template.html" target="conteudo">Template</a></li>
<li><a href="formacao-html/3-HTML-semantico/Desafio/index.html" target="conteudo">Desafio Semântico</a>
</li>
</ul>
</details>
</li>
<li>
<details open>
<summary>Formação CSS</summary>
<ul>
<li><a href="formacao-css/modelo-editor.html" target="conteudo">Modelo Editor CSS</a></li>
<li><a href="formacao-css/1-Primeiros-passos-com-css/cores.html" target="conteudo">Cores</a></li>
<li><a href="formacao-css/1-Primeiros-passos-com-css/bordas-imagens.html" target="conteudo">Bordas
Imagens</a></li>
<li><a href="formacao-css/1-Primeiros-passos-com-css/bordas-propriedades.html" target="conteudo">Bordas
Propriedades</a></li>
<li><a href="formacao-css/1-Primeiros-passos-com-css/editor.html" target="conteudo">Editor</a></li>
<li><a href="formacao-css/1-Primeiros-passos-com-css/imagens-dimensionamento.html"
target="conteudo">Imagens Dimensionamento</a></li>
<li><a href="formacao-css/1-Primeiros-passos-com-css/imagens-fundo.html" target="conteudo">Imagens
Fundo</a></li>
<li><a href="formacao-css/1-Primeiros-passos-com-css/imagens-fundo-clip.html" target="conteudo">Imagens
Fundo Clip</a></li>
<li><a href="formacao-css/1-Primeiros-passos-com-css/imagens-fundo-fixa.html" target="conteudo">Imagens
Fundo Fixa</a></li>
<li><a href="formacao-css/1-Primeiros-passos-com-css/imagens-fundo-mesclagem.html"
target="conteudo">Imagens Fundo Mesclagem</a></li>
<li><a href="formacao-css/1-Primeiros-passos-com-css/imagens-fundo-origin.html" target="conteudo">Imagens
Fundo Origin</a></li>
<li><a href="formacao-css/1-Primeiros-passos-com-css/imagens-fundo-resumida.html"
target="conteudo">Imagens Fundo Resumida</a></li>
<li><a href="formacao-css/1-Primeiros-passos-com-css/imagens-posicionamento.html"
target="conteudo">Imagens Posicionamento</a></li>
<li><a href="formacao-css/1-Primeiros-passos-com-css/imagens-posicionamento-back.html"
target="conteudo">Imagens Posicionamento Back</a></li>
<li><a href="formacao-css/1-Primeiros-passos-com-css/imagens-preenchimento.html" target="conteudo">Imagens
Preenchimento</a></li>
<li><a href="formacao-css/1-Primeiros-passos-com-css/imagens-repeticao.html" target="conteudo">Imagens
Repetição</a></li>
<li><a href="formacao-css/1-Primeiros-passos-com-css/textos.html" target="conteudo">Textos</a></li>
<li><a href="formacao-css/1-Primeiros-passos-com-css/Desafio-landing-page/index.html"
target="conteudo">Desafio Landing Page</a></li>
<li><a href="formacao-css/2-Trabalhando-com-layouts-no-css/display.html" target="conteudo">Display</a>
</li>
<li><a href="formacao-css/2-Trabalhando-com-layouts-no-css/flexbox.html" target="conteudo">Flexbox</a>
</li>
<li><a href="formacao-css/2-Trabalhando-com-layouts-no-css/flexbox-abreviada.html"
target="conteudo">Flexbox Abreviada</a></li>
<li><a href="formacao-css/2-Trabalhando-com-layouts-no-css/flexbox-alinhamento.html"
target="conteudo">Flexbox Alinhamento</a></li>
<li><a href="formacao-css/2-Trabalhando-com-layouts-no-css/grid.html" target="conteudo">Grid</a></li>
<li><a href="formacao-css/2-Trabalhando-com-layouts-no-css/grid-areas.html" target="conteudo">Grid
Áreas</a></li>
<li><a href="formacao-css/2-Trabalhando-com-layouts-no-css/grid-areas abreviado.html"
target="conteudo">Grid Áreas Abreviado</a></li>
<li><a href="formacao-css/2-Trabalhando-com-layouts-no-css/grid-posicionamento.html"
target="conteudo">Grid Posicionamento</a></li>
<li><a href="formacao-css/2-Trabalhando-com-layouts-no-css/position.html" target="conteudo">Position</a>
</li>
<li><a href="formacao-css/2-Trabalhando-com-layouts-no-css/Desafio-layout-responsivo/index.html"
target="conteudo">Desafio Layout Responsivo</a></li>
<li><a href="formacao-css/2-Trabalhando-com-layouts-no-css/Desafio-listagem-com-grid/index.html"
target="conteudo">Desafio Listagem com Grid</a></li>
<li><a href="formacao-css/2-Trabalhando-com-layouts-no-css/Responsividade/Flexbox-responsivo.html"
target="conteudo">Flexbox Responsivo</a></li>
<li><a href="formacao-css/2-Trabalhando-com-layouts-no-css/Responsividade/Grid-responsivo.html"
target="conteudo">Grid Responsivo</a></li>
<li><a href="formacao-css/2-Trabalhando-com-layouts-no-css/Responsividade/imagem-responsiva.html"
target="conteudo">Imagem Responsiva</a></li>
<li><a
href="formacao-css/2-Trabalhando-com-layouts-no-css/Responsividade/Layouts-flexiveis-multicolunas.html"
target="conteudo">Layouts Flexíveis Multicolunas</a></li>
<li><a href="formacao-css/2-Trabalhando-com-layouts-no-css/Responsividade/media-features.html"
target="conteudo">Media Features</a></li>
<li><a href="formacao-css/2-Trabalhando-com-layouts-no-css/Responsividade/mobile-first.html"
target="conteudo">Mobile First</a></li>
<li><a href="formacao-css/2-Trabalhando-com-layouts-no-css/Responsividade/texto-resposnsivo.html"
target="conteudo">Texto Responsivo</a></li>
<li><a href="formacao-css/3-Refinando-estilos-css/Pseudo-elementos.html"
target="conteudo">Pseudo-elementos</a></li>
<li><a href="formacao-css/3-Refinando-estilos-css/pseudo-classes.html"
target="conteudo">Pseudo-classes</a></li>
<li><a href="formacao-css/3-Refinando-estilos-css/pseudo-classes-form.html"
target="conteudo">Pseudo-classes Form</a></li>
</ul>
</details>
</li>
</ul>
</nav>
</header>
<!--Conteúdo principal com informações únicas da página -->
<main>
<article>
<h1 id="estudos-webdesigner">Estudos de WebDesigner</h1>
</article>
<section>
<iframe name="conteudo" src="formacao-css/2-Trabalhando-com-layouts-no-css/flexbox.html" width="100%" height="600px" style="border:1px solid #ccc;"></iframe>
</section>
<footer>
<address></address>
</footer>
</main>
<!-- Conteúdo secundário com informações complementares -->
<aside></aside>
</body>
</html>