Histórico da Página
Livesearch | ||||||||
---|---|---|---|---|---|---|---|---|
|
Totvs custom background color | ||
---|---|---|
|
HTML |
---|
<style type="text/css"> .lms * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lms-text-center { text-align: center; } .lms-full-height { height: 100%; } .lms-container { margin-right: auto; margin-left: auto; max-width: 1046px; } .lms-row { width: 100%; display: -moz-box; -moz-flex-flow: row wrap; -moz-justify-content: center; display: -ms-flexbox; -ms-flex-flow: row wrap; -ms-justify-content: center; display: -webkit-flex; display: -webkit-box; -webkit-flex-flow: row wrap; -webkit-justify-content: center; display: flex; flex-flow: row wrap; justify-content: center; } .lms-col { width: 33.333333%; padding-right: 20px; padding-left: 20px; margin-bottom: 40px; } .lms-panel { border: 1px solid #dadada; border-radius: 4px; padding: 30px; } .lms-panel .lms-panel-thumb { width: 87px; } .lms-panel .lms-panel-title { font-size: 20px; color: #58595b; } .lms-panel .lms-panel-title > a { color: #58595b; font-weight: bold; } .lms-panel .lms-panel-text { color: #58595b; line-height: 1.75; margin-bottom: 0; } .teste{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.5; /* ajuste a opacidade conforme necessário */ z-index: -1; } </style> <div class="lms"> <div class="lms-container"> <div> <img src="https://cdn-icons-png.flaticon.com/512/1809/1809239.png" / class="teste"> </div> <div class="lms-row"> <div class="lms-col"> <div class="lms-panel lms-text-center lms-full-height"> <img class="lms-panel-thumb" src="https://tdn.totvs.com/download/thumbnails/811721444/o%20que%20ha%20de%20novo.png?api=v2&nonce=1709753316058"> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=828866286">O que há de novo?</a> </h1> <p class="lms-panel-text">Fique por dentro das novidades do produtos TOTVS Saúde Hospitais e Clínicas.</p> </div> </div> <div class="lms-col"> <div class="lms-panel lms-text-center lms-full-height"> <img class="lms-panel-thumb" src="https://tdn.totvs.com/download/thumbnails/811721444/TOTVS.png?api=v2&nonce=1709753270308"> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/display/LRM/Linha+RM">Linha RM</a> </h1> <p class="lms-panel-text">Toda documentação do RM em um único lugar.</p> </div> </div> <div class="lms-col"> <div class="lms-panel lms-text-center lms-full-height"> <img class="lms-panel-thumb" src="https://tdn.totvs.com/download/thumbnails/811721444/pep.png?api=v2&nonce=1709753316057"> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/display/LRM/PEP+RM">PEP RM</a> </h1> <p class="lms-panel-text">O passo a passo de como utilizar o Prontuário Eletrônico do paciente.</p> </div> </div> <div class="lms-col"> <div class="lms-panel lms-text-center lms-full-height"> <img class="lms-panel-thumb" src="https://tdn.totvs.com/download/thumbnails/811721444/pep-1.png?api=v2&nonce=1709753316056"> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/display/LRM/Portais">Portais</a> </h1> <p class="lms-panel-text">Confira na integra tudo sobre os Portais.</p> </div> </div> <div class="lms-col"> <div class="lms-panel lms-text-center lms-full-height"> <img class="lms-panel-thumb" src="https://tdn.totvs.com/download/thumbnails/811721444/SUS.png?api=v2&nonce=1709753316055"> <h1 class="lms-panel-title"> <a href="https://totvscst.zendesk.com/hc/pt-br/#home">Central de atendimento</a> </h1> <p class="lms-panel-text">Tem alguma dúvida ou sugestão? Entre em contato com nossa central de atendimento.</p> </div> </div> </div> </div> </div> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas