<section class="sobre container">
<div class="sobre__conteudo">
<h2 class="sobre__titulo">Sobre</h2>
<p class="sobre__texto">Criamos aplicativos personalizados para <strong class="sobre__texto--destaque">todas as pessoas</strong>!</p>
<p class="sobre__texto">
A manutenção de um aplicativo não pode ser um custo extra para o cliente, Na Apeperia você assina nosso serviço e a manutenção já está inclusa. Assim, você não se preocupa com manutenção, é tudo por nossa conta.
</p>
<p class="sobre__texto sobre__texto--destaque sobre__texto--divisao">
Conte com uma equipe especializada e exclusiva pra projetos incríveis em qualquer plataforma.
</p>
<ul class="sobre__plataformas">
<li><img src="img/android.png" alt="Ícone do Android"></li>
<li><img src="img/blackberry.png" alt="Ícone da Blackberry"></li>
<li><img src="img/apple.png" alt="Ícone da Apple"></li>
<li><img src="img/windowsphone.png" alt="Ícone da Microsoft"></li>
</ul>
<p class="sobre__texto">Desenvolvemos aplicativos para todas as plataformas</p>
</div>
<img src="img/sobre-apeperia.png" alt="Sobre a Apeperia" class="sobre__imagem">
</section>
<section class="planos container">
<h2 class="planos__titulo">Planos</h2>
<ul class="planos__cartoes">
<li class="cartao cartao--start">
<h3 class="cartao__titulo">Start</h3>
<article class="cartao__conteudo">
<p class="cartao__preco"><em>R$ 500</em></p>
<p class="cartao__texto">5 manutenções mensais</p>
<p class="cartao__texto">App SEO</p>
<p class="cartao__texto">1 sistema operacional</p>
<a href="plano.html" class="cartao__botao cartao__botao--start botao">Assinar plano</a>
</article>
</li>
<li class="cartao cartao--ultra">
<h3 class="cartao__titulo">Ultra</h3>
<article class="cartao__conteudo">
<p class="cartao__preco"><em>R$ 1500</em></p>
<p class="cartao__texto">20 manutenções mensais</p>
<p class="cartao__texto">App SEO</p>
<p class="cartao__texto">4 sistemas operacionais</p>
<p class="cartao__texto">24h de atendimento</p>
<a href="" class="cartao__botao cartao__botao--ultra botao">Assinar plano</a>
</article>
</li>
<li class="cartao cartao--mega">
<h3 class="cartao__titulo">Mega</h3>
<p class="cartao__preco"><em>R$ 1000</em></p>
<article class="cartao__conteudo">
<p class="cartao__texto">10 manutenções mensais</p>
<p class="cartao__texto">App SEO</p>
<p class="cartao__texto">2 sistemas operacionais</p>
<a href="" class="cartao__botao cartao__botao--mega botao">Assinar plano</a>
</article>
</li>
</ul>
</section>
<section class="contato container">
<h2 class="contato__titulo">Contato</h2>
<p>Entre em contato com a gente</p>
<a href="contato.html" class="contato__botao botao">Entre em contato</a>
</section>
<section class="institucional container">
<h2 class="institucional__titulo">Institucional</h2>
<p class="institucional__descricao">Um pouco mais sobre a Apeperia</p>
<address class="institucional__endereco">
Rua Vergueiro, 3185 <br>
Vila Mariana, São Paulo
<article class="institucional__contato">
<p>
<a href="tel:+551155712751" class="institucional__contato-telefone">(11) 5571-2751</a> ou
<a href="mailto:contato@apeperia.com" class="institucional__contato-email">contato@apeperia.com</a></p>
</article>
</address>
<video src="img/formacao-java.mp4" class="institucional__video" controls></video>
</section>
</main>
