-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
209 lines (185 loc) · 10.4 KB
/
index.html
File metadata and controls
209 lines (185 loc) · 10.4 KB
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
201
202
203
204
205
206
207
208
209
<!DOCTYPE html>
<html lang="pt-BR" itemscope="" itemtype="https://schema.org/WebPage">
<head>
<title>Rede de Líderes - Fundação Lemann</title>
<meta name="title" content="Rede de Líderes - Fundação Lemann">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="text/html; charset=UTF-8">
<meta http-equiv="content-Security-Policy" content="upgrade-insecure-requests">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<base href="./" id="base-id">
<link rel="canonical" href="">
<meta name="description" content="Redescubra nosso potencial de transformar o Brasil">
<meta name="keywords" content="">
<meta name="date" content="2020-07-28">
<meta name="sitecode" content="br">
<meta name="version" content="0.0.1">
<meta name="google-site-verification" content="">
<link rel="shortcut icon" href="./assets/images/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="./assets/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/images/favicon-16x16.png">
<link rel="manifest" href="./assets/images/site.webmanifest">
<link rel="mask-icon" href="./assets/images/safari-pinned-tab.svg" color="#2cb781">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="theme-color" content="#ffffff">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="">
<meta name="twitter:creator" content="">
<meta name="twitter:url" content="">
<meta name="twitter:title" content="Rede de Líderes - Fundação Lemann">
<meta name="twitter:description" content="Redescubra nosso potencial de transformar o Brasil">
<meta property="twitter:image" content="assets/images/share-twitter.jpg">
<meta property="og:url" content="">
<meta property="og:image" content="assets/images/share-facebook.jpg">
<meta property="og:type" content="website">
<meta property="og:site_name" content="">
<meta property="og:title" content="Rede de Líderes - Fundação Lemann">
<meta property="og:description" content="Redescubra nosso potencial de transformar o Brasil">
<meta itemprop="name" content="Rede de Líderes - Fundação Lemann">
<meta itemprop="image" content="assets/images/share-facebook.jpg">
<meta itemprop="url" content="">
<meta itemprop="description" content="Redescubra nosso potencial de transformar o Brasil">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-17005310-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-17005310-1');
</script>
<link rel="stylesheet" href="./assets/styles/fonts.css" />
<link rel="stylesheet" href="./assets/styles/main.css" />
</head>
<body>
<div id="main" class="home">
<header class="header">
<div class="header__wrapper">
<h1 class="header__title">
Fundação Lemann, Redescubra
</h1>
<h2 class="header__subtitle">
<strong>Rede</strong> de líderes
</h2>
<div class="header__info">
<p class="header__text">
A nova proposta de valor da Rede de Líderes <br class="only-mobile"/>
fortalece a conexão, a troca entre membros <br class="only-mobile"/>
e as oportunidades de impulsionamento <br class="only-mobile"/>
de suas iniciativas.
</p>
<a href="#" class="header__button" data-metrics="video_play_btn">Assista ao vídeo</a>
<p class="header__text">
<em>
para saber mais e confirme<br/>
sua adesão até 9 de agosto
</em>
</p>
</div>
<div class="header__video">
<div id="video_player"></div>
</div>
<a href="#content" data-scroll class="header__more" data-metrics="scroll_btn">Saiba mais</a>
</div>
</header>
<div id="content">
<main class="home__section">
<section class="changes">
<div class="changes__content">
<p>
Acreditamos que o impacto que queremos ter no futuro <br class="only-desktop" />
do país não será gerado por um setor ou pela atuação <br class="only-desktop" />
em uma frente apenas. É por meio da colaboração <br class="only-desktop" />
e da mobilização de profissionais das mais diversas <br class="only-desktop" />
áreas e com distintos interesses que encontraremos as <br class="only-desktop" />
soluções para os nossos principais desafios sociais. <br class="only-desktop" />
É por meio de gente que acredita no Brasil.
</p>
<p>
Mais do que nunca, precisamos de muitas pessoas <br class="only-desktop" />
talentosas e comprometidas trabalhando juntas <br class="only-desktop" />
por esse propósito – e é para fortalecer essa conexão <br class="only-desktop" />
que a <strong>Rede de Líderes Fundação Lemann</strong> evoluiu!
</p>
<h2>
Confira as
<strong>principais mudanças:</strong>
</h2>
<div class="changes__dots jornadas">
<img src="assets/images/ico__jornadas.svg" alt="Jornadas personalizadas" />
<h3>
<strong>JORNADAS PERSONALIZADAS<br />E GRUPOS DE AFINIDADES</strong>
de acordo com seu setor de atuação e interesses,<br />para intensificar as conexões entre membros.
</h3>
</div>
<div class="changes__dots oportunidades">
<img src="assets/images/ico__oportunidades.svg" alt="Oportunidades de impulsionamento de ações" />
<h3 class="destaques">
<strong>MAIS CONEXÃO E OPORTUNIDADES<br />DE IMPULSIONAMENTO DE AÇÕES</strong>
em momentos e formatos diversos para apoiar<br />os membros em seus diferentes desafios.
</h3>
</div>
<div class="changes__dots diretrizes">
<img src="assets/images/ico__diretrizes.svg" alt="Diretrizes de participação" class="icon-destaque" />
<h3 class="destaques">
<a href="assets/files/codigo_conduta_interativo.pdf" target="_blank" data-metrics="codigo_conduta_link">
<strong>COMPROMISSOS MAIS CLAROS<br />E CÓDIGO DE CONDUTA</strong>
diretrizes de participação e adesão <br />além de regras para a saída ou exclusão da Rede.
</a>
</h3>
<p>
<a href="assets/files/codigo_conduta_interativo.pdf" target="_blank" class="button" data-metrics="codigo_conduta_btn">Confira</a>
</p>
</div>
<img src="assets/images/img__mudancas.png" alt="Mudanças" class="changes__image only-mobile" />
<div class="changes__details">
<p>
Quer saber mais detalhes?
</p>
<p>
<a href="assets/files/guia_rede_interativo.pdf" target="_blank" class="button" data-metrics="guia_btn">Baixe aqui</a>
</p>
<strong>
O GUIA DA REDE
</strong>
<p>
com tudo o que você precisa <br class="only-desktop" /> saber <br class="only-mobile" />
sobre a Rede de Líderes.
</p>
<p class="email">
Caso tenha dúvidas, não tenha recebido <br class="only-mobile" />
ou precise de ajuda sobre o e-mail com o formulário <br class="only-mobile" />
de adesão, entre em <a href="mailto:[email protected]" data-metrics="contato_btn">contato por aqui</a>
</p>
</div>
<div class="changes__footer only-desktop">
<strong>Lembre-se:</strong>
<p>
você precisa fazer a adesão formal <br />
até <span>9 de agosto</span> para continuar sendo membro.
</p>
</div>
</div>
<div class="changes__footer only-mobile">
<strong>Lembre-se:</strong>
<p>
você precisa fazer a adesão formal <br class="only-mobile" />
até <span>9 de agosto</span> para continuar sendo membro.
</p>
</div>
</section>
</main>
</div>
<footer class="footer">
<span>
<strong>Rede</strong> de Líderes
</span>
<img src="assets/images/logo.png" alt="Fundação Lemann - Líderes" />
</footer>
</div>
<script type="text/javascript" data-type="script" src="./assets/scripts/main.js"></script>
</body>
</html>