Histórico da Página
...
| 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;
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 card-image-full"
src="https://tdn.totvs.com/download/attachments/164003874/help-center.png"
alt=""
>
</div>
</section> |
Browse by product
| 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#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/1ZibK">TOTVS Fluig Platform</a> </h2> <p class="product-desc">Join processes, people and systems under a user-friendly interface.</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">Solve many day-to-day needs without needing lines of code.</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/NnA9IWiiqE" >TOTVS Identity</a><b>*</b><a></h2> <p class="product-desc">Get single sign-on authentication to access company systems.</p> </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">
<img
class="card-image"
src="https://tdn.totvs.com/download/attachments/66618185/Crystal%20Lake164003874/Crystal_Mist_1.8.2.png"
alt=""
>
<div class="card-text-container">
<p class="card-label card-text-margin-bottom">TOTVS Fluig Platform</p>
<h2 id="card-title" class="card-text-margin-bottom">
<a href="https://tdn.totvs.com/x/be2FIhTHWMg" id="card-title-link">Crystal LakeMist Update - 1.78.1<2</a>
</h2>
<p class="card-desc">Stay on top of all the news on the latest major update of the TOTVS Fluig Platform to add value to your business.</p>
</div>
</div>
<div class="card">
<img
class="card-image"
src="https://tdn.totvs.com/download/attachments/66618185/duplicar164003874/home-novo-collab.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%B5esx/a1qVIQ" id="card-title-link">Duplicate>New stepsTOTVS andCollab: taskyour listsally in team TOTVSand project Tasksmanagement!</a><b>*</b></h2>
<p class="card-desc">Did>Manage you know that you can now duplicate steps and task lists? That's right! Check out this new feature to facilitate the organization of your daily tasksyour face-to-face and remote teams, track project and task progress, make video calls, attach Google Drive documents, and more.</p>
</div>
</div>
<div class="card">
<img
class="card-image"
src="https://tdn.totvs.com/download/attachments/66618185/mfasocial.pngjpg"
alt=""
>
<div class="card-text-container">
<p class="card-label card-text-margin-bottom">TOTVS Identity</p>
<h2 id="card-title" class="card-text-margin-bottom">
<a href="https://tdn.totvs.com/x/J5LpEgpages/viewpage.action?pageId=269063445#Identity|Produ%C3%A7%C3%A3o-Junho" id="card-title-link">MFA>New mandatoryprovisioning and optional at the same time? Yes, it is possible!authentication options
</a><b>*</b></h2>
<p class="card-desc">Make multifactor authentication mandatory for some user groups and optional for others>You can now allow login with social networks (Linkedin, Google, Facebook, etc.) for your company's users. Also check out the new Security screen, which is much more organized and easier to use.</p>
</div>
</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">Support</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">Need help and can’t find it here?</a>
</h2>
<p class="card-desc">Contact us through the <a href="https://suporte.totvs.com/portal/p/10098/suporte-fluig-home" target="blank">Customer Portal</a> or our phone channel at <b>+55 (11) 3003 5559</b>. TOTVS Fluig’s customer service team is ready to help you.</p>
</div>
</div>
</section> |
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas