Histórico da Página
...
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: 20%; padding-right: 8px; padding-left: 8px; margin-bottom: 15px; } .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; } </style> <div class="lms"> <div class="lms-container"> <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.flaticon.com/256/3157/3157914.png"> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=268592885">Cadastro</a> </h1> </div> </div> <div class="lms-col"> <div class="lms-panel lms-text-center lms-full-height"> <img class="lms-panel-thumb" src="https://cdn-icons-png.flaticon.com/512/7858/7858230.png"> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/display/LRM/Linha+RM">Atendimento</a> </h1> </div> </div> <div class="lms-col"> <div class="lms-panel lms-text-center lms-full-height"> <img class="lms-panel-thumb" src="https://cdn-icons-png.flaticon.com/512/1453/1453592.png"> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/display/LRM/PEP+RM">Unidade de diagnóstico</a> </h1> </div> </div> <div class="lms-col"> <div class="lms-panel lms-text-center lms-full-height"> <img class="lms-panel-thumb" src="https://cdn-icons-png.flaticon.com/512/1533/1533790.png"> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/x/4XAPEQ">Cuidados com Paciente</a> </h1> </div> </div> <div class="lms-col"> <div class="lms-panel lms-text-center lms-full-height"> <img class="lms-panel-thumb" src="https://cdn-icons-png.flaticon.com/256/230/230194.png"> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=820159859">Farmácia</a> </h1> </div> </div> </div> </div> </div> |
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: 20%;
padding-right: 8px;
padding-left: 8px;
margin-bottom: 15px;
}
.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;
}
</style>
<div class="lms">
<div class="lms-container">
<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.flaticon.com/256/3157/3157914.png">
<h1 class="lms-panel-title">
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=268592885">Cadastro</a>
</h1>
</div>
</div>
<div class="lms-col">
<div class="lms-panel lms-text-center lms-full-height">
<img class="lms-panel-thumb" src="https://cdn-icons-png.flaticon.com/512/7858/7858230.png">
<h1 class="lms-panel-title">
<a href="https://tdn.totvs.com/display/LRM/Linha+RM">Atendimento</a>
</h1>
</div>
</div>
<div class="lms-col">
<div class="lms-panel lms-text-center lms-full-height">
<img class="lms-panel-thumb" src="https://cdn-icons-png.flaticon.com/512/1453/1453592.png">
<h1 class="lms-panel-title">
<a href="https://tdn.totvs.com/display/LRM/PEP+RM">Unidade de diagnóstico</a>
</h1>
</div>
</div>
<div class="lms-col">
<div class="lms-panel lms-text-center lms-full-height">
<img class="lms-panel-thumb" src="https://cdn-icons-png.flaticon.com/512/1533/1533790.png">
<h1 class="lms-panel-title">
<a href="https://tdn.totvs.com/x/4XAPEQ">Cuidados com Paciente</a>
</h1>
</div>
</div>
<div class="lms-col">
<div class="lms-panel lms-text-center lms-full-height">
<img class="lms-panel-thumb" src="https://cdn-icons-png.flaticon.com/256/230/230194.png">
<h1 class="lms-panel-title">
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=820159859">Farmácia</a>
</h1>
</div>
</div>
</div>
</div>
</div> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas