TecBlog/index.html at master · Layravbf/TecBlog · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Tec Blog - O seu Blog de Tecnologia</title>
  <link rel="stylesheet" href="css/estilo.css">
</head>
<body>
  <div id="cabecalho">

    <div id="logo">
      <h1>Tec<span class="branco">Blog</span></h1>
    </div>
    <div id="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="principal">

    <div id="postagens">

      <div class="post">
        <h2>Título da postagem 1</h2>
        <span class="data-post">postado em 20 de março de 2022</span>
        <img width="620px" src="imagens/imagem1.jpg" alt="">
        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Magni blanditiis fugit quo nihil, dolore, quibusdam dolorem laudantium earum illum molestiae nulla quos ratione corporis numquam sed ab beatae in perferendis! Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat temporibus illo voluptas sit, ipsam eveniet molestias delectus dignissimos reprehenderit impedit deleniti enim optio omnis officiis rerum suscipit porro totam aliquid?</p>
        <a href="">Leia mais</a>
      </div>
      <div class="post">
        <h2>Título da postagem 2</h2>
        <span class="data-post">postado em 10 de março de 2022</span>
        <img width="620px" src="imagens/imagem2.jpg" alt="">
        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Magni blanditiis fugit quo nihil, dolore, quibusdam dolorem laudantium earum illum molestiae nulla quos ratione corporis numquam sed ab beatae in perferendis! Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat temporibus illo voluptas sit, ipsam eveniet molestias delectus dignissimos reprehenderit impedit deleniti enim optio omnis officiis rerum suscipit porro totam aliquid?</p>
        <a href="">Leia mais</a>
      </div>

    </div>

    <div id="barra-lateral">

      <div class="conteudo-lateral">
        <h3>Postagens recentes</h3>
        <div class="post-lateral">
          <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit.</p>
          <a href="">Leia mais</a>
        </div>

        <hr>

        <div class="post-lateral">
          <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>