-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
366 lines (330 loc) · 20 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
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
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
<!doctype html>
<html lang="PT">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-155313672-1"></script>
<script defer>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-155313672-1');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Belas Artes Conservatório de Dança</title>
<meta name="description" content="O Belas Artes Conservatório de Dança é uma escola voltada para as belas artes da dança, como Ballet Clássico, Contemporane, Jazz e Street Dance. Localizado em Águas Claras, Brasília-DF">
<meta name="author" content="Bruno Neves">
<link rel="icon" type="image/png" href="images/favicon.ico" />
<link rel="stylesheet" href="css/styles.css?v=1.0">
<link rel="stylesheet" href="css/aos.css?v=1.0">
<script src="https://kit.fontawesome.com/637a8e4096.js" crossorigin="anonymous" defer></script>
</head>
<body>
<div >
<div>
<!--Background -->
<div class="background-wrapper">
<div class="opacity-layer"></div>
<div class="slideshow-image"></div>
</div>
<!--Header -->
<div class="side-bar no-show">
<img src="images/logo_small_h.svg">
<ul>
<li><a href="javascript:;" onclick="navTo('.sobre-escola-wrapper', 1000, -70);menuToggle()">Sobre a escola</a></li>
<li><a href="javascript:;" onclick="navTo('.instagram-gallery', 1000, -70);menuToggle()">Galeria</a></li>
<li><a href="javascript:;" onclick="navTo('.modalidades', 1000, -70);menuToggle()">Modalidades</a></li>
<li><a href="/online" target="_blank">Aulas Online</a></li>
<li><a href="/online#planos" target="_blank">Preços</a></li>
<li><a href="javascript:;" onclick="navTo('.passe-livre-wrapper', 1000, -70);menuToggle()">Passe Livre</a></li>
<li><a href="javascript:;" onclick="navTo('.contato', 1000, -70);menuToggle()">Contato</a></li>
</ul>
</div>
<div class="flex flex-row main-menu header-container dark">
<div class="flex grow2 menu justify-flex-start align-flex-center hidden-sm">
<div class="logo">
</div>
<nav class="links" style="--items: 7;">
<a href="javascript:;" onclick="navTo('.sobre-escola-wrapper', 1000, -110)">Sobre a escola</a>
<a href="javascript:;" onclick="navTo('.instagram-gallery', 1000, -110)">Galeria</a>
<a href="javascript:;" onclick="navTo('.modalidades', 1000, -110)">Modalidades</a>
<a href="/online" target="_blank">Aulas Online</a>
<a href="/online#planos" target="_blank">Preços</a>
<a href="javascript:;" onclick="navTo('.passe-livre-wrapper', 1000, -110)">Passe Livre</a>
<a href="javascript:;" onclick="navTo('.contato', 1000, -110)">Contato</a>
<span class="line"></span>
</nav>
</div>
<div class="flex grow1 justify-flex-end align-flex-center social">
<a href="https://www.instagram.com/belasartesdanca" target="_blank" title="Belas Artes no Instagram!"><i class="fab fa-instagram"></i></a>
<a href="https://www.facebook.com/belasartesdanca" target="_blank" title="Belas Artes no Facebook!"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.youtube.com/belasartesdanca" target="_blank" title="Belas Artes no YouTube!"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="flex flex-row menu-mobile header-container dark">
<div class="flex grow1 justify-flex-start align-flex-center social">
<a href="javascript:;" title="Menu Principal" onclick="menuToggle()"><i class="fas fa-bars"></i></a>
</div>
<div class="flex grow1 justify-flex-end align-flex-center social">
<a href="https://www.instagram.com/belasartesdanca" target="_blank" title="Belas Artes no Instagram!"><i class="fab fa-instagram"></i></a>
<a href="https://www.facebook.com/belasartesdanca" target="_blank" title="Belas Artes no Facebook!"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.youtube.com/belasartesdanca" target="_blank" title="Belas Artes no YouTube!"><i class="fab fa-youtube"></i></a>
</div>
</div>
<!-- MAIN LOGO -->
<div class="flex justify-flex-center grow1 main-logo">
<div class="massage-placeholder-left"></div>
<img src="images/logo-square-white.svg">
<div class="massage-placeholder-right"></div>
</div>
<div class="flex justify-flex-center grow1">
<p style="color:#FFF; text-align: center;">Ballet - Jazz - Contemporâneo - Street Dance - Alongamento <p>
</div>
<div class="flex justify-flex-center grow1">
<a class="btn btn-default" href="/online">Aulas Online</a>
</div>
<div class="instagram-gallery white-block flex justify-flex-center grow1">
<script src="https://apps.elfsight.com/p/platform.js" defer></script>
<div class="elfsight-app-39d9d976-ae15-42d0-bc2d-60391e7b857e"></div>
</div>
<div class="sobre-escola-wrapper flex flex-row">
<div class="h-col-6 col-small">
<div class="content-block">
<h4>SOBRE A ESCOLA</h4>
<h3>Belas Artes Conservatório de Dança</h1>
<div class="flex flex-row">
<div class="col-lg-6 col-small" data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-duration="1500">
<h5>A Dança é para todos</h5>
<p>Acreditamos que que a dança é uma forma livre de expressão dos pensamentos e sentimentos. A dança é para todos!</p>
</div>
<div class="col-lg-6 col-small" data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-duration="1500">
<h5>Nossa missão</h5>
<p>Levar a dança para pessoas de todas as idades, acolher as diferenças e tornar o aprendizado rico.</p>
</div>
<div class="col-lg-6 col-small" data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-duration="1500">
<h5>Queremos ser vistos como</h5>
<p>Um espaço reconhecido por acolher a diversidade e onde o aprendizado na dança é prazeroso. Queremos que você se perca na dança!</p>
</div>
<div class="col-lg-6 col-small" data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-duration="1500">
<h5>Nossos valores</h5>
<p>Pensamos o ensino da dança nas dimensões humanas, vendo os potenciais e limitações de cada pessoa e auxiliando no progresso consistente.</p>
</div>
</div>
</div>
</div>
<div class="h-col-6 hidden-small" style="position:relative">
<div class="bg-content-block"></div>
<div class="container-bg-overlay"></div>
</div>
</div>
<div class="modalidades white-block">
<h3>Modalidades</h3>
<h4>Para todas as idades, iniciante, intermediário e avançado. Venha nos conhecer!</h4>
<div class=" card left flex" style="margin-top:80px" data-aos="fade-down" data-aos-easing="ease-in-sine" data-aos-duration="1500">
<div class="left">
<div class="picture">
<img src="images/ballet.png">
<br/> Ballet Clássico
</div>
</div>
<div class="right">
<ul>
<li><i class="fa fa-check"></i> Trabalha coordenação motora</li>
<li><i class="fa fa-check"></i> Sociabilização</li>
<li><i class="fa fa-check"></i> Disciplina</li>
<li><i class="fa fa-check"></i> Desenvolvimento da memória e concentração</li>
</ul>
</div>
</div>
<div class=" card right flex" data-aos="fade-up" data-aos-easing="ease-in-sine" data-aos-duration="1500">
<div class="left">
<ul>
<li><i class="fa fa-check"></i> Expressão corporal e facial</li>
<li><i class="fa fa-check"></i> Musicalidade</li>
<li><i class="fa fa-check"></i> Autonomia de movimentos</li>
<li><i class="fa fa-check"></i> Improvisação</li>
<li><i class="fa fa-check"></i> Criatividade</li>
</ul>
</div>
<div class="right">
<div class="picture" style="word-break: break-all;">
<img src="images/contemporaneo.png">
<br/> Contemporanêo
</div>
</div>
</div>
<div class=" card left flex" data-aos="fade-down" data-aos-easing="ease-in-sine" data-aos-duration="1500">
<div class="left">
<div class="picture">
<img src="images/jazz.png">
<br/> Jazz
</div>
</div>
<div class="right">
<ul>
<li><i class="fa fa-check"></i> Ritmo e musicalidade</li>
<li><i class="fa fa-check"></i> Melhora auto-estime</li>
<li><i class="fa fa-check"></i> Melhora o condicionamento-físico</li>
<li><i class="fa fa-check"></i> Alto gasto calórico</li>
</ul>
</div>
</div>
<div class=" card right flex" data-aos="fade-up" data-aos-easing="ease-in-sine" data-aos-duration="1500">
<div class="left">
<ul>
<li><i class="fa fa-check"></i> Força e Agilidade</li>
<li><i class="fa fa-check"></i> Sociabilização</li>
<li><i class="fa fa-check"></i> Concentração</li>
<li><i class="fa fa-check"></i> Criatividade</li>
<li><i class="fa fa-check"></i> Melhoria da coordenação motora</li>
</ul>
</div>
<div class="right">
<div class="picture">
<img src="images/street.png">
<br/> Street Dance
</div>
</div>
</div>
<div class=" card left flex" data-aos="fade-up" data-aos-easing="ease-in-sine" data-aos-duration="1500">
<div class="left">
<div class="picture">
<img src="images/pilates.png">
<br/> Alongamento
</div>
</div>
<div class="right">
<ul>
<li><i class="fa fa-check"></i> Postura</li>
<li><i class="fa fa-check"></i> Mobilidade e flexibilidade</li>
<li><i class="fa fa-check"></i> Fortelecimento do abdomen</li>
<li><i class="fa fa-check"></i> Estabilidade da pélvis e ombros </li>
<li><i class="fa fa-check"></i> Melhor distribuição do tônus muscular</li>
</ul>
</div>
</div>
</div>
<div class="passe-livre-wrapper flex flex-row">
<div class="h-col-6 col-small">
<div class="content-block">
<h4>PASSE LIVRE</h4>
<h3>Todas as modalidades pelo preço de uma!</h3>
<div class="flex flex-row">
<div class="col-lg-6 col-small aos-init aos-animate" data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-duration="1500">
<h5>O que é?</h5>
<p>Com o passe livre, o aluno pode cursar todas as modalidades disponíveis no Belas Artes, sem restrição de horários. Havendo vaga na turma o aluno pode participar da aula!</p>
</div>
<div class="col-lg-6 col-small aos-init aos-animate" data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-duration="1500">
<h5>Até fevereiro de 2020.</h5>
<p>Essa promoção é válida até 28/02/2020. Após essa data o passe livre voltará ao preço normal de R$ 229,00.</p>
</div>
</div>
<h4>Aulas Online</h4>
<h3>Ocupe a mente, trabalhe o corpo!</h3>
<div class="flex flex-row">
<div class="col-lg-6 col-small aos-init aos-animate" data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-duration="1500">
<h5>O que é?</h5>
<p>Vamos jogar o baixo astral de lado e cuidar da nossa cabeça e do nosso corpo com aulas de dança online!</p>
</div>
<div class="col-lg-6 col-small aos-init aos-animate" data-aos="fade-right" data-aos-easing="ease-in-sine" data-aos-duration="1500">
<h5>Conforto e Segurança.</h5>
<p>A Belas Artes pensou em você e está oferecendo diveresas modalidades online, para fazer no conforto e segurança da sua casa.</p>
</div>
</div>
<a class="btn btn-default" href="/online">Ver planos e grade horária</a>
</div>
</div>
<div class="h-col-6 hidden-small" style="position:relative">
<div class="bg-content-block"></div>
<div class="container-bg-overlay"></div>
</div>
</div>
<div class="contato white-block flex flex-row">
<div class="h-col-6 col-small">
<div class="">
<h3>Contato</h3>
<h4>Se tiver alguma dúvida ou precisar de alguma informação adicional</h4>
<form id="contato">
<input type="hidden" name="recipient" value="[email protected]"> <!-- Pode ser qualquer endereço de email -->
<input type="hidden" name="redirect" value="https://www.balletbelasartes.com.br#mensagemenviada"> <!-- Após o envio, o usuário será redirecionado para a página configurada aqui -->
<input type="hidden" name="subject" value="Contato - SITE"> <!-- Assunto da mensagem -->
<input type="hidden" name="email" value="[email protected]"> <!-- Deve ser uma conta de email ativa em seu domínio -->
<div class="flex flex-row">
<div class="col-lg-12 col-small">
<label>Seu nome completo</label>
<input type="text" id="nome" name="nome">
</div>
<div class="col-lg-12 col-small">
<label>Seu telefone</label>
<input type="tel" id="telefone" name="telefone">
</div>
<div class="col-lg-12 col-small">
<label>Seu e-mail</label>
<input type="text" name="replyto" id="replyto">
</div>
<div class="col-lg-12 col-small">
<label>Sua mensagem</label>
<textarea id="mensagem" name="comentarios" placeholder="Fique a vontade para perguntar o que quiser ou mandar um recado para nossa equipe. Responderemos com prazer!"></textarea>
</div>
<div class="col-lg-12 col-small">
<button type="button" onclick="sendMail()">Enviar</button>
</div>
</div>
</form>
</div>
</div>
<div class="h-col-6 col-small" style="position:relative">
<div id="map"></div>
<p>Localizado na avenida Parque Águas Claras, no mesmo edificio do Restaurante do Rubinho, da escola de inglês CNA e da escola de lutas Five Rounds.</p>
<p><b>Endereço</b><br/>Av. Parque águas claras QD 301 cj 04 lote 1 sala 102 <br> Águas Claras Norte, Brasília - DF, 71907-000</p>
<p><b>Telefones</b><br/>(61) 98178-7995</p>
<p><b>Funcionamento</b><br/>Segunda a Sexta - 08h até 20h<br/>Sábado - 08h até 12h</p>
<script defer>
// Initialize and add the map
function initMap() {
// The location of Belas Artes
var position = {lat: -15.829854, lng: -48.0125942};
// The map, centered at Belas Artes
var map = new google.maps.Map(
document.getElementById('map'), {zoom: 18, center: position});
//Infowindow
var contentString = '<div id="content">'+
'<img src="https://www.balletbelasartes.com.br/images/logo_small_h.svg">'+
'<div id="bodyContent">'+
'<p>Localizado na avenida Parque Águas Claras, no mesmo edificio do Restaurante do Rubinho, escola de inglês CNA e da escola de lutas Five Rounds.</p>'+
'<p><b>Endereço</b><br/>Av. Parque águas claras QD 301 cj 04 lote 1 sala 102 - Águas Claras Norte, Brasília - DF, 71907-000</p>'+
'<p><b>Telefones</b><br/>(61) 98178-7995</p>'+
'<p><b>Funcionamento</b><br/>Segunda a Sexta - 08h até 20h<br/>Sábado - 08h até 12h</p>'+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
// The marker, positioned at Belas Artes
var marker = new google.maps.Marker({
position: position,
map: map,
icon: 'https://www.balletbelasartes.com.br/images/marker.png'
});
//marker listener
marker.addListener('click', function() {
infowindow.open(map, marker);
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBtqZqIJ0M4MyTvjas3QWfMCn1kgmhB-Os&callback=initMap">
</script>
</div>
</div>
<script src="js/jquery-3.4.1.min.js" type="text/javascript"></script>
<script src="js/aos.js" type="text/javascript"></script>
<script src="js/main.js?v=2"></script>
<script src="js/messages.js"></script>
<script async data-id="26496" src="https://cdn.widgetwhats.com/script.min.js"></script>
<footer>
© 2019 - Todos os Direitos Reservados <br/>
Desenvolvido por <br>
<a href="https://www.widgetsbrasil.com.br" target="_blank" title="WidgetsBrasil"><img src="images/wb-logo_o_.svg" width="30px"></a> </footer>
</footer>
</body>
</htm>