<a href="https://www.totvs.com/blog/adequacao-a-legislacao/lgpd/" target="blank">
   <img class="mySlides" src="https://cdn2.hubspot.net/hubfs/2287241/hub_generated/resized/b1242425-b667-4218-9efc-d40163a93c4f.png"style="width:60%; margin: 0px auto !important;" alt="1">
 </a>

 <a href="https://www.gov.br/esocial/pt-br/documentacao-tecnica/manuais/nota-orientativa-s-1_0-01_2021.pdf" target="blank">
   <img class="mySlides" src="http://laboreweb.com.br/wp-content/uploads/2017/08/bannerescocial.jpg" style="width:70%; margin: 0px auto !important;" alt="2">
 </a>
 <a href="https://produtos.totvs.com/ficha-tecnica/tudo-sobre-o-totvs-rh-clock-in-by-carol/" target="blank">
   <img class="mySlides" src=https://tdn.totvs.com/download/attachments/618465428/image2021-5-17_22-37-56.png?version=1&modificationDate=1621301877438&api=v2" style="width:60%; margin: 0px auto !important;" alt="3">
 </a>
 <a href="https://tdn.totvs.com/pages/releaseview.action?pageId=198948845" target="blank">
   <img class="mySlides" src="https://tdn.totvs.com/download/attachments/618477682/image2021-5-17_22-21-37.png?version=1&modificationDate=1621300908890&api=v2" style="width:60%; margin: 0px auto !important;" alt="4">
 </a>
   
 <script>
var myIndex = 1;
carousel();
 
function carousel() {
  var i;
  var x = document.getElementsByClassName("mySlides");
  for (i = 0; i < x.length; i++) {
    x[i].style.display = "none"; 
  }
  myIndex++;
  if (myIndex > x.length) {myIndex = 1}   
  x[myIndex-1].style.display = "block"; 
  setTimeout(carousel, 3000); // Change image every 2 seconds
}
</script>