-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathplanos.html
200 lines (186 loc) · 11.5 KB
/
planos.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Meus números | Pura Sorte - Sorteios e muito mais</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Meus números">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<link rel="icon" href="./favicon.svg" type="image/svg+xml">
<link rel="preload" href="./css/style.css" as="style"><link rel="stylesheet" href="./css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Roboto:wght@400;500&display=swap" rel="stylesheet">
<script>document.documentElement.classList.add('js')</script>
</head>
<body>
<header class="header-bg">
<div class="header container">
<a href="./">
<img src="./img/Pura Sorte - Logo.png" alt="Pura Sorte">
</a>
<nav aria-label="primaria">
<ul class="header-menu font-1-m cor-0">
<li><a href="./rifas.html">Rifas</a></li>
<li><a href="./planos.html">Planos</a></li>
<li><a href="./contato.html">Contato</a></li>
</ul>
</nav>
</div>
</header>
<body id="planos">
<main class="precos-bg">
<div class="titulo-bg">
<div class="titulo container">
<p class="font-2-l-b cor-5">Planos</p>
<h1 class="font-1-xxl cor-0">escolha o seu<span class="cor-p1">.</span></h1>
</div>
</div>
<div class="precos container">
<div class="preco-item fadeInLeft" data-anime="200">
<h3 class="font-1-xl cor-6">PRATA</h3>
<span class="font-1-xl cor-0">R$ 199 <span class="font-1-xs cor-6">mensal</span> </span>
<ul class="font-2-m cor-0">
<li>Duas trocas por ano</li>
<li>Assistência técnica</li>
<li>Suporte das 08 as 18h</li>
<li>Cobertura Estadual</li>
</ul>
<a class="botao secundario" href="./orcamento.html?tipo=planos&produto=prata">Inscreva-se</a>
</div>
<div class="preco-item fadeInRight" data-anime="400">
<h3 class="font-1-xl cor-p1">OURO</h3>
<span class="font-1-xl cor-0">R$ 299 <span class="font-1-xs cor-6">mensal</span> </span>
<ul class="font-2-m cor-0">
<li>Cinco trocas por ano</li>
<li>Assistência especial</li>
<li>Suporte 24h</li>
<li>Desconto em parceiros</li>
<li>Acesso ao clube Pura Sorte</li>
</ul>
<a class="botao" href="./orcamento.html?tipo=planos&produto=ouro">Inscreva-se</a>
</div>
</div>
</main>
<article class="vantagens-bg">
<div class="vantagens container">
<h2 class="font-1-xxl cor-0">vantagens<span class="cor-p1">.</span></h2>
<ul>
<li>
<img src="./img/icones/carros.png" alt="Carros">
<h3 class="font-1-l cor-0">Reparo Elétrico</h3>
<p class="font-2-s cor-5">O tempo exibido mostrado dentro da aposta ao vivo serve como um indicador. A companhia não se responsabiliza pela correção e atualiazação da informação exibida como pontos ou tempo.</p>
</li>
<li>
<img src="./img/icones/fibra.png" alt="Carbono">
<h3 class="font-1-l cor-0">Carbono</h3>
<p class="font-2-s cor-5">O tempo exibido mostrado dentro da aposta ao vivo serve como um indicador. A companhia não se responsabiliza pela correção e atualiazação da informação exibida como pontos ou tempo.</p>
</li>
<li>
<img src="./img/icones/sustentavel.png" alt="Sustentavel">
<h3 class="font-1-l cor-0">Sustentável</h3>
<p class="font-2-s cor-5">O tempo exibido mostrado dentro da aposta ao vivo serve como um indicador. A companhia não se responsabiliza pela correção e atualiazação da informação exibida como pontos ou tempo.</p>
</li>
<li>
<img src="./img/icones/rastreador.png" alt="Rastreador">
<h3 class="font-1-l cor-0">Rastreador</h3>
<p class="font-2-s cor-5">O tempo exibido mostrado dentro da aposta ao vivo serve como um indicador. A companhia não se responsabiliza pela correção e atualiazação da informação exibida como pontos ou tempo.</p>
</li>
<li>
<img src="./img/icones/cadeado.png" alt="Segurança">
<h3 class="font-1-l cor-0">Segurança</h3>
<p class="font-2-s cor-5">O tempo exibido mostrado dentro da aposta ao vivo serve como um indicador. A companhia não se responsabiliza pela correção e atualiazação da informação exibida como pontos ou tempo.</p>
</li>
<li>
<img src="./img/icones/km.png" alt="Velocidade">
<h3 class="font-1-l cor-0">Rapidez</h3>
<p class="font-2-s cor-5">O tempo exibido mostrado dentro da aposta ao vivo serve como um indicador. A companhia não se responsabiliza pela correção e atualiazação da informação exibida como pontos ou tempo.</p>
</li>
</ul>
</div>
</article>
<article class="perguntas container">
<h2 class="font-1-xxl">perguntas frequentes<span class="cor-p1">.</span></h2>
<dl>
<div>
<dt><button class="font-1-m-b" aria-controls="pergunta1" aria-expanded="true"> O que é uma rifa?</button></dt>
<dd id="pergunta1" class="font-2-s cor-9 ativa">Uma rifa é um sorteio em que os participantes compram números ou bilhetes para concorrer a prêmios. Cada número tem a chance de ser sorteado, e o vencedor é escolhido de forma aleatória.</dd>
</div>
<div>
<dt><button class="font-1-m-b" aria-controls="pergunta2" aria-expanded="true">Como participo da rifa?</button></dt>
<dd id="pergunta2" class="font-2-s cor-9">Para participar de uma rifa em nosso site, você precisa criar uma conta, se ainda não tiver uma. Em seguida, escolha a rifa na qual deseja participar e compre um ou mais números disponíveis.</dd>
</div>
<div>
<dt><button class="font-1-m-b" aria-controls="pergunta3" aria-expanded="true">Como escolho meus números?</button></dt>
<dd id="pergunta3" class="font-2-s cor-9">Após selecionar a rifa desejada, você verá os números disponíveis. Escolha os números que preferir e adicione-os ao seu carrinho. Você pode comprar quantos números quiser, desde que estejam disponíveis.</dd>
</div>
<div>
<dt><button class="font-1-m-b" aria-controls="pergunta4" aria-expanded="true">Como sei se ganhei?</button></dt>
<dd id="pergunta4" class="font-2-s cor-9">Após o encerramento da rifa, o número vencedor será escolhido aleatoriamente. Você receberá uma notificação em sua conta de usuário e, caso tenha vencido, também será contatado por e-mail. Além disso, o número vencedor será divulgado na página da rifa.</dd>
</div>
<div>
<dt><button class="font-1-m-b" aria-controls="pergunta5" aria-expanded="true">Como recebo meu prêmio? </button></dt>
<dd id="pergunta5" class="font-2-s cor-9">Se você ganhar um prêmio, entraremos em contato com você para obter as informações de entrega. Certifique-se de que seus dados de contato estejam atualizados em sua conta para que possamos entrar em contato facilmente.</dd>
</div>
<div>
<dt><button class="font-1-m-b" aria-controls="pergunta6" aria-expanded="true">E se eu comprar mais de um número? Aumenta minha chance?</button></dt>
<dd id="pergunta6" class="font-2-s cor-9">Sim, comprar mais números aumenta suas chances de ganhar, pois você terá mais entradas no sorteio. No entanto, o sorteio ainda é aleatório, então mesmo com mais números, não há garantia de vitória.</dd>
</div>
<div>
<dt><button class="font-1-m-b" aria-controls="pergunta7" aria-expanded="true">Os prêmios são reembolsáveis ou transferíveis?</button></dt>
<dd id="pergunta7" class="font-2-s cor-9">Os prêmios não são reembolsáveis nem transferíveis. Certifique-se de ler os termos e condições específicos de cada rifa para entender melhor as políticas de prêmios.</dd>
</div>
<div>
<dt><button class="font-1-m-b" aria-controls="pergunta8" aria-expanded="true">Posso cancelar minha participação?</button></dt>
<dd id="pergunta8" class="font-2-s cor-9">Não é possível cancelar a participação em uma rifa após a compra dos números. Leia atentamente as políticas de cancelamento em nossos termos e condições.</dd>
</div>
<div>
<dt><button class="font-1-m-b" aria-controls="pergunta9" aria-expanded="true">Como entro em contato se tiver mais dúvidas?</button></dt>
<dd id="pergunta9" class="font-2-s cor-9">Se você tiver mais perguntas ou precisar de ajuda adicional, entre em contato com nossa equipe de suporte através da página de contato em nosso site. Teremos prazer em ajudar!</dd>
</div>
<div>
<dt><button class="font-1-m-b" aria-controls="pergunta10" aria-expanded="true">Escolha do Método de Pagamento</button></dt>
<dd id="pergunta10" class="font-2-s cor-9">No método de pagamento, selecione a opção "PIX" para prosseguir com o pagamento através desse método. Será gerado um QR Code exclusivo ou uma chave PIX (CNPJ/CPF + chave aleatória) para você efetuar o pagamento. Esse código ou chave estará visível na tela e também será enviado para o seu e-mail cadastrado.</dd>
</div>
</dl>
</article>
<footer class="footer-bg">
<div class="footer container">
<img src="./img/Pura Sorte - Logo.png" alt="Pura Sorte">
<div class="footer-contato">
<h3 class="font-2-l-b cor-0">Contato</h3>
<ul class="font-2-m cor-5">
<li><a href="tel:+5511945783000">+55 11 9 4578-3000</a></li>
<li><a href="mailto:caio.ribasa@gmail.com">caio.ribasa@gmail.com</a></li>
<li>Rua Ali Perto, 42 - Ipiranga </li>
<li>São Paulo - SP</li>
</ul>
<div class="footer-redes">
<a href="https://www.instagram.com/">
<img src="./img/icones/instagram.png" alt="Instagram">
</a>
<a href="https://www.facebook.com/">
<img src="./img/icones/facebook.png" alt="Facebook">
</a>
<a href="https://www.linkedin.com/">
<img src="./img/icones/linkedin.png" alt="Linkedin">
</a>
</div>
</div>
<div class="footer-informacoes">
<h3 class="font-2-l-b cor-0">Informações</h3>
<nav>
<ul class="font-1-m cor-5">
<li><a href="./rifas.html">Rifas</a></li>
<li><a href="./planos.html">Planos</a></li>
<li><a href="./contato.html">Contato</a></li>
<li><a href="./termos.html">Termos</a></li>
</ul>
</nav>
</div>
<p class="footer-copy font-2-m cor-6">Pura Sorte - todos os direitos reservados</p>
</div>
</footer>
<script src="./js/plugin/simple-anime.js"></script>
<script src="./js/script.js"></script>
</body>
</html>