-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (70 loc) · 2.5 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
<!DOCTYPE html>
<html>
<head>
<title>TecBlog - O seu Blog de tecnologia</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="area-cabecalho">
<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>Titulo da postagem 1</h2>
<span class="data-postagem">postado 20 março 2022</span>
<img width="620px" src="img/imagem1.jpg">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et scelerisque quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent nulla turpis, gravida at nunc eu, luctus aliquam justo. Praesent eget risus vehicula
</p>
<a href="">Leia mais</a>
</div><!--fechamentopostagem -->
<!--abertura postagem-->
<div class="postagem">
<h2>Titulo da postagem 2</h2>
<span class="data-postagem">postado 10 março 2022</span>
<img width="620px" src="img/imagem2.jpg">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et scelerisque quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent nulla turpis, gravida at nunc eu, luctus aliquam justo. Praesent eget risus vehicula
</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 adipiscing elit.</p>
<a href="">Leia mais</a>
</div>
<div class="postagem-lateral" style="border-bottom: none;">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing 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>