Histórico da Página
| Livesearch | ||||
|---|---|---|---|---|
|
| HTML |
|---|
<style type="text/css">
.products {
display: flex;
justify-content: center;
flex-wrap: wrap;
word-break: break-word;
}
.product {
box-sizing: border-box;
display: flex;
flex-direction: column;
width: 280px;
padding: 15px;
box-shadow: 0px 2px 4px #00000029;
margin: auto auto 30px auto;
border-radius: 10px;
}
.product-image-container {
height: 160px;
position: relative;
}
.product-image {
height: 70%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.product-title {
text-align: center;
margin: 0 0 10px 0 !important;
}
#product-title-link {
font-weight: bold;
font-size: 15pt;
color: #0897E9;
text-decoration: none;
}
#product-title-link:hover {
text-decoration: underline;
}
.product-desc {
margin: 0 !important;
text-align: center;
font-size: 15px;
letter-spacing: 0px;
color: #494440;
}
</style>
<section class="products">
<div id="product-plataforma" class="product">
<div class="product-image-container">
<img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/plataforma.png" alt="">
</div>
<h2 class="product-title">
<a id="product-title-link" href="https://tdn.totvs.com/x/o1fAFQ">Base de Conhecimento</a>
</h2>
<p class="product-desc">Documentações, exemplos, informações relevantes sobre produtos e serviços.
</p>
</div>
<div id="product-nodecode" class="product">
<div class="product-image-container">
<img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/Icon%20flows%20TDN-03.png?api=v2" alt="">
</div>
<h2 class="product-title">
<a id="product-title-link" href="Framework | Artigos">Artigos</a>
</h2>
<p class="product-desc"> Documentações, exemplos, informações relevantes sobre produtos e serviços.</p>
</div>
<div id="product-identity" class="product">
<div class="product-image-container">
<img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/no-code.png" alt="">
</div>
<h2 class="product-title">
<a id="product-title-link" href="https://tdn.totvs.com/x/9YUbCQ" >Release Notes </a>
</h2>
<p class="product-desc"> Histórico de Releases com inovações e manutenções que foram expedidas.
</p>
</div>
</section> |
| HTML |
|---|
<style type="text/css">
.cards-container {
width: 100%;
height: auto;
margin: auto;
display: flex;
flex-direction: column;
box-sizing: border-box;
justify-items: center;
}
.card {
width: 100%;
height: auto;
display: flex;
margin: auto auto 20px auto;
box-shadow: 0px 2px 4px #00000029;
border-radius: 10px;
}
.card-image {
object-fit: cover;
width: 43%;
max-width: 420px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.card-text-container {
text-align: left;
padding: 30px;
}
.card-label {
color: #FEAC0E;
font-weight: bold;
font-size: 13px;
}
#card-title-link {
text-decoration: none;
color: #0897E9;
font-weight: bold;
font-size: 17px;
}
#card-title-link:hover {
text-decoration: underline;
}
.card-desc {
margin: 0 !important;
font-size: 15px;
font-weight: 400;
letter-spacing: 0px;
color: #494440;
}
.card-text-margin-bottom {
margin: 0 0 5px 0 !important;
}
</style>
<section <section class="cards-container"> <div class="card">
<img
class="card-image"
src="https://tdn.totvs.com/download/attachments/150634637/mo%C3%A7a.png"
alt=""
>
<div class="card-text-container">
<p class="card-label card-text-margin-bottom">TOTVS Help</p>
<h2 id="card-title" class="card-text-margin-bottom">
<a href="https://tdndevforum.totvs.com/x/bAFEG.br" id="card-title-link"> OA pontoCentral de encontroAjuda para desenvolvedoresdo Protheus, direto na tela F1 </a>
</h2>
<p class="card-desc">Participe, pergunte e aprenda sobre desenvolvimento nas plataformas TOTVS. Compartilhe a comunidade de desenvolvedores TOTVS!>Tenha acessos às principais documentações baseadas no local do acionamento do F1, sem precisar cadastrar ou configurar algo. Acesse este material e entenda melhor.</p>
</div>
</div>
</section> |
| HTML |
|---|
<style type="text/css">
.cards-container {
width: 100%;
height: auto;
margin: auto;
display: flex;
flex-direction: column;
box-sizing: border-box;
justify-items: center;
}
.card {
width: 100%;
height: auto;
display: flex;
margin: auto auto 20px auto;
box-shadow: 0px 2px 4px #00000029;
border-radius: 10px;
}
.card-image {
object-fit: cover;
width: 43%;
max-width: 420px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.card-text-container {
text-align: left;
padding: 30px;
}
.card-label {
color: #FEAC0E;
font-weight: bold;
font-size: 13px;
}
#card-title-link {
text-decoration: none;
color: #0897E9;
font-weight: bold;
font-size: 17px;
}
#card-title-link:hover {
text-decoration: underline;
}
.card-desc {
margin: 0 !important;
font-size: 15px;
font-weight: 400;
letter-spacing: 0px;
color: #494440;
}
.card-text-margin-bottom {
margin: 0 0 5px 0 !important;
}
</style>
<section class="cards-container"> <div class="card">
<img
class="card-image"
src="https://tdn.totvs.com/download/attachments/66618185/home-novo-collab.png"
alt=""
>
<div class="card-text-container">
<p class="card-label card-text-margin-bottom">TOTVS DevForum</p>
<h2 id="card-title" class="card-text-margin-bottom">
<a href="https://devforum.totvs.com.br" id="card-title-link"> O ponto de encontro para desenvolvedores </a>
</h2>
<p class="card-desc">Participe, pergunte e aprenda sobre desenvolvimento nas plataformas TOTVS. Compartilhe a comunidade de desenvolvedores TOTVS!</p>
</div>
</div>
</section> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas