Live Layout

by Leonardo Mattos

HTML

<!--Estilos da página-->
<style type="text/css">.padding{
  padding: 10px;
}

.titlecolor {
  color: #FFFFFF !important;
  background-color: #742FC2;
  padding: 13px 10px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 5px;
  letter-spacing: 2px;
  font-size: 12px !important;
}

.content {
  padding: 3px;
  margin-top: -15px;
  text-align: justify;
}
</style>

<!--Quem Somos-->
<h2 class="titlecolor">Quem Somos</h2>

<div class="content">
<p>A maneira mais ágil, profissional e descomplicada de ter um aplicativo exclusivo para o seu negócio com um excelente custo benefício.<br>Entregamos o App pronto para você gerenciar.

Baixo investimento, sem burocracias e em até 15 dias úteis.</p>
</div>

<!--Horário-->
<h2 class="titlecolor">Horário de Funcionamento</h2>
<div class="content"><p>Segunda a Sexta<br>Aberto das 09:00 &agrave;s 17:30</p></div>

<!--Contato-->
<h2 class="titlecolor">Contato e Compartilhamento</h2>
<center>
<p>

<!--Facebook-->
		<a class="padding" href="#" onclick="window.open(
    'https://www.facebook.com/FabricaDeAplicativos',
    '_system', 'location=yes');
    return false;" style="text-decoration: none;"><img src="https://cdn.discordapp.com/attachments/585835707357200384/600793209790005249/facebook.png" style="width:10%;" /></a>
		
<!--Site-->
		<a class="padding" href="#" onclick="window.open(
    'https://materiais.fabricadeaplicativos.com.br/prime',
    '_system', 'location=yes'); 
    return false;" style="text-decoration: none;"> <img src="https://cdn.discordapp.com/attachments/585835707357200384/600794339702210560/jPisUHA.png" style="width:10%;" /></a>
		
<!--E-mail-->
		<a class="padding" href="#" onclick="window.open(
    'mailto:prime@fabricadeaplicativos.com.br', 
    '_system', 'location=yes'); return false;" style="text-decoration: none;"> <img src="https://cdn.discordapp.com/attachments/585835707357200384/600793805133709312/RSfJSAa.png" style="width:10%;" /></a>
		
<!--Telefone-->
		<a class="padding" href="#"...