-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsegundo grid.html
93 lines (82 loc) · 5.34 KB
/
segundo grid.html
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="componentes.css"/>
</head>
<body>
<div class="banner">
<div class="banner1"></div>
</div>
<div class="container">
<header class="search">
<div>
<input class="barradepesquisa" placeholder="pesquise">
<button><svg viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false" class="style-scope yt-icon" style="pointer-events: none; display: block; width: 100%; height: 100%;"><g class="style-scope yt-icon"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" class="style-scope yt-icon"></path></g></svg></button>
<a href="segunda lista.html"><img class="layout" src="componentes/grade.JPG"></a>
</div>
<div img src="imagem/banner.jpg">
</div>
</header>
<main>
<div class="componentes">
<div class="componentes--niveis">
<div><img src="componentes/13.jpg"><text class="text">A técnologia como centro da humanidade</text></div>
<div><img src="componentes/14.jpg"><text class="text">Potência vs meio ambiente. Emissão de co2 e o avanço da técnologia</text></div>
<div><img src="componentes/15.jpg"><text class="text">A importância de desenhar no mundo do design</text></div>
<div><img src="componentes/16.jpg"><text class="text">Estudo e trabalho em meio a pandemia, como lidar com muitos afazeres</text></div>
<div><img src="componentes/17.jpg"><text class="text">Dicas de moda para decorar sua casa de modo sustentável</text></div>
<div><img src="componentes/18.jpg"><text class="text">Água potável sem o uso de filtros</text></div>
<div><img src="componentes/19.jpg"><text class="text">Vida marinha, como colaborar para mantê-la</text></div>
<div><img src="componentes/20.jpg"><text class="text">Renda extra com a criação de artesanatos</text></div>
<div><img src="componentes/21.jpg"><text class="text">Primeiros passo para criação de uma empresa</text></div>
<div><img src="componentes/22.jpg"><text class="text">A tecnilogia e o psicológico em meio a pandemia</text></div>
<div><img src="componentes/23.jpg"><text class="text">Os riscos que um buraco negro pode trazer para o sistema solar</text></div>
<div><img src="componentes/24.jpg"><text class="text">A influência da grecia no design contemporâneo</text></div>
</div>
</div>
</main>
<aside>
<div class="filtro">
<strong class="titulo">Tags</strong><br><br>
<text class="filtros">tag X</text>
<text class="filtros">tag X</text>
<text class="filtros">tag X</text>
<text class="filtros">tag X</text><br><br><br>
<strong class="titulo">Categorias</strong><br><br>
<td class="quadrado"></td><text class="filtros">Filtro exemplo</text>
<text class="filtros">Filtro exemplo</text>
<text class="filtros">Filtro exemplo</text>
<text class="filtros">Filtro exemplo</text>
<text class="filtros">Filtro exemplo</text>
<text class="filtros">Filtro exemplo</text>
<text class="filtros">Filtro exemplo</text>
<text class="filtros">Filtro exemplo</text>
<text class="filtros">Filtro exemplo</text><br><br>
<strong class="titulo">Categorias</strong><br><br>
<td class="quadrado"></td><text class="filtros">Filtro exemplo</text>
<text class="filtros">Filtro exemplo</text>
<text class="filtros">Filtro exemplo</text>
<text class="filtros">Filtro exemplo</text>
<text class="filtros">Filtro exemplo</text>
<text class="filtros">Filtro exemplo</text>
<text class="filtros">Filtro exemplo</text>
<text class="filtros">Filtro exemplo</text>
<text class="filtros">Filtro exemplo</text>
</div>
</aside>
</div>
<a href="componentes.html"><div align="center" class="quadra">
<text class="passar1" > < </text>
<text class="passar">1</text>
<text class="passar">2</text>
<text class="passar">3</text>
<text class="passar">4</text>
...
<text class="passar">11</text>
<text class="passar1"> > </text>
</div>
<div class="rodape" width="100">
</div></a>
</body>
</html>