html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TecBlog - O seu blog de tecnologia</title>
    <link rel="stylesheet" href="css/estilo.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>Título da postagem 1</h2>
                        <span class="data-postagem">postado em 20 março 2022</span>
                        <img width="620px" src="imagens/imagem (1).jpg" alt="">
                        <p>
                            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Atque, autem? Ipsam reiciendis doloremque magni est enim nisi totam consequatur ab asperiores et amet, sed adipisci, quae nihil laudantium, repellendus eius dolore eaque officiis perferendis ducimus!
                        </p><br>
                        <a href="">Leia mais</a>
                        <!--fechamento postagem-->
                </div>
            </div>
            <div id="area-lateral">
                Menu lateral
            </div>
            <div id="rodape">
                <strong>Todos os direitos reservados</strong>
            </div>
    </div>
</body>
</html>