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 class="texto">❇️Release Notes❇️</p> <p> Neste ambiente, você poderá encontrar novos recursos, melhorias<br> e manutenção que lançamos mês a mês em 2023. Vamos lá? </p> <div class="grid"> <a href=""> <H3> JANEIRO </H3> </a> <a href=""> <H3> FEVEREIRO </H3> </a> <a href=""> <H3> MARÇO </H3> </a> <a href=""> <H3> ABRIL </H3> </a> <a href=""> <H3> MAIO </H3> </a> <a href=""> <H3> JUNHO </H3> </a> <a href=""> <H3> JULHO </H3> </a> <a href=""> <H3> AGOSTO </H3> </a> <a href=""> <H3> SETEMBRO </H3> </a> <a href=""> <H3> OUTUBRO</H3> </a> <a href=""> <H3> NOVEMBRO </H3> </a> <a href=""> <H3>DEZEMBRO </H3> </a> </div> |
HTML |
---|
<style>
#title-text {
display: none !important;} .grid {
margin-top: 60px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.texto {
position: relative;
text-align: center;
color: #353535;
font-size: 50px;
font-family: "lato", serif;
font-weight: 800;
}
h3 {
margin-right: 20px;
background-color: #eeeeee;
border: 2px solid #0397e9;
padding: 15px;
margin: 0px;
border-radius: 40px;
text-align: center;
font-family: LATO;
color: #0397e9;
font-size: 16px;
box-shadow: 2px #636363;
cursor: pointer;
text-decoration: none; }
a {
text-decoration: none;
}
p {
font-family: "Lato", sans-serif;
font-weight: 300;
text-align: center;
font-size: 24px;
color: #676767;
}
</style> |