...
| Product_template | |
|---|---|
|
| |
| HTML |
|---|
<style>
#title-text{
font-size:0px;
}
h1#title-text a{color:#fff;margin-top:-40px;}
.page-description{color:#fff;}
h1#title-text.with-breadcrumbs{background-image:url(https://tdn.totvs.com/download/attachments/636305285/bg-Capacitacaoegestao.png?api=v2);}
.sr-showcase>.showcase-title {
text-align: center;
font-weight: bold;
white-space: normal;
color: #363636;
font-size: 12px;
}
.sr-showcase {
margin:0;
height: 180px;
width: 180px;
}
.sr-showcase> img{
width: 50px;
height: 50px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
margin-top: 30px;
}
.sr-showcase>.showcase-caption>.showcase-action {
text-align:center;
}
.sr-showcase>.showcase-caption .showcase-description{
color: #feac0e;
font-weight: bold;
font-size: 8pt;
}
.panelContent{margin:0px}
</style> |
| HTML |
|---|
<!-- HTML DO ICONE DE HOME --> <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: 100%; } .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: 25%; padding-right: 15px; padding-left: 15px; margin-bottom: 30px; } .lms-panel { --border: 1px solid #dadadada; 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> <br> <br> <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"> <a href="https://tdn.totvs.com/display/MD/MIT+Digital"> <img class="lms-panel-thumb"><span id="icon-home"> <b>Voltar à HOME</b><img src="https://tdn.totvs.com/download/thumbnailsattachments/626354401/submeter.png"> </a> <h1 class="lms-panel-title"> <a href="https://universidadetotvs.com.br/skin/atena/training/trail/790/activity/10493">Trilha de Capacitação</a> </h1> <p class="lms-panel-text">Trilha do Framework de Serviços na Universidade TOTVS.</p> </div> </div> <div class="lms-col"> <div class="lms-panel lms-text-center lms-full-height"> <a href="https://tdn.totvs.com/pages/viewrecentblogposts.action?key=FDI"> <img class="lms-panel-thumb" src="https://tdn.totvs.com/download/thumbnails/626354401/O_que_ha_de_novo.png"> </a> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=633058851">Pílulas do Conhecimento</a> </h1> <p class="lms-panel-text">Pequenas doses de conhecimento sobre os temas de maior destaque.</p> </div> </div> <div class="lms-col"> <div class="lms-panel lms-text-center lms-full-height"> <a href="https://tdn.totvs.com/display/FDI/FAQ+-+Perguntas+Frequentes"> <img class="lms-panel-thumb" src="https://tdn.totvs.com/download/thumbnails/626354401/perguntas.png"> </a> <h1 class="lms-panel-title"> <a href="https://tdn.totvs.com/display/MD/Canais+de+Atendimento">Certificação</a> </h1> <p class="lms-panel-text">Acesse o calendário e agende a certificação de conhecimento da MIT Digital.</p> </div> </div> </div> </div> </div>632845879/home-icon-branca.png?api=v2"/> </span> </a> <style> #icon-home img{ width: 40px; height: 40px; } #icon-home{ display: flex; justify-content: flex-end; padding-right:10px; margin-top: -80px; padding-bottom:20px; } #icon-home>b{ color:#fff; padding-top:15px; padding-right: 5px; } </style> |
| Deck of Cards | ||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||
|