Histórico da Página
...
HTML |
---|
<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="http://tdn.totvs.com/download/attachments/543078872/flaticon-widgets.png"> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/x/2RK4Ew">Aplicativos</a> </h1> <p class="lms-panel-text">Defina os aplicativos disponíveis para acesso.</p> </div> </div> <div class="lms-col"> <div class="lms-panel lms-text-center lms-full-height"> <img class="lms-panel-thumb" src="http://tdn.totvs.com/download/attachments/543078872/flaticon-person.png"> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/x/NyaTEg">Usuários</a> </h1> <p class="lms-panel-text">Gerencie as pessoas que terão acesso em cada aplicativo.</p> </div> </div> </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="http://tdn.totvs.com/download/attachments/543078867/flaticon-group-person.png"> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/x/KIOtEw">Grupos</a> </h1> <p class="lms-panel-text">Vincule as pessoas em grupos, para facilitar as atribuições de aplicativos.</p> </div> </div> <div class="lms-col"> <div class="lms-panel lms-text-center lms-full-height"> <img class="lms-panel-thumb" src="http://tdn.totvs.com/download/attachments/543078867/flaticon-settings.png"> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/x/OJlUE">Configurações</a> </h1> <p class="lms-panel-text">Defina parâmetros de segurança para senhas, integrações, personalizações, entre outras configurações.</p> </div> </div> </div> </div> </div> |
Dica |
---|
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; } .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: 50%; padding-right: 15px; padding-left: 15px; margin-bottom: 30px; } .lms-panel { border: 1px solid #dadada; border-radius: 4px; padding: 30px; } .lms-panel .lms-panel-thumb { width: 24px; } .lms-panel .lms-panel-title { font-size: 20px; color: #58595b; margin-top: 15px; } .lms-panel .lms-panel-title a { color: #0897E9; font-weight: bold; } .lms-panel .lms-panel-text { color: #58595b; line-height: 1.75; margin-bottom: 0; } </style> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas