Histórico da Página
...
HTML |
---|
<style type="text/css"> .cards-containerlms * { width-webkit-box-sizing: 100%border-box; height-moz-box-sizing: autoborder-box; marginbox-sizing: autoborder-box; } display: flex;.lms-text-center { flex-direction: columntext-align: center; } box-sizing: border-box;.lms-full-height { justify-itemsheight: center100%; } .cardlms-container { widthmargin-right: 100%auto; heightmargin-left: auto; displaymax-width: flex1046px; } margin: auto auto 20px auto.lms-row { width: 100%; box-shadow: 0px 2px 4px #00000029display: -moz-box; -moz-flex-flow: row wrap; border-radius-moz-justify-content: 10pxcenter; } .card-image {display: -ms-flexbox; object-fit: cover-ms-flex-flow: row wrap; width-ms-justify-content: 43%center; max-widthdisplay: 420px-webkit-flex; display: border-top-left-radius: 10pxwebkit-box; border-bottomwebkit-leftflex-radiusflow: row 10pxwrap; } .card-image.card-image-full {-webkit-justify-content: center; widthdisplay: 100%flex; maxflex-widthflow: row inheritwrap; border-radius: 10px; displayjustify-content: block;center; } .cardlms-text-containercol { width: text-align: left; 33.333333%; padding-right: 15px; padding-left: 15px; paddingmargin-bottom: 30px; } .cardlms-labelpanel { border: 1px color:solid orange#dadada; fontborder-weightradius: bold4px; font-sizepadding: 13px30px; } #card-title-link.lms-panel .lms-panel-thumb { text-decorationwidth: none87px; } color: #CB1959; .lms-panel .lms-panel-title { font-weightsize: bold20px; font-sizecolor: 17px#58595b; } #card-title-link:hover.lms-panel .lms-panel-title > a { color: text-decoration: underline#58595b; font-weight: bold; } .lms-panel .cardlms-panel-desctext { margincolor: 0 !important#58595b; fontline-sizeheight: 18px1.75; fontmargin-weightbottom: 4000; } letter-spacing: 0px;</style> <div class="lms"> <div class="lms-container"> color: #494440; } <div class="lms-row"> .card-text-margin-bottom {<div class="lms-col"> margin: 0 0 5px 0 !important; } </style> |
Navegue pelo conteúdo
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: 124px; position: relative; } .product-image { height: 100%; 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: 16pt; color: #013f65; 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-nodecode" class="product"> <div class="product-image-container"> <img class="product-image" src="https://tdn.totvs.com/download/attachments/563436139/home-release-notes.png" alt=""> </div> <h2 class="product-title"> <a id="product-title-link" href="https://tdn.totvs.com/x/3XiVIQ">O que há de novo?</a> </h2> <p class="product-desc">Fique por dentro das novidades e correções de cada atualização do TOTVS Collab.</p> </div> <div id="product-identity" class="product"> <div class="product-image-container"> <img class="product-image" src="https://tdn.totvs.com/download/attachments/563436139/home-guia-usu%C3%A1rio.png" alt=""> </div> <h2 class="product-title"> <a id="product-title-link" href="https://tdn.totvs.com/x/uVqVIQ" >Guia do usuário</a> </h2> <p class="product-desc">Confira – passo a passo – como utilizar os recursos do TOTVS Collab no seu dia a dia.</p> </div> <div id="product-identity" class="product"> <div class="product-image-container"> <img class="product-image" src="https://tdn.totvs.com/download/attachments/563436139/home-perguntas-frequentes.png" alt=""> </div> <h2 class="product-title"> <a id="product-title-link" href="https://tdn.totvs.com/x/DoFqIg" >Perguntas frequentes</a> </h2> <p class="product-desc">Reunimos as perguntas mais frequentes para tornar sua busca por soluções mais ágil e fluída.</p> </div> <div id="product-identity" class="product"> <div class="product-image-container"> <img class="product-image" src="https://tdn.totvs.com/download/attachments/563436139/home-aprenda-pr%C3%A1tica.png" alt=""> </div> <h2 class="product-title"> <a id="product-title-link" href="https://tdn.totvs.com/x/RRvHKg" >Aprenda na prática</a> </h2> <p class="product-desc">Assista a vídeos rápidos e aprenda como utilizar os recursos de forma intuitiva.</p> </div> </section> Comece agora mesmo! <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: #8c8d8f; 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/563436139/home-equipes.jpg" alt="" > <div class="card-text-container"> <p class="card-label card-text-margin-bottom">Equipes</p> <h2 id="card-title" class="card-text-margin-bottom"> <a href="https://tdn.totvs.com/x/Xin-IQ#Collab|Minhasequipes-Criarequipe" id="card-title-link">Crie equipes colaborativas</a> </h2> <p class="card-desc">Gerencie suas equipes com tarefas, projetos, reuniões e documentos.</p> </div> </div> <div class="card"> <img class="card-image" src="https://tdn.totvs.com/download/attachments/563436139/home-videochamada.jpg" alt="" > <div class="card-text-container"> <h2 id="card-title" class="card-text-margin-bottom"> <p class="card-label card-text-margin-bottom">Reuniões</p> <a href="https://tdn.totvs.com/x/GyTXIQ#Collab|Reuni%C3%B5es-Criarreuni%C3%A3o" id="card-title-link">Faça videochamadas a qualquer momento</a> </h2> <p class="card-desc">Reúna sua equipe a qualquer hora e de qualquer lugar para trocar ideias.</p> </div> </div> <div class="card"> <img class="card-image" src="https://tdn.totvs.com/download/attachments/563436139/home-monitoramento.jpg" alt="" > <div class="card-text-container"> <h2 id="card-title" class="card-text-margin-bottom"> <p class="card-label card-text-margin-bottom">Estatísticas</p> <a href="https<div class="lms-panel lms-text-center lms-full-height"> <img class="lms-panel-thumb" src="http://tdn.totvs.com/x/X0FuKw" id="card-title-link">Monitore o andamento das tarefas</a> download/attachments/286221066/release-notes.png"> </h2><h1 class="lms-panel-title"> <p <a classhref="card-desc">Acompanhe a situação das tarefas em cada projeto da equipe e tome as ações necessárias.</p>https://tdn.totvs.com/x/PJFdFQ">O que há de novo?</a> </h1> </div> </div> </section> Fale conosco! <style type="text/css"> .cards-container { <p class="lms-panel-text">Fique por dentro das novidades do produtos TOTVS Saúde Hospitais e Clínicas.</p> width: 100%; </div> height: auto;</div> margin: auto; <div class="lms-col"> display: flex; <div class="lms-panel lms-text-center lms-full-height"> flex-direction: column; <img box-sizing: border-box; class="lms-panel-thumb" src="http://tdn.totvs.com/download/attachments/286221066/guia-usu%C3%A1rio.png"> justify-items: center; } .card {<h1 class="lms-panel-title"> width: 100%; <a href="https://tdn.totvs.com/x/UmsPEQ">Guia height: auto; do usuário</a> display: flex; </h1> margin: auto auto 20px auto; <p class="lms-panel-text">Listamos – passo box-shadow: 0px 2px 4px #00000029; border-radius: 10px; a passo – as ações que você pode efetuar como gestor ou colaborador.</p> } .card-image { </div> object-fit: cover;</div> <div class="lms-col"> width: 43%; <div class="lms-panel lms-text-center lms-full-height"> max-width: 420px; <img border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .card-text-container { class="lms-panel-thumb" src="http://tdn.totvs.com/download/attachments/286221066/v%C3%ADdeos.png"> <h1 class="lms-panel-title"> text-align: left; <a href="https://tdn.totvs.com/x/YwegGg">Aprenda na prática</a> padding: 30px; } .card-label { </h1> color: orange; <p class="lms-panel-text">Mostramos como efetuar font-weight: bold; font-size: 13px; as ações de maneira rápida e intuitiva para agilizar o seu dia a dia.</p> } #card-title-link { </div> text-decoration: none;</div> color: #013f65; <div class="lms-col"> <div class="lms-panel font-weight: bold;lms-text-center lms-full-height"> font-size: 17px; } #card-title-link:hover {<img class="lms-panel-thumb" src="http://tdn.totvs.com/download/thumbnails/286221066/perguntas-frequentes.png"> text-decoration: underline; } .card-desc {<h1 class="lms-panel-title"> margin: 0 !important; font-size: 15px;<a href="https://tdn.totvs.com/x/4XAPEQ">Perguntas frequentes</a> font-weight: 400; </h1> letter-spacing: 0px; <p color: #494440; } .card-text-margin-bottom { margin: 0 0 5px 0 !important; } </style> <section class="cards-container"> <div class="card"> class="lms-panel-text">Reunimos as perguntas mais frequentes para tornar sua busca por soluções mais ágil e fluída.</p> </div> </div> <div class="lms-col"> <div class="cardlms-panel lms-text-container-center lms-full-height"> <p<img class="card-label card-text-margin-bottom">Suporte</p>lms-panel-thumb" src="http://tdn.totvs.com/download/attachments/286221066/app.png"> <h2 id="card-title" <h1 class="cardlms-textpanel-margin-bottomtitle"> <a href="https://suportetdn.totvs.com/portal/p/10098/suporte-fluig-home" id="card-title-link" target="blank">Precisa de ajuda e não encontrou por aqui?<x/fMftEw">Aplicativo My Learning</a> </h2>h1> <p class="card-desc">Entre em contato pelo <a href="https://suporte.totvs.com/portal/p/10098/suporte-fluig-home" target="blank" style="color: #013f65"><b>Portal de clientes</b></a> ou por nosso canal telefônico <b>(11) 3003 5559</b>. A equipe de atendimento do TOTVS Collab estará pronta para lhe ajudar.</p>lms-panel-text">Apresentamos informações sobre o aplicativo – disponível para Android e para iPhone.</p> </div> </div> </div> </section>div> </div> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas