<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Baixe o aplicativo oficial da REDE POVO e tenha acesso ao conteúdo ao vivo, notícias e muito mais!">
<title>REDE POVO - Baixe nosso aplicativo</title>
<style>
/* Estilos básicos */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
text-align: center;
}
header {
background-color: #c00; /* Vermelho institucional */
color: white;
padding: 20px;
}
header h1 {
margin: 0;
font-size: 2.5em;
}
main {
padding: 20px;
}
.container {
max-width: 600px;
margin: 0 auto;
text-align: center;
}
.logo {
width: 150px;
margin: 20px auto;
}
.buttons {
margin-top: 30px;
}
.buttons a {
display: inline-block;
margin: 10px;
padding: 15px 30px;
font-size: 1.2em;
color: white;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s ease;
}
.buttons a.google {
background-color: #3cba54; /* Verde do Google Play */
}
.buttons a.apple {
background-color: #000; /* Preto da Apple Store */
}
.buttons a:hover {
opacity: 0.9;
}
footer {
margin-top: 40px;
padding: 10px;
background-color: #333;
color: white;
font-size: 0.9em;
}
@media (max-width: 600px) {
header h1 {
font-size: 2em;
}
.buttons a {
font-size: 1em;
padding: 10px 20px;
}
}
</style>
</head>
<body>
<!-- Cabeçalho -->
<header>
<h1>REDE POVO</h1>
<p>Baixe agora o aplicativo oficial</p>
</header>
<!-- Conteúdo principal -->
<main>
<div class="container">
<!-- Logo -->
<img src="https://via.placeholder.com/150" alt="Logo REDE POVO" class="logo">
<!-- Descrição -->
<p>Acesse nossa programação ao vivo, notícias e muito mais diretamente no seu celular.</p>
<!-- Botões de download -->
<div class="buttons">
<a href="https://play.google.com/store/apps/details?id=SEU_APP_ID" class="google">Google Play</a>
<a href="https://apps.apple.com/app/idSEU_APP_ID" class="apple">App Store</a>
</div>
<!-- Links adicionais -->
<p>
<a href="https://wa.me/5599982669171" style="color: #c00;">Fale conosco pelo WhatsApp</a><br>
<a href="https://www.redepovo.online" style="color: #c00;">Visite nosso site</a>
</p>
</div>
</main>
<!-- Rodapé -->
<footer>
© 2023 REDE POVO. Todos os direitos reservados.
</footer>
</body>
</html>
Nenhum comentário:
Postar um comentário