<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> |
<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/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/WiiqE" >TOTVS Identity</a></h2>
<p class="product-desc">Get single sign-on authentication to access company systems.</p>
</div>
</section> |
<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 {
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/banner_512x258.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/UQa6L" id="card-title-link">Silver Mist Update - 1.8.1</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/164003874/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/x/a1qVIQ" id="card-title-link">New TOTVS Collab: your ally in team and project management!</a><b>*</b></h2>
<p class="card-desc">Manage your 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/social.jpg"
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/pages/viewpage.action?pageId=269063445#Identity|Produ%C3%A7%C3%A3o-Junho" id="card-title-link">New provisioning and authentication options
</a><b>*</b></h2>
<p class="card-desc">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> |
<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">
<a href="https://academy.fluig.com/" target="_blank">
<img
class="card-image card-image-full"
src="https://tdn.totvs.com/download/attachments/164003874/Academy_en.png"
alt=""
></a>
</div>
</section> |
<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 {
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> |
* Documentation in Portuguese language