Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
HTML
 <div>
    <img src="https://totvscrm.com/wp-content/uploads/2023/07/xdd-1.png" alt=""> </div>
<h1>¡Bienvenido a la página de actualizaciones del TOTVS CRM!</h1>
  <p>Aquí encontrará informaciones sobre los lanzamientos más recientes de nuestro producto. Seleccione el mes deseadoque adesea continuaciónvisualizar para visualizarsaber los detalles de cada lanzamiento: </p><br>
<br>
HTML
<style>
img {
  max-width: 90%;
}
</style>
HTML
<style>
/* Estilos para os botões */
.button {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: 10px;
  cursor: pointer;
  background-color: #6B48FF;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
}

/* Estilo dos botões quando o mouse passa sobre eles */
.button:hover {
  background-color: #0ADBE3;
  color: #fff;
}

/* Estilo do número do mês no centro do botão */
.button::before {
  content: attr(data-month);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Estilo dos botões grandes */
.large-button {
  display: inline-block;
  padding: 20px;
  background-color: #ccc;
  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: #0ADBE3;
}

 </style>

      <!-- Botões release -->     <div>
    <a class="button" href="https://tdn.totvs.com/display/TCGDCCRMESP/1+-+Release+-12.1.2301" style="color: white; text-decoration: none;"><span>JAN<><span>ENE</span></a>
    <a class="button" href="https://tdn.totvs.com/display/TCGDCCRMESP/2+-+Release+-12.1.2302" style="color: white; text-decoration: none;"><span>FEV<><span>FEB</span></a>
    <a class="button" href="https://tdn.totvs.com/display/TCGDCCRMESP/3+-+Release+-12.1.2303" style="color: white; text-decoration: none;"><span>MAR</span></a>
    <a class="button" href="https://tdn.totvs.com/display/TCGDCCRMESP/4+-+Release+-12.1.2304" style="color: white; text-decoration: none;"><span>ABR</span></a>
    <a class="button" href="https://tdn.totvs.com/display/TCGDCCRMESP/5+-+Release+-12.1.2305" style="color: white; text-decoration: none;"><span>MAI<><span>MAY</span></a>
    <a class="button" href="junio.html" style="color: white; text-decoration: none;"><span>JUN</span></a>
    <a class="button" href="julio.html" style="color: white; text-decoration: none;"><span>JUL</span></a>
    <a class="button" href="agosto.html" style="color: white; text-decoration: none;"><span>AGO</span></a>
    <a class="button" href="septiembre.html" style="color: white; text-decoration: none;"><span>SET<><span>SEP</span></a>
    <a class="button" href="octubre.html" style="color: white; text-decoration: none;"><span>OUT<><span>OCT</span></a>
    <a class="button" href="noviembre.html" style="color: white; text-decoration: none;"><span>NOV</span></a>
    <a class="button" href="diciembre.html" style="color: white; text-decoration: none;"><span>DEZ<><span>DIC</span></a>
  </div>
<br>
<br>
 <p> Conozca nuestros releases y descubra las últimas actualizaciones de nuestro producto </p>
 <br>


<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
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>