HTML |
---|
<div> <img src="https://tdn.totvs.com/download/attachments/731904073/CAPA4.png?version=1&modificationDate=1673616255015&api=v2?version=1&modificationDate=1673532757164&api=v2" alt=""> </div> |
HTML |
---|
<style> img { max-width: 100%; } </style> |
HTML |
---|
<p class<div> <a href="texto#">RELEASE NOTES</p> <p> Neste ambiente, você poderá encontrar novos recursos, melhorias<br> e manutenção que lançamos mês a mês em 2023. Vamos lá? </p> <div class="grid"> <a href=""> <H3> JANEIRO </H3> </a> id="ghost-button" target="_blank">JANEIRO</a> <a href="#"> <H3> FEVEREIRO </H3> < id="ghost-button" target="_blank">FEVEREIRO</a> <a href="#"> <H3> MARÇO </H3> < id="ghost-button" target="_blank">MARÇO</a> <a href="#"> <H3> ABRIL </H3> id="ghost-button" target="_blank">ABRIL</a> <br> </a> !-- DIVISÃO --> <a href="#"> <H3> MAIO </H3> </ id="ghost-button" target="_blank">MAIO</a> <a href="#"> <H3> JUNHO </H3> < id="ghost-button" target="_blank">JUNHO</a> <a href="#"> <H3> JULHO </H3> </a> id="ghost-button" target="_blank">JULHO</a> <a href="#"> <H3> AGOSTO </H3> </a> id="ghost-button" target="_blank">AGOSTO</a> <br /> <!-- DIVISÃO --> <a href="#"> <H3> SETEMBRO </H3> </a> id="ghost-button" target="_blank">SETEMBRO</a> <a href="#"> <H3> OUTUBRO</H3> < id="ghost-button" target="_blank">OUTUBRO</a> <a href="#"> <H3> NOVEMBRO </H3> </a> id="ghost-button" target="_blank">NOVEMBRO</a> <a href="#"> <H3>DEZEMBRO </H3> </a> </div> <br> <br><br> <br> id="ghost-button" target="_blank">DEZEMBRO</a> </div> |
HTML |
---|
<style> #title-text { display: none !important;} .grid body { margin-topbackground: 60px#eee; displaytext-align: gridcenter; grid-template-columns: repeat(4, 1fr); gappadding-top: 20px; } .textoa#ghost-button { positioncolor: relative#363636; text-alignbackground: center#fff; colorborder: 1px solid #353535#fdab0e; font-size: 30px17px; font-familypadding: "lato", serif7px 12px; font-weight: 800normal; } h3 { margin-right: 6px 20px0; backgroundmargin-colorright: #fff12px; borderdisplay: 2px solid #0397e9inline-block; paddingtext-decoration: 15pxnone; marginfont-family: 0px; border-radius: 40px"Open Sans", sans-serif; textmin-alignwidth: center120px; font-family: LATO; color: #0397e9; font-size: 16px; box-shadow: 2px #636363 } #ghost-button:hover, #ghost-button:active { color: #fff; cursorbackground: pointer#fdab0e; text-decoration: none; } * a { text-decoration: none; } p { font-family: "Lato", sans-serif; font-weight: 300; text-align: center; font-size: 20px; color: #676767; } </style> </style> |