-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
182 lines (170 loc) · 9.09 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
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Guia prático de organização de saúde financeira">
<meta name="keywords" content="educação financeira, e-book de finanças, dívidas, crédito">
<meta property="og:title" content="Acredita$ - Saúde financeira">
<meta property="og:image" content="https://growthon.github.io/acreditas/assets/img/LinkToShare.png">
<meta property="og:description" content="Guia prático de organização de saúde financeira">
<meta property="og:url" content="https://growthon.github.io/acreditas">
<link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
<link rel="manifest" href="assets/site.webmanifest">
<title>ACREDITA$ - Saúde financeira</title>
<link href="assets/css/main.css" rel="stylesheet">
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-183231851-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-183231851-1');
</script>
<!-- Hotjar Tracking Code for https://growthon.github.io/acreditas -->
<script>
(function (h, o, t, j, a, r) {
h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) };
h._hjSettings = { hjid: 2102729, hjsv: 6 };
a = o.getElementsByTagName('head')[0];
r = o.createElement('script'); r.async = 1;
r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
a.appendChild(r);
})(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
</script>
<!-- Mailchim Tracking Code -->
<script
id="mcjs">!function (c, h, i, m, p) { m = c.createElement(h), p = c.getElementsByTagName(h)[0], m.async = 1, m.src = i, p.parentNode.insertBefore(m, p) }(document, "script", "https://chimpstatic.com/mcjs-connected/js/users/970656a389c75f737d23c595d/052e8a24d93cf7156fd757c33.js");</script>
</head>
<body>
<header>
<nav>
<a href="#content">
<img id="logo" src="./assets/img/LogoAcreditasLP.svg" alt="Acredita$" />
</a>
<ul class="menu-closed">
<li id="home"><a href="#content">Home</a></li>
<li id="quem-somos"><a href="#video">Quem somos</a></li>
<li id="parceria"><a href="#parceria-section">Parceria</a></li>
<li id="nosso-conteudo"><a href="#nosso-material">Nosso conteúdo</a></li>
</ul>
<button id="menu-toggle" aria-label="Menu">
<img src="./assets/img/menu-icon.svg" alt="Menu" />
</button>
</nav>
</header>
<main>
<section id="content" class="content-background">
<div class="section-wrapper">
<div class="content-left">
<div class="banner">
<div class="image-wrapper">
<div class="around-img">
<img src="assets/img/sino.svg" alt="" />
</div>
</div>
<p>[KIT] GUIA PRATICO DE ORGANIZAÇÃO FINANCEIRA + PLANILHA DE FINANÇAS 2021</p>
</div>
<div class="under-banner">
<p class="highlight">COMO ESTÁ SUA SAÚDE FINANCEIRA?</p>
<p>Está livre de dívidas?</p>
<p>Ganha mais do que gasta?</p>
<p>Tem dinheiro guardado para se aposentar com tranquilidade?</p>
<p class="last-text">Se você respondeu não para alguma dessas perguntas, você PRECISA baixar
este ebook e melhorar sua saúde financeira!</p>
</div>
</div>
<div class="content-right">
<p>Preencha seu nome, e-mail e baixe GRATUITAMENTE!</p>
<hr />
<form method="POST" action="https://smtl.gama.academy/leads/1ccc7f63-25e3-11eb-bf8d-0d63c80760d2">
<label for="name_field">Nome completo:</label>
<input type="text" id="name_field" name="name" pattern="^\D{2,}\s[\D\s]{2,}$" required />
<label for="email_field">Digite seu e-mail:</label>
<input type="email" id="email_field" name="email" required />
<input name="redirectTo" type="hidden" value="https://growthon.github.io/acreditas/thank-you" />
<!-- <input name="debugMode" type="hidden" value="true" /> -->
<p>Fique tranquilo, não enviamos spam!</p>
<button aria-label="E-book GRÁTIS" type="submit">E-book GRÁTIS</button>
</form>
</div>
</div>
</section>
<section id="video" class="section-with-content">
<div class="section-wrapper flex-column">
<h2>Quem somos</h2>
<div class="video-content">
<iframe loading="lazy" title="Acredita$" width="560" height="315"
src="https://www.youtube.com/embed/a_Ex4OYEw9E" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
<div class="video-text">
<p>A Acredita$ surgiu em 2020, quando, do dia para a noite, o mundo parou e uma pandemia bateu
em nossa porta. Perdemos emprego, tivemos de nos readaptar e saber como nos organizar melhor
financeiramente.</p>
<br>
<p>Surgimos para facilitar sua vida e, juntos, conseguirmos a tão sonhada saúde financeira!
Confira nossos conteúdos!</p>
</div>
</div>
</div>
</section>
<section id="parceria-section" class="section-with-content">
<div class="section-wrapper flex-column">
<h2>Parceria</h2>
<div class="parceria-content">
<div class="parc-text">
<p>Para te deixar mais antenado sobre planejamento financeiro e investimentos, fechamos uma
parceria incrível com a <strong><a href="https://www.instagram.com/gabrielacabral/"
target="_blank" rel="noopener">Gabriela Cabral</a></strong>.</p>
<br>
<p>Gabriela Cabral é consultora financeira e especializada em investimentos. Como parceira da
Acredita$, ela preparou um Bônus incrível para você, uma planilha super completa e fácil de
usar para você gerir suas finanças.</p>
</div>
<img src="assets/img/gabrielaCabral.png" alt="Parceria com Gabriela Cabral" />
</div>
</div>
</section>
<section id="nosso-material" class="section-with-content">
<h2>Nosso Conteúdo</h2>
<div class="nosso-content">
<div>
<img class="img1" src="assets/img/ebook.png" alt="E-book">
<div class="material">
<p><strong>e-book</strong></p>
<p>com mais de 10 páginas</p>
<p>de conteúdo</p>
</div>
</div>
<img class="img2" src="assets/img/mais.png" alt="+" />
<div>
<img class="img3" src="assets/img/computador.png" alt="Planilha" />
<div class="material">
<p><strong>planilha 2021</strong></p>
<p>para entrar o novo ano</p>
<p>promessas cumpridas</p>
</div>
</div>
</div>
</section>
</main>
<footer>
<p>GrowthOn | © 2020 All rights reserved</p>
<div id="social">
<a href="#" target="_blank" rel="noopener">
<img src="./assets/img/yt-icon.svg" alt="Link para o Youtube">
</a>
<a href="#" target="_blank" rel="noopener">
<img src="./assets/img/fb-icon.svg" alt="Link para o Facebook">
</a>
<a href="https://www.instagram.com/acreditasbr/" target="_blank" rel="noopener">
<img src="./assets/img/ig-icon.svg" alt="Link para o Instagram">
</a>
</div>
</footer>
<script src="./assets/js/index.js"></script>
</body>
</html>