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 |
---|
<div> <a href="https://tdn.totvs.com/display/TCGDC/1+-+Release+-12.1.2301" id="ghost-button" target="_blank">JANEIRO</a> <a href="https://tdn.totvs.com/display/TCGDC/2+-+Release+-12.1.2302" id="ghost-button" target="_blank">FEVEREIRO</a> <a href="https://tdn.totvs.com/display/TCGDC/3+-+Release+-12.1.2303" id="ghost-button" target="_blank">MARÇO</a> <a href="https://tdn.totvs.com/display/TCGDC/4+-+Release+-12.1.2304" id="ghost-button" target="_blank">ABRIL</a> <br> <!-- DIVISÃO --> <a href="https://tdn.totvs.com/display/TCGDC/5+-+Release+-12.1.2305" id="ghost-button" target="_blank">MAIO</a> <a href="#" id="ghost-button" target="_blank">JUNHO</a> <a href="#" id="ghost-button" target="_blank">JULHO</a> <a href="#" id="ghost-button" target="_blank">AGOSTO</a> <br /> <!-- DIVISÃO --> <a href="#" id="ghost-button" target="_blank">SETEMBRO</a> <a href="#" id="ghost-button" target="_blank">OUTUBRO</a> <a href="#" id="ghost-button" target="_blank">NOVEMBRO</a> <a href="#" id="ghost-button" target="_blank">DEZEMBRO</a> </div> <style> /* Estilos para os botões */ .button { display: inline-block; border-radius: 50%; text-align: center; width: 60px; height: 60px; line-height: 60px; margin: 10px; cursor: pointer; background-color: #6B48FF; } /* Estilo dos botões quando o mouse passa sobre eles */ .button:hover { background-color: #0ADBE3; color: #fff; } /* Estilo dos botões grandes */ .large-button { display: inline-block; padding: 20px; background-color: #6B48FF; color: #fff; text-decoration: none; font-size: 24px; border-radius: 10px; margin-top: 20px; } /* Estilo dos botões grandes quando o mouse passa sobre eles */ .large-button:hover { background-color: #ff0000; } </style> </head> <body> <!-- Botões redondos para cada mês --> <div> <a class="button" href="janeiro.html" style="color: inherit; text-decoration: none;"><span>JAN</span></a> <a class="button" href="fevereiro.html" style="color: inherit; text-decoration: none;"><span>FEV</span></a> <a class="button" href="marco.html" style="color: inherit; text-decoration: none;"><span>MAR</span></a> <a class="button" href="abril.html" style="color: inherit; text-decoration: none;"><span>ABR</span></a> <a class="button" href="maio.html" style="color: inherit; text-decoration: none;"><span>MAI</span></a> <a class="button" href="junho.html" style="color: inherit; text-decoration: none;"><span>JUN</span></a> <a class="button" href="julho.html" style="color: inherit; text-decoration: none;"><span>JUL</span></a> <a class="button" href="agosto.html" style="color: inherit; text-decoration: none;"><span>AGO</span></a> <a class="button" href="setembro.html" style="color: inherit; text-decoration: none;"><span>SET</span></a> <a class="button" href="outubro.html" style="color: inherit; text-decoration: none;"><span>OUT</span></a> <a class="button" href="novembro.html" style="color: inherit; text-decoration: none;"><span>NOV</span></a> <a class="button" href="dezembro.html" style="color: inherit; text-decoration: none;"><span>DEZ</span></a> </div> |
HTML |
---|
<style> #title-text { display: none !important;} body { background: #eee; text-align: center; padding-top: 20px; } a#ghost-button { color: #363636; background: #fff; border: 1px solid #fdab0e; font-size: 17px; padding: 7px 12px; font-weight: normal; margin: 6px 0; margin-right: 12px; display: inline-block; text-decoration: none; font-family: "Open Sans", sans-serif; min-width: 120px; } #ghost-button:hover, #ghost-button:active { color: #fff; background: #fdab0e; } * a { text-decoration: none; } </style> |