<div style="background-image:url(https://tdn.totvs.com/download/attachments/517133698/countdown-banner.png?api=v2);
        display: flex;
        flex-direction: column;        
        height: 150px;
        width:700px;">

        <style>           
            .countdown-text {
                color: black;
                font-size: 18px;
                margin: 3px 0px;
                font-family: 'Lato', sans-serif;
                max-width: 500px;
                margin-left: 20px;
            }

            .countdown-link {
                margin-left: 20px;
                font-family: 'Lato', sans-serif;
                max-width: 340px;
            }
        </style>

        <p id="daysText" class="countdown-text" style="font-size:20px;"></p>
        <p class="countdown-text" style="margin-top:10px; margin-bottom:10px;">Confira os links abaixo para saber mais:</p>
        <a class="countdown-link" href="https://centraldeatendimento.totvs.com/hc/pt-br/articles/360035726293-Expira%C3%A7%C3%A3o-Release-Protheus-12-1-17-">Expiração do Release 12.1.17</a>
        <a class="countdown-link" href="https://centraldeatendimento.totvs.com/hc/pt-br/articles/360016588371-Mudan%C3%A7a-no-calend%C3%A1rio-de-releases-da-linha-Protheus">Mudança no Calendário de Releases Protheus</a>
        <script type="text/javascript">
            today=new Date();
            var endDay=new Date(today.getFullYear(), 11, 31);
            if (today.getMonth()==11 && today.getDate()>31) {
				endDay.setFullYear(endDay.getFullYear()+1); 
            }  
            var one_day=1000*60*60*24;
            var days = Math.ceil((endDay.getTime()-today.getTime())/(one_day));
            var element = document.getElementById("daysText");
            element.innerText = 'Atenção! Resta(m) ' + days + ' dia(s) para o término do ciclo de vida do Protheus Release 12.1.17 (31/12/2019)'; 
        </script> 
    </div>

Conheça a nova identidade visual da sua página de documentação de produto!!