Histórico da Página
...
HTML |
---|
<style type="text/css">
.products {
display: flex;
justify-content: center;
flex-wrap: wrap;
word-break: break-word;
}
.product {
box-sizing: border-box;
display: flex;
flex-direction: column;
width: 280px;
padding: 15px;
box-shadow: 0px 2px 4px #00000029;
margin: auto auto 30px auto;
border-radius: 10px;
}
.product-image-container {
height: 160px;
position: relative;
}
.product-image {
height: 70%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.product-title {
text-align: center;
margin: 0 0 10px 0 !important;
}
#product-title-link {
font-weight: bold;
font-size: 15pt;
color: #CB1959;
text-decoration: none;
}
#product-title-link:hover {
text-decoration: underline;
}
.product-desc {
margin: 0 !important;
text-align: center;
font-size: 15px;
letter-spacing: 0px;
color: #494440;
}
</style>
<section class="products">
<div id="product-plataforma" class="product">
<div class="product-image-container">
<img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/plataforma.png" alt="">
</div>
<h2 class="product-title">
<a id="product-title-link" href="https://tdn.totvs.com/x/mZibK">TOTVS Fluig Plataforma</a>
</h2>
<p class="product-desc">Unifique procesos, personas y sistemas con una interfaz fácil de usar e intuitiva. </p>
</div>
</section> |
¡Descubra qué hay de nuevo!
HTML |
---|
<style type="text/css"> .cards-container {<div id="product-nodecode" class="product"> width: 100%;<div class="product-image-container"> height: auto; <img margin: auto;class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/no-code.png" alt=""> display: flex;</div> flex-direction: column;<h2 class="product-title"> box-sizing: border-box; <a id="product-title-link" href="https://tdn.totvs.com/x/PzkzJg">TOTVS Fluig justify-items: center;No-Code</a> } .card {</h2> width: 100%; height: auto; display: flex;<p class="product-desc">Resuelva una variedad de necesidades del día a día sin necesidad de líneas de código. </p> </div> margin: auto auto 20px auto; <div id="product-identity" class="product"> box-shadow: 0px 2px 4px #00000029; <div class="product-image-container"> border-radius: 10px;<img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/identity.png" alt=""> } .card-image { </div> <h2 object-fit: cover; class="product-title"> width: 43%; <a id="product-title-link" href="https://tdn.totvs.com/x/NnA9I" max-width: 420px; >TOTVS Identity</a> border-top-left-radius: 10px; </h2> border-bottom-left-radius: 10px; } .card-text-container { text-align: left;<p class="product-desc">Tenga autenticación única para acceder a los sistemas de la empresa con <i>single sign-on</i>. padding: 30px;</p> </div> </section> |
¡Descubra qué hay de nuevo!
HTML |
---|
<style type="text/css"> .cards-container} .card-label { colorwidth: orange100%; font-weightheight: boldauto; font-sizemargin: 13pxauto; } #card-title-link {display: flex; textflex-decorationdirection: nonecolumn; colorbox-sizing: #CB1959border-box; fontjustify-weightitems: boldcenter; } font-size: 17px;.card { } #card-title-linkwidth:hover {100%; text-decorationheight: underlineauto; } .card-desc {display: flex; margin: 0 !important; auto auto 20px auto; box-shadow: 0px 2px 4px #00000029; border-radius: 10px; } .card-image { object-fit: cover; width: 43%; max-width: 420px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .card-text-container { text-align: left; padding: 30px; } .card-label { color: orange; font-weight: bold; font-size: 13px; } #card-title-link { text-decoration: none; color: #CB1959; font-weight: bold; font-size: 17px; } #card-title-link:hover { text-decoration: underline; } .card-desc { margin: 0 !important; font-size: 15px; font-weight: 400; letter-spacing: 0px; color: #494440; } .card-text-margin-bottom { margin: 0 0 5px 0 !important; } </style> <section class="cards-container"> <div class="card"> <img class="card-image" src="https://tdn.totvs.com/download/attachments/66618185/Crystal%20Lake.png" alt="" > <div class="card-text-container"> <p class="card-label card-text-margin-bottom">TOTVS Fluig Plataforma</p> <h2 id="card-title" class="card-text-margin-bottom"> <a href="https://tdn.totvs.com/x/5G7FIw" id="card-title-link">Actualización Crystal Lake - 1.7.1</a> </h2> <p class="card-desc">Manténgase al tanto de todas las novedades de la última gran actualización de TOTVS Fluig Plataforma para agregar valor a su negocio.</p> </div> </div> <div class="card"> <img class="card-image" src="https://tdn.totvs.com/download/attachments/66618185/duplicar.png" alt="" > <div class="card-text-container"> <p class="card-label card-text-margin-bottom">TOTVS Fluig No-Code</p> <h2 id="card-title" class="card-text-margin-bottom"> <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=484703987#Tasks|Oqueh%C3%A1denovo?-Atualiza%C3%A7%C3%B5es" id="card-title-link">¡Duplique etapas y listas de tareas en TOTVS Tasks!</a> font-size: 15px; </h2> font-weight: 400; <p class="card-desc">¿Sabía que letter-spacing: 0px; color: #494440; } .card-text-margin-bottom { margin: 0 0 5px 0 !important;ahora puede duplicar etapas y listas de tareas? ¡Así es! Vea esta novedad más para facilitar la organización de las tareas de su día a día.</p> </div> } </style>div> <section class="cards-container"> <div class="card"> <img class="card-image" src="https://tdn.totvs.com/download/attachments/66618185/Crystal%20Lakemfa.png" alt="" > <div class="card-text-container"> <p class="card-label card-text-margin-bottom">TOTVS Fluig Plataforma<Identity</p> <h2 id="card-title" class="card-text-margin-bottom"> <a href="https://tdn.totvs.com/x/5G7FIwJ5LpEg" id="card-title-link">Actualización Crystal Lake - 1.7.1<link">¿MFA obligatorio y opcional al mismo tiempo? ¡Sí, esto es posible!</a> </h2> <p class="card-desc">Manténgase>Indique ala tantoautenticação demultifatorial todascomo lasobrigatória novedadespara dealguns lagrupos últimade granusuários actualizacióne dedeixe-a TOTVScomo Fluigopcional Plataforma para agregar valor a su negociooutros.</p> </div> </div> </section> |
¿Quiere conocer más?
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas