<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 #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>
<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="mailto:[email protected]">
<img class="lms-panel-thumb" src="https://tdn.totvs.com/download/attachments/632845879/fale-conosco.png">
</a>
<h1 class="lms-panel-title">
<a href="mailto:[email protected]">Soporte</a>
</h1>
<p class="lms-panel-text">Preguntas, críticas y sugerencias de mejoras.</p>
</div>
</div>
|