📖 Blog "Educação & Cultura" - Código-Fonte Descrição Este é o código-fonte do blog Educação & Cultura, um espaço para a publicação de artigos e reflexões de Sérgio Araújo. O projeto foca em temas como educação, filosofia, pedagogia e sociedade, apresentados através de um design minimalista, moderno e focado na experiência de leitura.

O layout foi desenvolvido para ser elegante e responsivo, adaptando-se a diferentes tamanhos de tela, desde celulares até desktops.

🖥️ Demonstração (Esta é uma imagem de demonstração do layout final)

✨ Recursos Principais Layout Assimétrico Moderno: Em telas grandes, o blog apresenta uma barra lateral fixa com as informações do autor e uma coluna de conteúdo rolável, criando uma experiência visual dinâmica.

Design Responsivo (Mobile-First): O layout se adapta perfeitamente a dispositivos móveis, transformando a barra lateral em um cabeçalho no topo da página.

Tema Escuro (Dark Mode) Sofisticado: Uma paleta de cores escura com detalhes em dourado, projetada para ser elegante e confortável para leituras longas.

Foco em Tipografia: Utiliza a combinação das fontes Montserrat (para títulos) e Source Serif Pro (para o corpo do texto), garantindo legibilidade e um tom acadêmico.

Página Única e Leve: Todo o blog está contido em um único arquivo index.html, sem dependências de JavaScript ou frameworks complexos, garantindo um carregamento extremamente rápido.

🛠️ Tecnologias Utilizadas HTML5: Para a estrutura semântica do conteúdo.

CSS3: Para toda a estilização e layout, fazendo uso de:

CSS Variables: Para fácil customização do tema (cores, fontes).

CSS Grid Layout: Para a criação do layout assimétrico.

CSS Flexbox: Para o alinhamento de itens na barra lateral.

Media Queries: Para garantir a responsividade.

Google Fonts: Para a importação das fontes Montserrat e Source Serif Pro.

👤 Autor Sérgio Araújo - Idealizador, autor e curador do conteúdo.