Histórico da Página
...
HTML |
---|
<style type="text/css"> .productscards-container { displaywidth: flex100%; justify-contentheight: centerauto; flex-wrapmargin: wrapauto; word-breakdisplay: break-wordflex; } .product {flex-direction: column; box-sizing: border-box; displayjustify-items: flexcenter; } flex-direction: column;.card { width: 280px100%; paddingheight: 15pxauto; box-shadowdisplay: 0px 2px 4px #00000029flex; margin: auto auto 20px auto; marginbox-shadow: auto0px auto2px 30px4px auto#00000029; border-radius: 10px; } .productcard-image-container { heightobject-fit: 160pxcover; positionwidth: relative43%; } .productmax-image {width: 420px; heightborder-top-left-radius: 70%10px; position: absoluteborder-bottom-left-radius: 10px; } top: 50%;.card-image.card-image-full { leftwidth: 50%100%; transformmax-width: translate(-50%, -50%)inherit; } .productborder-titleradius: {10px; text-aligndisplay: centerblock; } margin: 0 0 10px 0 !important.card-text-container { text-align: left; } #product-title-link {padding: 30px; } font.card-weight:label bold;{ font-sizecolor: 15ptorange; colorfont-weight: #CB1959bold; textfont-decorationsize: none13px; } #product#card-title-link:hover { text-decoration: underlinenone; } color: #CB1959; .productfont-descweight: {bold; marginfont-size: 0 !important17px; } text#card-title-alignlink:hover center;{ fonttext-sizedecoration: 15pxunderline; } letter.card-spacing:desc 0px;{ colormargin: #4944400 !important; } </style> <section class="products"> font-size: 15px; <div id="product-plataforma" class="product">font-weight: 400; <div class="product-image-container">letter-spacing: 0px; color: #494440; <img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/plataforma.png" alt="">} .card-text-margin-bottom { </div> margin: 0 0 5px 0 !important; <h2} </style> <section class="productcards-titlecontainer"> <div class="card"> <a id="product-title-link" href="https://tdn.totvs.com/x/mZibK">TOTVS Fluig Plataforma</a> <img </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!
card-image card-image-full"
src="https://tdn.totvs.com/download/attachments/164003944/centro-de-ayuda.png"
alt=""
>
</div>
</section> |
Navegar por producto
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: #0897E9;
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>
<div id="product-nodecode" class="product">
<div class="product-image-container">
<img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/no-code.png" alt="">
</div>
<h2 class="product-title">
<a id="product-title-link" href="https://tdn.totvs.com/x/PzkzJg">TOTVS Fluig No-Code</a><b>*</b>
</h2>
<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>
<div id="product-identity" class="product">
<div class="product-image-container">
<img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/identity.png" alt="">
</div>
<h2 class="product-title">
<a id="product-title-link" href="https://tdn.totvs.com/x/monYCg" >TOTVS Identity</a></h2>
<p class="product-desc">Tenga autenticación única para acceder a los sistemas de la empresa con <i>single sign-on</i>.</p>
</div>
</section> |
¡Descubra qué hay de nuevo!
HTML |
---|
<style type="text/css">
.cards-container {
width: 100%;
height: auto;
margin: auto;
display: flex;
flex-direction: column;
box-sizing: border-box;
justify-items: center;
}
.card {
width: 100%;
height: auto;
display: flex;
margin: 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: #FEAC0E;
font-weight: bold;
font-size: 13px;
}
#card-title-link {
text-decoration: none;
color: #0897E9;
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 |
HTML |
<style type="text/css"> .cards-container { widthmargin: 100%; 0 0 5px 0 !important; height: auto;} </style> <section class="cards-container"> <div class="card"> margin: auto; <img display: flex; flex-direction: column;class="card-image" box-sizing: border-box; src="https://tdn.totvs.com/download/attachments/164003944/banner-crystal-mist-1.8.2.png?api=v2" justify-items: center; } alt="" .card { > width: 100%; <div class="card-text-container"> height: auto; <p display: flex; class="card-label card-text-margin-bottom">TOTVS Fluig Plataforma</p> margin: auto auto 20px auto; <h2 box-shadow: 0px 2px 4px #00000029; id="card-title" class="card-text-margin-bottom"> border-radius: 10px; } .card-image {<a href="https://tdn.totvs.com/x/JjDWMg" id="card-title-link">Actualización Crystal Mist - 1.8.2</a> object-fit: cover; </h2> 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 { <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 color: orange;class="card-image" font-weight: bold; src="https://tdn.totvs.com/download/attachments/164003944/home-novo-collab.png" font-size: 13px; } #card-title-link { alt="" text-decoration: none;> color: #CB1959; <div class="card-text-container"> font-weight: bold; <p class="card-label card-text-margin-bottom">TOTVS Fluig No-Code</p> font-size: 17px; } <h2 #cardid="card-title-link:hover {" class="card-text-margin-bottom"> text-decoration: underline; } <a href="https://tdn.totvs.com/x/a1qVIQ" id="card-desc { margin: 0 !important; font-size: 15px;-title-link">Nuevo TOTVS Collab: ¡su aliado en la gestión de equipos y proyectos!</a><b>*</b></h2> font-weight: 400; <p class="card-desc">Administre sus equipos en letter-spacing: 0px; color: #494440; } .card-text-margin-bottom { margin: 0 0 5px 0 !important;el sitio y remotos, realice un seguimiento del progreso de los proyectos y tareas, realice videollamadas, adjunte documentos desde Google Drive y mucho más.</p> </div> } </style> <section class="cards-container">div> <div class="card"> <img class="card-image" src="https://tdn.totvs.com/download/attachments/66618185/Crystal%20Lakesocial.pngjpg" 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/5G7FIwLgJHLw" id="card-title-link">Actualización>Nuevas opciones Crystalde Lakeaprovisionamiento - 1.7.1</a> y autenticación</a></h2> <p class="card-desc">Ahora puede permitir el inicio de sesión </h2> con las redes sociales (LinkedIn, Google, Facebook, etc.) para los usuarios de <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 negociosu empresa. Aproveche y también eche un vistazo a la nueva pantalla de Seguridad, mucho más organizada y fácil de usar.</p> </div> </div> </section> |
¿Quiere conocer más?
HTML |
---|
<style type="text/css"> .cards-container { width: 100%; height: auto; margin: auto; display: flex; flex-direction: column; box-sizing: border-box; justify-items: center; } .card { width: 100%; height: auto; display: flex; margin: 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-image.card-image-full { width: 100%; max-width: inherit; border-radius: 10px; display: block; } .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#0897E9; 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"> <a href="https://academy.fluig.com/" target="_blank"> <img class="card-image card-image-full" src="https://tdn.totvs.com/download/attachments/164003944/Academy_es.png" alt="" ></a> </div> </section> |
HTML |
---|
<style type="text/css"> .cards-container { width: 100%; height: auto; margin: auto; display: flex; flex-direction: column; box-sizing: border-box; justify-items: center; } .card { width: 100%; height: auto; display: flex; margin: 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#FEAC0E; font-weight: bold; font-size: 13px; } #card-title-link { text-decoration: none; color: #CB1959#0897E9; 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"> <div class="card-text-container"> <p class="card-label card-text-margin-bottom">Soporte</p> <h2 id="card-title" class="card-text-margin-bottom"> <a href="https://suporte.totvs.com/portal/p/10098/suporte-fluig-home" id="card-title-link" target="blank">¿Necesita ayuda y no la encontró por aquí?</a> </h2> <p class="card-desc">Contáctenos a través del <a href="https://suporte.totvs.com/portal/p/10098/suporte-fluig-home" target="blank">Portal de clientes</a> o de nuestro canal telefónico <b>(11) 3003 5559</b>. El equipo de atención al cliente de TOTVS Fluig estará listo para ayudarlo.</p> </div> </div> </section> |
* Documentación en idioma Portugués.
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas