333 lines
10 KiB
HTML
333 lines
10 KiB
HTML
<!doctype html>
|
|
<html lang="PT-br">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-compatible" content="ie=edge" />
|
|
<title>AnalyTrick</title>
|
|
|
|
<!-- imports -->
|
|
|
|
<link rel="stylesheet" type="text/css" href="./css/Header_and_Footer.css" />
|
|
<link rel="stylesheet" type="text/css" href="./css/Mains/Precos_main.css" />
|
|
<script
|
|
src="https://kit.fontawesome.com/6ffe26f1f6.js"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
<script src="./js/header_and_footer.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Header -->
|
|
|
|
<header>
|
|
<a href="./index.html"
|
|
><img src="./img/Logo.png" alt="logo" class="logo_icon"
|
|
/></a>
|
|
<nav class="Menu_options">
|
|
<select name="Linguas" id="" class="Idioma_Select">
|
|
<option value="Portugues">PT-BR</option>
|
|
<option value="Ingles">EN</option>
|
|
</select>
|
|
<ul class="Menu_options_list">
|
|
<li><a href="./dummy.html">Quem somos</a></li>
|
|
<li><a href="./dummy.html">Supporte</a></li>
|
|
<li>
|
|
<hr class="vertical-line" />
|
|
</li>
|
|
<li><a href="./php/login.php" class="Login_link">Login</a></li>
|
|
</ul>
|
|
<button
|
|
onclick="toggleDiv()"
|
|
id="ambuigue_header_button"
|
|
class="ambuigue_button header_Button"
|
|
>
|
|
<i class="fa-solid fa-bars"></i>
|
|
</button>
|
|
<a href="./php/cadastro.php" class="Signup_button header_Button"
|
|
>Inscreva-se</a
|
|
>
|
|
</nav>
|
|
|
|
<div
|
|
onclick="toggleDiv()"
|
|
id="background_ambuigue"
|
|
class="background_ambuigue"
|
|
>
|
|
<div class="menu_ambuigue">
|
|
<div class="register_ambuigue">
|
|
<img src="./img/Logo.png" alt="logo" class="header_logo_icon" />
|
|
<nav>
|
|
<ul>
|
|
<li>
|
|
<a
|
|
href="./php/login.php"
|
|
class="ambuigue_Login_link Login_link"
|
|
>Login</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="./php/cadastro.php"
|
|
class="ambuigue_Signup_button ambuigue_Button"
|
|
>Inscreva-se</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
<nav class="other_options_ambuigue">
|
|
<ul>
|
|
<li>
|
|
<a class="ambuigue_Button" href="./dummy.html">Quem somos</a>
|
|
</li>
|
|
<li>
|
|
<a class="ambuigue_Button" href="./dummy.html">Supporte</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- main -->
|
|
|
|
<main>
|
|
<section class="container">
|
|
<div>
|
|
<h2 class="planos_e_preços">Planos e Preços</h2>
|
|
</div>
|
|
|
|
<div class="Planos">
|
|
<div class="box_plano">
|
|
<div class="sobre_plano">
|
|
<h3 class="titulo_plano">Plano básico</h3>
|
|
<h2 class="preco_plano">
|
|
29 <i class="fa-solid fa-dollar-sign"></i>
|
|
</h2>
|
|
<h2>Pagamento unico</h2>
|
|
</div>
|
|
|
|
<div class="Serviços">
|
|
<div class="servico_extra">Serviços extras</div>
|
|
<nav class="servico_plano">
|
|
<ul>
|
|
<li>
|
|
<div>
|
|
<i class="fa-solid fa-check"></i> Integração com Redes
|
|
Sociais
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<i class="fa-solid fa-check"></i> Notificações em tempo
|
|
real
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<i class="fa-solid fa-xmark"></i> Conteudo Relevante do
|
|
APP
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<i class="fa-solid fa-xmark"></i> Login via Redes Sociais
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<a href="./php/cadastro.php" class="Inscreva-se">Inscreva-se</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box_plano">
|
|
<div class="sobre_plano">
|
|
<h3 class="titulo_plano">Plano Mensal</h3>
|
|
<h2 class="preco_plano">
|
|
49 <i class="fa-solid fa-dollar-sign"></i>
|
|
</h2>
|
|
<h2>/mês</h2>
|
|
</div>
|
|
|
|
<div class="Serviços">
|
|
<div class="servico_extra">Serviços extras</div>
|
|
<nav class="servico_plano">
|
|
<ul>
|
|
<li>
|
|
<div>
|
|
<i class="fa-solid fa-check"></i> Integração com Redes
|
|
Sociais
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<i class="fa-solid fa-check"></i> Notificações em tempo
|
|
real
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<i class="fa-solid fa-check"></i> Conteudo Relevante do
|
|
APP
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<i class="fa-solid fa-xmark"></i> Login via Redes Sociais
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<a href="./php/cadastro.php" class="Inscreva-se">Inscreva-se</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box_plano">
|
|
<div class="sobre_plano">
|
|
<h3 class="titulo_plano">Plano Pro</h3>
|
|
<h2 class="preco_plano">
|
|
99 <i class="fa-solid fa-dollar-sign"></i>
|
|
</h2>
|
|
<h2>/mês</h2>
|
|
</div>
|
|
|
|
<div class="Serviços">
|
|
<div class="servico_extra">Serviços extras</div>
|
|
<nav class="servico_plano">
|
|
<ul>
|
|
<li>
|
|
<div>
|
|
<i class="fa-solid fa-check"></i> Integração com Redes
|
|
Sociais
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<i class="fa-solid fa-check"></i> Notificações em tempo
|
|
real
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<i class="fa-solid fa-check"></i> Conteudo Relevante do
|
|
APP
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<i class="fa-solid fa-check"></i> Login via Redes Sociais
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<a href="./php/cadastro.php" class="Inscreva-se">Inscreva-se</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- footer -->
|
|
|
|
<footer>
|
|
<div class="Divisor_do_Footer">
|
|
<!-- footer_Social_links_footer -->
|
|
|
|
<nav class="Social_links_footer">
|
|
<a href="./index.html"
|
|
><img src="./img/Logo.png" alt="logo" class="logo_icon"
|
|
/></a>
|
|
<p class="texto_motivacao">
|
|
Impulsione o seu negócio com a gente e alcance resultados
|
|
extraordinários!
|
|
</p>
|
|
<ul>
|
|
<li>
|
|
<a href="dummy.html" class="icons_sociais" id="Instagram_icon"
|
|
><i class="fa-brands fa-instagram" aria-label="Instagram"></i
|
|
></a>
|
|
</li>
|
|
<li>
|
|
<a href="dummy.html" class="icons_sociais" id="Facebook_icon"
|
|
><i class="fa-brands fa-facebook-f" aria-label="Facebook"></i
|
|
></a>
|
|
</li>
|
|
<li>
|
|
<a href="dummy.html" class="icons_sociais" id="Whatsapp_icon"
|
|
><i class="fa-brands fa-whatsapp" aria-label="Whatsapp"></i
|
|
></a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- footer_Sobre_empresa -->
|
|
|
|
<nav class="Sobre_empresa">
|
|
<ul class="Footer_links">
|
|
<li>
|
|
<h3><strong>Sobre nós</strong></h3>
|
|
</li>
|
|
<li><a href="./dummy.html">Quem somos</a></li>
|
|
<li><a href="./dummy.html">Quero ser Parceiro</a></li>
|
|
<li><a href="./dummy.html">Trabalhe conosco</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- footer_Ferramentas -->
|
|
|
|
<nav class="Ferramentas">
|
|
<ul class="Footer_links">
|
|
<li>
|
|
<h3><strong>Plataforma</strong></h3>
|
|
</li>
|
|
<li><a href="./dummy.html">Ferramentas</a></li>
|
|
<li><a href="./precos.html">Preços</a></li>
|
|
<li><a href="./dummy.html">Central de ajuda</a></li>
|
|
<li><a href="./dummy.html">Estado do serviço</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- footer_Newsletter -->
|
|
|
|
<nav class="Newsletter">
|
|
<ul>
|
|
<li>
|
|
<h3><strong>Inscreva-se</strong></h3>
|
|
</li>
|
|
<li>
|
|
<p>
|
|
Coloque seu email para ser notificado sobre as nossas novidades
|
|
pela nossa newletter
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<input
|
|
type="email"
|
|
id="email_box"
|
|
placeholder="Insira seu Email aqui"
|
|
/><button id="email_button">
|
|
<i class="fa-solid fa-envelope"></i>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
<!-- footer_Legal -->
|
|
|
|
<nav class="Legal">
|
|
<ul>
|
|
<li><a href="./termos.html">Termos e condições</a></li>
|
|
<li><a href="./privacidade.html">Politica de privacidade</a></li>
|
|
<li>
|
|
<p>
|
|
copyright <i class="fa-regular fa-copyright"></i> 2023 Analytrick
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</footer>
|
|
</body>
|
|
</html>
|