-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (84 loc) · 2.9 KB
/
index.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
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tec Blog - O seu Blog de Tecnologia</title>
<link rel="stylesheet" type="text/css" href="css/estilo.css">
</head>
<body>
<div id="area-cabeçalho">
<div id="area-logo">
<h1>Tec<span class="branco">Blog</span></h1>
</div>
<div id="area-menu">
<a href="index.html">Home</a>
<a href="jogos.html">Jogos</a>
<a href="celulares.html">Celulares</a>
<a href="informatica.html">Informática</a>
<a href="eletronicos.html">Eletrônicos</a>
</div>
</div>
<div id="area-principal">
<div id="area-postagens">
<!-- Abertura Postagem -->
<div class="postagem">
<h2>Título da postagem 1</h2>
<span class="data-postagem">Postado em 27 de Maio de 2022</span>
<img width="620px" src="imagem/imagem1.jpg">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<a href="">Leia mais</a>
</div> <!-- Fechamento Postagem -->
<!-- Abertura Postagem -->
<div class="postagem">
<h2>Título da postagem 2</h2>
<span class="data-postagem">Postado em 25 de Maio de 2022</span>
<img width="620px" src="imagem/imagem2.jpg">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<a href="">Leia mais</a>
</div> <!-- Fechamento Postagem -->
</div>
<div id="area-lateral">
<div class="conteudo-lateral">
<h3>Postagens Recentes</h3>
<div class="postagem-lateral">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
<a href="">Leia mais</a>
</div>
<div class="postagem-lateral" style="border-bottom: none;">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
<a href="">Leia mais</a>
</div>
</div>
<div class="conteudo-lateral">
<h3>Categorias</h3>
<a href="">Jogos</a><br>
<a href="">Celulares</a><br>
<a href="">Informática</a><br>
<a href="">Eletrônicos</a><br>
<a href="">Jogos</a><br>
</div>
</div>
<div id="rodape">
Todos os Direitos Reservados
</div>
</div>
</body>
</html>