-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (79 loc) · 3.51 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tecblog - O seu Blog de tecnologia</title>
<link rel="stylesheet" type="text/css" href="./styles.css" />
</head>
<body>
<header id="area-cabecalho">
<div id="area-logo">
<h1>Tec<span class="branco">Blog</span></h1>
</div>
<nav 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">Informatica</a>
<a href="eletronicos.html">Eletronicos</a>
</nav>
</header>
<main id="area-principal">
<aside id="area-lateral">
<div class="conteudo-lateral">
<h3>Postagens recentes</h3>
<div>
<p class="texto-lateral">
Lorem ipsum dolor sit amet, consectetur adipiscing
elit.
</p>
<a href="">Leia mais</a>
<hr />
<p class="texto-lateral">
Lorem ipsum dolor sit amet, consectetur adipiscing
elit.
</p>
<a href="">Leia mais</a>
</div>
</div>
</aside>
<section id="area-postagens">
<div class="postagem">
<h2>Ti Abertura postagemtulo da postagem 1</h2>
<span class="data-postagem">postado 20 março 2022</span>
<img width="620px" src="imagens/imagem1.jpg" alt="" />
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed ullamcorper est odio, in fermentum orci porttitor
sed. Sed fermentum quam sit amet nisi finibus, vel
imperdiet metus feugiat. Sed eget quam rhoncus,
facilisis elit ut, lobortis lacus. Integer a cursus
ante. Maecenas metus libero, aliquet et orci eu,
malesuada pharetra tellus.
</p>
<a href="">Leia Mais</a>
</div>
<div class="postagem">
<h2>Titulo da postagem 1</h2>
<span class="data-postagem">postado 10 março 2022</span>
<img width="620px" src="imagens/imagem2.jpg" alt="" />
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed ullamcorper est odio, in fermentum orci porttitor
sed. Sed fermentum quam sit amet nisi finibus, vel
imperdiet metus feugiat. Sed eget quam rhoncus,
facilisis elit ut, lobortis lacus. Integer a cursus
ante. Maecenas metus libero, aliquet et orci eu,
malesuada pharetra tellus.
</p>
<a href="">Leia Mais</a>
</div>
</section>
</main>
<footer>
<p id="rodape">Todos os direitos reservados</p>
</footer>
</body>
</html>