<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://cdn-icons-png.flaticontdn.totvs.com/download/512thumbnails/1809811721444/1809239o%20que%20ha%20de%20novo.png?api=v2&nonce=1709753316058">
<h1 class="lms-panel-title">
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=268592885828866286">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://companieslogotdn.totvs.com/imgdownload/thumbnails/orig811721444/TOTS3TOTVS.SA-7db9bc26.png?t=1685196342api=v2&nonce=1709753270308">
<h1 class="lms-panel-title">
<a href="https://tdn.totvs.com/display/LRM/Linha+RM+Saúde">Linha RM RM<Saúde</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://sishosptdn.totvs.com.br/wp-contentdownload/uploadsthumbnails/2017/08/Prontuario-eletronico.png811721444/pep.png?api=v2&nonce=1710529421428">
<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/Group%201683pep-1.png?api=v2&nonce=17066443796601709753316056">
<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://encrypted-tbn0tdn.gstatictotvs.com/images?q=tbn:ANd9GcTMj2cI0wnZhzbg1ca19F-f66fHPAdH0y2r3tCJkV-3pDwS8VrTdIrvxen4XTO60tclDRE&usqp=CAU/download/thumbnails/811721444/SUS.png?api=v2&nonce=1709753316055">
<h1 class="lms-panel-title">
<a href="https://tdntotvscst.totvszendesk.com/x/fMftEwhc/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> |