HTML |
---|
<div> <img src="https://tdn.totvs.com/download/attachments/725739021/capa-release-notes2w.png?version=1&modificationDate=1673218362722&api=v2" alt=""> </div> |
HTML |
---|
<style> img { max-width: 100%; } </style> |
HTML |
---|
<p align=justify>Estamos extremamente entusiasmados com este ano aqui na TOTVS CRM - Gestão de Clientes, pois continuamos aprimorando nossa plataforma para garantir que você e sua equipe possam trabalhar da maneira mais eficiente possível.<p lign=justify> Neste ambiente, você poderá encontrar novos recursos, melhorias e manutenção que lançamos mês a mês em 2023. Vamos lá? </p> |
HTML |
---|
<style>
} p {
padding: 20px;
line-height: 40px; color: #363636;
font-family: "Lato";
font-size: 28px;
} </style> |
HTML |
---|
<div class="frame">
<a href="https://tdn.totvs.com/display/TCGDC/1+-+Release+-12.1.2301"> <button class="custom-btn btn-3"><span>JANEIRO</span></button></a>
<a href="#"> <button class="custom-btn btn-3"><span>FEVEREIRO</span></button></a>
<a href="#"><button class="custom-btn btn-3"><span>MARÇO</span></button></a>
<a href="#"> <button class="custom-btn btn-3"><span>ABRIL</span></button></a>
<a href="#"><button class="custom-btn btn-3"><span>MAIO</span></button></a>
<a href="#"><button class="custom-btn btn-3"><span>JUNHO</span></button></a>
<a href="#"> <button class="custom-btn btn-3"><span>JULHO</span></button></a>
<a href="#"> <button class="custom-btn btn-3"><span>AGOSTO</span></button></a>
<a href="#"><button class="custom-btn btn-3"><span>SETEMBRO</span></button></a>
<a href="#"> <button class="custom-btn btn-3"><span>OUTUBRO</span></button></a>
<a href="#"><button class="custom-btn btn-3"><span>NOVEMBRO</span></button></a>
<a href="#"><button class="custom-btn btn-3"><span>DEZEMBRO</span></button></a>
</div>
|
HTML |
---|
<style>
#title-text {
display: none !important;
body {
background: #e0e5ec;
}
h1 {
position: relative;
text-align: center;
color: #353535;
font-size: 50px;
font-family: "Cormorant Garamond", serif;
}
p {
font-family: 'Lato', sans-serif;
font-weight: 300;
text-align: center;
font-size: 18px;
color: #676767;
}
.frame {
width: 90%;
margin: 40px auto;
text-align: center;
}
button {
margin: 20px;
}
.custom-btn {
width: 130px;
height: 40px;
color: #fff;
border-radius: 5px;
padding: 10px 25px;
font-family: 'Lato', sans-serif;
font-weight: 500;
background: transparent;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
7px 7px 20px 0px rgba(0,0,0,.1),
4px 4px 5px 0px rgba(0,0,0,.1);
outline: none;
}
/* 3 */
.btn-3 {
background: rgb(0,172,238);
background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);
width: 130px;
height: 40px;
line-height: 42px;
padding: 0;
border: none;
}
.btn-3 span {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.btn-3:before,
.btn-3:after {
position: absolute;
content: "";
right: 0;
top: 0;
background: rgba(2,126,251,1);
transition: all 0.3s ease;
}
.btn-3:before {
height: 0%;
width: 2px;
}
.btn-3:after {
width: 0%;
height: 2px;
}
.btn-3:hover{
background: transparent;
box-shadow: none;
}
.btn-3:hover:before {
height: 100%;
}
.btn-3:hover:after {
width: 100%;
}
.btn-3 span:hover{
color: rgba(2,126,251,1);
}
.btn-3 span:before,
.btn-3 span:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
background: rgba(2,126,251,1);
transition: all 0.3s ease;
}
.btn-3 span:before {
width: 2px;
height: 0%;
}
.btn-3 span:after {
width: 0%;
height: 2px;
}
.btn-3 span:hover:before {
height: 100%;
}
.btn-3 span:hover:after {
width: 100%;
}
</style> |