!DOCTYPE html
html lang=pt-BR
head
    meta charset=UTF-8 
    meta name=viewport content=width=device-width, initial-scale=1.0
    titleNotíciastitle
    style
        body {
            font-family Arial, sans-serif;
            margin 20px;
            background #f5f5f5;
        }

        h1 {
            text-align center;
            font-size 32px;
            margin-bottom 40px;
            color #333;
        }

        .news-container {
            display flex;
            flex-wrap wrap;
            gap 20px;
            justify-content center;
        }

        .news-item {
            background #fff;
            width calc(33.333% - 20px);
            min-width 250px;
            border-radius 8px;
            overflow hidden;
            box-shadow 0 2px 5px rgba(0,0,0,0.1);
            display flex;
            flex-direction column;
            transition transform 0.3s ease;
        }

        .news-itemhover {
            transform translateY(-5px);
        }

        .news-item img {
            width 100%;
            height auto;
            display block;
        }

        .news-content {
            padding 15px;
            flex 1;
            display flex;
            flex-direction column;
            justify-content space-between;
        }

        .news-title {
            font-size 18px;
            margin 0 0 10px;
            color #333;
            font-weight bold;
        }

        .news-date {
            font-size 12px;
            color #666;
            margin-bottom 10px;
            text-transform uppercase;
        }

        .news-description {
            font-size 14px;
            color #555;
            line-height 1.4em;
            margin-bottom 15px;
        }

        .news-link {
            align-self flex-start;
            background #2d5298;
            color #fff;
            text-decoration none;
            font-size 14px;
            padding 8px 12px;
            border-radius 4px;
            transition background 0.3s ease;
        }

        .news-linkhover {
            background #244276;
        }

        @media (max-width 768px) {
            .news-item {
                width calc(50% - 20px);
            }
        }

        @media (max-width 480px) {
            .news-item {
                width 100%;
            }
        }
    style
head
body

h1Últimas Notíciash1

div class=news-container
    !-- Notícia 1 --
    div class=news-item
        img src=httpsvia.placeholder.com600x400 alt=Imagem da Notícia 1
        div class=news-content
            h2 class=news-titleALMT aprova convocação de secretário de saúdeh2
            p class=news-date10 DE DEZEMBRO DE 2024p
            p class=news-description
                A Assembleia Legislativa do Estado aprovou a convocação do secretário de saúde para discutir sobre a nomeação de aprovados no último concurso.
            p
            a href=midiatextocomissao-aprova-convocacao-de-secretario-de-saudevisualizar class=news-linkLeia maisa
        div
    div

    !-- Notícia 2 --
    div class=news-item
        img src=httpsvia.placeholder.com600x400 alt=Imagem da Notícia 2
        div class=news-content
            h2 class=news-titleCST Projeto Panga entra na reta finalh2
            p class=news-date10 DE DEZEMBRO DE 2024p
            p class=news-description
                A Comissão Setorial Temática do Projeto Panga realiza as últimas reuniões para finalizar os trabalhos e apresentar um relatório conclusivo.
            p
            a href=midiatextocst-projeto-panga-entra-na-reta-final-dos-trabalhosvisualizar class=news-linkLeia maisa
        div
    div

    !-- Notícia 3 --
    div class=news-item
        img src=httpsvia.placeholder.com600x400 alt=Imagem da Notícia 3
        div class=news-content
            h2 class=news-titleAssembleia promove IV Simpósio sobre Autismoh2
            p class=news-date10 DE DEZEMBRO DE 2024p
            p class=news-description
                O evento abordou novos estudos e políticas públicas para melhorar a qualidade de vida das pessoas com TEA e suas famílias.
            p
            a href=midiatextoassembleia-legislativa-promoveu-o-iv-simposio-sobre-autismovisualizar class=news-linkLeia maisa
        div
    div

    !-- Notícia 4 --
    div class=news-item
        img src=httpsvia.placeholder.com600x400 alt=Imagem da Notícia 4
        div class=news-content
            h2 class=news-titleServidores da ALMT na 27ª Conferência da Unaleh2
            p class=news-date9 DE DEZEMBRO DE 2024p
            p class=news-description
                Equipes técnicas da Assembleia Legislativa participam de conferência nacional para compartilhar experiências e aprimorar práticas legislativas.
            p
            a href=midiatextoservidores-da-almt-participam-da-27-conferencia-da-unalevisualizar class=news-linkLeia maisa
        div
    div

    !-- Notícia 5 --
    div class=news-item
        img src=httpsvia.placeholder.com600x400 alt=Imagem da Notícia 5
        div class=news-content
            h2 class=news-titlePacientes renais terão rede de atendimento ampliadah2
            p class=news-date10 DE DEZEMBRO DE 2024p
            p class=news-description
                Projeto de lei em tramitação amplia o atendimento a pacientes renais, garantindo melhor infraestrutura e serviços especializados no estado.
            p
            a href=midiatextopacientes-renais-poderao-de-ter-rede-de-atendimento-ampliadavisualizar class=news-linkLeia maisa
        div
    div
div

body
html