JSFiddle - React, Tailwind, and code Playground

by lucasranna

HTML

<meta charset="UT-8"/>
<style type="text/css">.padding{
  padding: 10px;
}
.content {
  padding: 6px;
  margin-top: -15px;
}
.justificado {text-align:justify;text-justify:inter-world;
}
.bodypad {
  padding: 15px;
}
</style>
<!-- apresenta imagem de topo --><img alt="" src="https://i.imgur.com/Y9ClQfJ.jpg" style="width: 400px; height: 210px;" />
<p>
<style type="text/css">.padding{
  padding: 10px;
}
.content {
  padding: 6px;
  margin-top: -30px;
}

.bodypad {
  padding: 15px;
}
</style>
</p>

<div class="bodypad">
<div class="content">
<p><!-- imagem "ACESSE AGORA" e link para o estudo --></p>

<center><!-- link do estudo na imagem -->
<p><a href="https://docs.google.com/document/d/1SyY0N1Lm4BramJbI8pJ1AWKGlPkGd33YTui1IYUQf8I/edit?usp=sharing"><img src="https://i.imgur.com/g77zrzk.png" style="width:70%;" /> </a></p>

<div class="content">
<div class="justificado">
<h3></h3>
<!-- Texto sobre EGP -->

<center><b>N&Atilde;O EST&Aacute; EM UM GP?</b></center>
Clique no &iacute;cone a seguir para conhecer nossos Grupos Pequenos.</div>
<br />
<!-- apresenta imagem de pessoas e link da página de GPs -->
<center><a data-moblet="23330058" href=""> <img src="https://i.imgur.com/f60JlYO.png" style="width:30%;" /></a></center>
</div>
</center>
</div>
</div>