-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
94 lines (71 loc) · 4.16 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>TecBlog - O seu Blog de tecnologia</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/estilo.css">
</head>
<body>
<div id="cabecalho">
<div id="cabecalho-logo">
<h1>Tec<span class="branco">Blog</span></h1>
</div>
<div id="cabecalho-menu">
<span id="paginaatual"><a href="index.html">Home</a></span>
<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="principal">
<div id="principal-postagens">
<!-- Início postagem-->
<div class="postagem">
<h2>Título da postagem 1</h2>
<span class="postagem-data">Postado em 06 de novembro de 2020</span>
<img src="imagens/imagem1.jpg" width="620px">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id malesuada dui. Mauris odio neque, sollicitudin et elit ultricies, sagittis condimentum metus. Etiam feugiat efficitur metus, sit amet aliquet augue efficitur ut. Maecenas fermentum odio eu tortor tempus semper. In hac habitasse platea dictumst. Morbi eu magna lorem. Curabitur tortor augue, blandit et velit scelerisque, ultrices tristique magna. Nullam odio ligula, aliquet a varius non, facilisis et metus. Mauris congue purus in purus viverra dictum. In blandit ex scelerisque ipsum interdum, vel tristique tortor suscipit. Nam semper eleifend elementum. Nullam eu molestie magna.
</p>
<a href="">Leia mais</a>
</div>
<!-- Fim da postagem-->
<!-- Início postagem-->
<div class="postagem">
<h2>Título da postagem 2</h2>
<span class="postagem-data">Postado em 04 de novembro de 2020</span>
<img src="imagens/imagem1.jpg" width="620px">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id malesuada dui. Mauris odio neque, sollicitudin et elit ultricies, sagittis condimentum metus. Etiam feugiat efficitur metus, sit amet aliquet augue efficitur ut. Maecenas fermentum odio eu tortor tempus semper. In hac habitasse platea dictumst. Morbi eu magna lorem. Curabitur tortor augue, blandit et velit scelerisque, ultrices tristique magna. Nullam odio ligula, aliquet a varius non, facilisis et metus. Mauris congue purus in purus viverra dictum. In blandit ex scelerisque ipsum interdum, vel tristique tortor suscipit. Nam semper eleifend elementum. Nullam eu molestie magna.
</p>
<a href="">Leia mais</a>
</div>
<!-- Fim da postagem-->
</div>
<div id="principal-menu-lateral">
<div class="conteudo-lateral">
<h3>Postagens recentes</h3>
<div class="postagem-lateral">
<p>Lorem ipsum dolor sit amet.</p>
<a href="">Leia mais</a>
</div>
<div class="postagem-lateral" style="border-bottom: none;">
<p>Lorem ipsum dolor sit amet.</p>
<a href="">Leia mais</a>
</div>
</div>
<div class="conteudo-lateral">
<h3>Categorias</h3>
<a href="jogos.html">Jogos</a><br>
<a href="celulares.html">Celulares</a><br>
<a href="informatica.html">Informática</a><br>
<a href="eletronicos.html">Eletrônicos</a><br>
</div>
</div>
<div id="principal-rodape">
Todos os direitos reservados.
</div>
</div>
</body>
</html>