-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
116 lines (93 loc) · 4.81 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Banco do Viralata | Acesso Antecipado</title>
<link rel="stylesheet" href="style.css">
<script src="main.js" defer></script>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PQ4XMK5');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<div id="loading"></div>
<main>
<section class="section01">
<div class="flex01">
<div id="parallax01">
<h1>Garanta <b>acesso antecipado</b> ao Banco do Viralata.</h1>
<a class="cta01 gradient_font" href="#form">INSCREVA-SE!</a>
<!-- <video class="video02" controls autoplay>
<source src="assets/video_fran.mp4" type="video/mp4">
</video> -->
</div>
<div class="floating_form_ctnr">
<form id="top_form" class="form mobile_hidden" name="contact" method="POST" data-netlify="true">
<div class="input_ctnr">
<input class="telefone" placeholder="(xx) xxxxx-xxxx" type="text" name="form-name">
<!-- <span>+55</span> -->
</div>
<p>
<button type="submit">ENVIAR!</button>
</p>
<span>+55</span>
</form>
<img id="doggo01" src="assets/doggo01.png" alt="">
</div>
</div>
</section>
<section class="section02">
<div>
<div class="mobile_hidden">
<h4>O primeiro ecossistema descentralizado do Brasil.</h4>
<h5>Está chegando sua hora de revolucionar o mercado financeiro brasileiro.</h5>
</div>
<video class="video01" controls muted>
<source src="assets/video_fran.mp4" type="video/mp4">
</video>
<p>Banco do Viralata é a plataforma que irá permitir a qualquer um oferecer serviços financeiros, <b>eliminando intermediários</b> e recebendo retornos em seus investimentos.</p>
<p>Investidores, comerciantes e instituições poderão se tornar <b>pontos de venda de AURO</b>, aceitando qualquer meio de pagamento em troca de AURO (incluindo <b>PIX</b>, cartão de crédito, débito, dinheiro ou qualquer outro meio de pagamento).</p>
<p>Quer participar das <b>rodadas de teste</b> do nosso Banco? Inscreva-se com seu telefone abaixo!</p>
</div>
<div class="flex02 zindex_3">
<img class="bullets" src="assets/bullets01.png" alt="">
<div class="overflow01">
<div id="rain_ctnr">
<img src="assets/rain01.png" alt="">
<img src="assets/rain02.png" alt="">
<img src="assets/rain03.png" alt="">
<img src="assets/rain04.png" alt="">
<img src="assets/rain05.png" alt="">
</div>
</div>
</div>
</section>
<section class="section03">
<h2>Isso faz sentido pra você?</h2>
<h3>Deixe seu número de telefone para garantir acesso à versão Beta!</h3>
<form class="form" id="bottom_form" name="contact_end" method="POST" data-netlify="true">
<div class="input_ctnr">
<input placeholder="(xx) xxxxx-xxxx" class="telefone" type="text" name="form-name">
<!-- <span>+55</span> -->
</div>
<p>
<button type="submit">ENVIAR!</button>
</p>
<span>+55</span>
</form>
<img class="doggo02" src="assets/doggo02.png" alt="">
</section>
</main>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PQ4XMK5"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</body>
</html>