Bem-vindo! Como podemos ajudar?

Pesquisas populares: 




🕐 Artigos mais recentes

📝 Conheça também nosso blog

<br>
<style>
    @import url('https://fonts.googleapis.com/css?family=Muli:400,600,700,800,900&display=swap');
     :root {
        --tamanho-imagem: 60px;
        --cor-verde: #00D556;
    }
    
    #div-blog {
        border-bottom: solid 1px #cccccc !important;
        margin-bottom: 14px !important;
    }
    
    .div-blog__conteudo {
        margin-bottom: 10px !important;
        font-family: Muli, sans-serif !important;
        width: 100% !important;
        height: var(--tamanho-imagem) !important;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
    }
    
    .div-blog__coluna-esquerda {
        display: inline-block !important;
        width: var(--tamanho-imagem) !important;
    }
    
    .div-blog__coluna-direita {
        display: inline-block !important;
        height: inherit !important;
        padding-left: 15px;
    }
    /* Conteúdo do post */
    
    .div-blog__a-titulo {
        text-decoration: NONE !important;
        color: #000000 !important;
    }
    
    .div-blog__a-titulo h4 {
        margin-top: -5px !important;
        margin-bottom: 5px !important;
        font-weight: 800 !important;
        font-size: 17px;
    }
    
    .div-blog__span-categorias a {
        text-decoration: none !important;
        font-size: 12px !important;
        color: var(--cor-verde) !important;
        font-weight: 600 !important;
        text-transform: uppercase;
    }
    
    .div-blog__img-thumbnail {
        width: var(--tamanho-imagem);
        height: var(--tamanho-imagem);
        border-radius: 4px !important;
    }
</style>
<div class="" id="div-blog">

    <script>
        console.log("Início do script");
        url = 'https://maximatech.com.br/api_blog_menu_unico/get_posts/';

        $.ajax({
            type: "GET",
            url: url,
            dataType: 'jsonp',
            error: function() {
                console.log('[js de postagens do blog] Não foi possível carregar as postagens');
            },
            success: function(data) {
                console.log('[js de postagens do blog]: Objeto data:');
                console.log(data);
                console.log('[js de postagens do blog]: Iniciando loop das postagens');

                for (var $i = 0; $i < 6; $i++) {

                    $arrayCategorias = data.posts[$i].categories;
                    $titulo = data.posts[$i].title;
                    $url = data.posts[$i].url;
                    $thumbnail = data.posts[$i].attachments[0].images.thumbnail.url;
                    $categorias = data.posts[$i].categories;

                    console.log('[js de postagens do blog]: variáveis instanciadas');
                    console.log('[js de postagens do blog]: thumnail: ' + $thumbnail);

                    var divBlog = document.getElementById('div-blog');

                    divBlog.innerHTML += '<div class="div-blog__conteudo">' +
                        '<div class="div-blog__coluna-esquerda">' +
                        '<a href="' + $url + '" target="_blank"><img class="div-blog__img-thumbnail" src="' + $thumbnail + '"/></a>' +
                        '</div>' +
                        '<div class="div-blog__coluna-direita">' +
                        '<a class="div-blog__a-titulo" target="_blank" href="' + $url + '" target="_blank"><h4>' + $titulo + '</h4></a>' +
                        '<span class="div-blog__span-categorias">' +
                        '<a href="https://maximatech.com.br/category/' + $categorias[0].slug + '" target="_blank">' + $categorias[0].title + '</a>, ' +
                        '<a href="https://maximatech.com.br/category/' + $categorias[0].slug + '/' + $categorias[1].slug + '" target="_blank">' + $categorias[1].title + '</a>' +
                        '</span>' +
                        '</div>' +
                        '</div><br>';
                }

                console.log('[js de postagens do blog]: Tudo certo');
            }
        });

        console.log("Fim do script");
    </script>
</div>
<a href="https://maximatech.com.br/blog/" target="_blank">Leia mais no blog</a>