-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
269 lines (210 loc) · 16.1 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
<!DOCTYPE html>
<html lang="pt-br">
<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">
<meta name="author" content="Gustavo Martins Pereira">
<meta name="description" content="Aprenda técnicas de canto com o Curso Quebrando Taças da professora Keila Gruvira. Desenvolva sua voz, alcance notas agudas e surpreenda todos com seu talento musical.">
<meta name="keywords" content="curso de canto, Quebrando Taças, Keila Gruvira, voz aguda, técnicas vocais, música, notas altas, respiração para canto">
<!-- LINK SHARE -->
<!-- DEFAULT -->
<meta property="og:title" content="Quebrando Taças">
<meta property="og:url" content="https://quebrandotacas.com.br">
<meta property="og:description" content="Curso de canto Quebrando Taças">
<meta property="og:image" content="https://quebrandotacas.com.br/assets/images/share-link-preview.jpg">
<meta property="og:locale" content="pt_BR">
<meta property="og:type" content="website" />
<!-- X -->
<meta name="twitter:card" content="https://quebrandotacas.com.br/assets/images/share-link-preview.jpg">
<meta name="twitter:title" content="Quebrando Taças">
<meta name="twitter:description" content="Curso de canto Quebrando Taças">
<meta name="twitter:image" content="https://quebrandotacas.com.br/assets/images/share-link-preview.jpg">
<title>Quebrando Taças</title>
<!-- FAVICON CONFIG -->
<!-- NAVIGATORS -->
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/icons/favicons/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/icons/favicons/favicon-32x32.png">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!-- MOBILE DEVICES -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/icons/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/images/icons/favicons/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="assets/images/icons/favicons/android-chrome-512x512.png">
<!-- MANIFEST -->
<link rel="manifest" href="site.webmanifest">
<!-- CSS IMPORTS -->
<link rel="stylesheet" href="assets/css/reset.css">
<link rel="stylesheet" href="assets/css/normalize.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- HEADER -->
<header class="header">
<div class="header__introduction">
<h1 class="accessibility--hidden-text">Keila Gruvira Concertista</h1>
<picture>
<source class="header__logo" srcset="assets/images/logo-desktop.png" media="(min-width: 1024px)">
<source class="header__logo" srcset="assets/images/logo-tablet.png" media="(min-width: 768px)">
<img class="header__logo" src="assets/images/logo-mobile.png" alt="Logotipo do Quebrando Taças">
</picture>
<p class="header__learn-to">Aprenda a</p>
<ul class="header__list">
<li class="header__item">Dar agudo como os profissionais</li>
<li class="header__item">Cantar como os seus ídolos da música</li>
<li class="header__item">Alcançar notas ainda mais altas sem dor</li>
</ul>
</div>
<img class="header__profile" src="assets/images/keila-01.webp" alt="Foto de perfil da professora Keila sorrindo com uma roupa preta">
</header>
<main>
<!-- WHAT DO YOU WILL LEARN -->
<section class="box learning">
<h2 class="learning__title">O que você aprenderá:</h2>
<ul class="learning__list">
<li class="learning__item"><img src="assets/images/icons/goblet-2.svg" alt=""> Fisiologia da voz: como o som é produzido</li>
<li class="learning__item"><img src="assets/images/icons/goblet-2.svg" alt=""> Respiração: técnica para voz não quebrar</li>
<li class="learning__item"><img src="assets/images/icons/goblet-2.svg" alt=""> Pressão Subglótica: agudos sem esforço</li>
<li class="learning__item"><img src="assets/images/icons/goblet-2.svg" alt=""> Ressonância: agudos brilhantes</li>
<li class="learning__item"><img src="assets/images/icons/goblet-2.svg" alt=""> Verticalidade do som: registros vocais</li>
<li class="learning__item"><img src="assets/images/icons/goblet-2.svg" alt=""> Classificação Vocal: entenda seu tipo de voz</li>
<li class="learning__item"><img src="assets/images/icons/goblet-2.svg" alt=""> Dominando a língua: eliminando voz de taquara rachada</li>
</ul>
</section>
<!-- KNOW EVERY CLASS COURSE -->
<section class="box classes-course">
<div>
<h2 class="classes-course__title">Conheça cada aula do curso</h2>
<p class="classes-course__text">Preparei um curso prático e rápido para resolver definitivamente os seus problemas com as notas agudas.</p>
<p class="classes-course__text">O curso possui 7 aulas com teoria e exercícios além de um material bônus com um verdadeiro passo a passo sobre treinos vocais num PDF esquematizado.</p>
</div>
<ul class="classes-course__list">
<li class="classes-course__item">
<h3 class="classes-course__item__title">Módulo 1: <span class="classes-course__item__title--normal-text">Fisiologia da Voz - Sistemas Respiratório, Fonatório e Articulatório</span></h3>
</li>
<li class="classes-course__item">
<h3 class="classes-course__item__title">Módulo 2: <span class="classes-course__item__title--normal-text">Respiração</span></h3>
</li>
<li class="classes-course__item">
<h3 class="classes-course__item__title">Módulo 3: <span class="classes-course__item__title--normal-text">Pressão Subglótica</span></h3>
</li>
<li class="classes-course__item">
<h3 class="classes-course__item__title">Módulo 4: <span class="classes-course__item__title--normal-text">Ressonância</span></h3>
</li>
<li class="classes-course__item">
<h3 class="classes-course__item__title">Módulo 5: <span class="classes-course__item__title--normal-text">Sistema Articulatório - Língua</span></h3>
</li>
<li class="classes-course__item">
<h3 class="classes-course__item__title">Módulo 6: <span class="classes-course__item__title--normal-text">Planners de Estudo</span></h3>
</li>
</ul>
</section>
<!-- DEPOSITIONS -->
<article class="box depositions">
<h2>Conheça alguns depoimentos de quem conhece a professora</h2>
<section class="depositions__opinions">
<figure class="depositons__opinion">
<img class="depositions__opinion__quote" src="assets/images/icons/quotes.svg" alt="">
<blockquote class="depositons__opinion__text">"Vou falar sobre as aulas que estou fazendo. Amo cantar, mas eu não conseguia respirar. Estou me dedicando a cada dia, agora estou conseguindo segurar mais o meu fôlego, coisa que não conseguia. Sei que é uma etapa de cada vez, pq música, o aprendizado e se não levarmos a sério, não conseguiremos chegar onde queremos chegar. Amo fazer aula com a professora Keila, além de ser ótima, obrigada por tudo!"</blockquote>
<figcaption class="depositions__opinion__author">-Maria Moura</figcaption>
</figure>
<figure class="depositons__opinion">
<img class="depositions__opinion__quote" src="assets/images/icons/quotes.svg" alt="">
<blockquote class="depositons__opinion__text">"Aprendi com a professora Keila a importância da respiração. Com apenas os exercícios iniciais pude perceber que posso cantar. Muito obrigada!"</blockquote>
<figcaption class="depositions__opinion__author">-Giselle Marinho</figcaption>
</figure>
<figure class="depositons__opinion">
<img class="depositions__opinion__quote" src="assets/images/icons/quotes.svg" alt="">
<blockquote class="depositons__opinion__text">"O Programa de Treino para Vozes Agudas, é um curso dinâmico, em que a Profª. MM. Keila Gruvira explica de uma forma didática, muita fácil de entendimento, que atende aos solistas amantes do Canto. Tenho me aperfeiçoado a cada dia, me ajudando na impostação e firmeza da voz, eu super recomendo. Confira!!!"</blockquote>
<figcaption class="depositions__opinion__author">-Lucilene Mendes</figcaption>
</figure>
</section>
</article>
<!-- YOU DID ASK YOURSELF WHY -->
<section class="box ask-yourself">
<div>
<h2 class="ask-yourself__title">Você já se perguntou por que,</h2>
<p class="ask-yourself__text">Apesar de possuírem muito talento, vozes raras e timbres agudos as pessoas sentem dificuldade de cantar notas agudas?</p>
<p class="ask-yourself__text">A resposta para isso é que notas nesta região exigem técnicas vocais específicas muito difíceis para adquirir sozinho da maneira natural sem que alguém te ensine. Sorte sua que eu estou aqui, né! Sua professora de canto que vai te ensinar estas técnicas e impulsionar o seu canto e fazer você impressionar toda a sua família com seus agudos de rachar taças! Não importa o que já te disseram antes, você pode cantar, pois cantar não é dom, é treino!</p>
<p class="ask-yourself__text">O curso foi criado para trilharmos juntos o processo de amadurecimento da sua voz e te dar as ferramentas para cantar como os profissionais. Se você ama cantar e quer aprender mais, clica no botão ao lado e dá seus primeiros passos para se tornar um excelente cantor!</p>
</div>
<div class="ask-yourself__buy-block">
<img class="ask-yourself__buy__image" src="assets/images/keila-02.webp" alt="Foto de perfil da professora Keila sorrindo">
<section class="ask-yourself__buy">
<img class="ask-yourself__buy__logo" src="assets/images/logo-mobile.png" alt="Logotipo do Quebrando Taças">
<ul>
<li class="ask-yourself__item"><img src="assets/images/icons/check.svg" alt=""> Curso completo e atualizações</li>
<li class="ask-yourself__item"><img src="assets/images/icons/check.svg" alt=""> Bônus PDF</li>
<li class="ask-yourself__item"><img src="assets/images/icons/check.svg" alt=""> Acesso vitalício</li>
<li class="ask-yourself__item"><img src="assets/images/icons/check.svg" alt=""> Suporte para dúvidas</li>
</ul>
<p class="ask-yourself__buy__isolated-text">
<span class="ask-yourself__buy__isolated-text--white ask-yourself__buy__isolated-text--margin-bottom">compre o curso por</span>
R$ 89,90
</p>
<a class="button ask-yourself__buy__button" href="https://api.whatsapp.com/send?phone=5521968782883" target="_blank">Compre agora</a>
</section>
</div>
</section>
<!-- BUY -->
<section class="box buy">
<div>
<h2>Grande extensão vocal e um timbre agudo não asseguram agudos belos e potentes</h2>
<p class="buy__text">O que os profissionais não contam sobre sua habilidade vocal é que ela é fruto de muito aprendizado e um somatório de técnicas, as quais ensinarei a você.</p>
</div>
<article>
<img class="buy__image" src="assets/images/person-singing.webp" alt="Ilustração de uma pessoa com um microfone cantando notas agudas">
<a class="button buy__button" href="https://api.whatsapp.com/send?phone=5521968782883" target="_blank">Comprar</a>
</article>
</section>
<!-- BONUS -->
<article class="box bonus">
<img class="tablet bonus__image" src="assets/images/books.webp" alt="Ilustração de alguns livros empilhados">
<div class="bonus__content">
<h2 class="bonus__title">Bônus</h2>
<p class="bonus__text">Leve o bônus do PDF de vocalizes e exercícios (um manual prático com as principais técnicas de canto para executar notas agudas).</p>
<img class="bonus__content__image" src="assets/images/keila-03.webp" alt="Professora Keila fazendo um joinha">
</div>
</article>
<!-- WHO IS KEILA -->
<article class="box who-keila">
<div>
<h2 class="who-keila__title">Quem é Keila Gruvira</h2>
<p class="who-keila__text">Olá! Sou Soprano Lírico especializada em canto clássico com curso em Santiago de Compostela, Espanha.</p>
<p class="who-keila__text">Já me apresentei em vários lugares do Brasil colaborando com a Camerata Orchestra, OSES Orchestra e também em projetos solo cantando trilhas sonoras de filmes, árias de óperas e muito mais em inglês, espanhol, italiano, latim, francês, alemão.</p>
<p class="who-keila__text">Há mais de 20 anos, porém, me dedico a lecionar canto ministrando Workshops e palestras.</p>
</div>
<img class="who-keila__image" src="assets/images/keila-01.webp" alt="Foto de perfil da professora Keila sorrindo com uma roupa preta">
</article>
<!-- FREQUENT QUESTIONS -->
<section class="box questions">
<h2 class="questions__title">Perguntas Frequentes</h2>
<ul class="questions__list">
<li class="questions__item">
<h3 class="questions__item__title">Para quem é o curso?</h3>
<p class="questions__item__text">Para todos os cantores que queiram aprender a cantar notas agudas com mais facilidade, sem sofrimento.</p>
</li>
<li class="questions__item">
<h3 class="questions__item__title">Mesmo que eu não tenha voz aguda vou conseguir cantar notas mais agudas?</h3>
<p class="questions__item__text">Existem várias classificações vocais. Fazendo estes exercícios você terá uma extensão vocal maior dentro da sua classificação vocal.</p>
</li>
<li class="questions__item">
<h3 class="questions__item__title">E se eu não gostar do curso? Posso ter meu dinheiro de volta?</h3>
<p class="questions__item__text">Sim, caso não tenha gostado do curso. Devolvo seu dinheiro de volta até 7 dias.</p>
</li>
<li class="questions__item">
<h3 class="questions__item__title">Quais as formas de pagamento?</h3>
<p class="questions__item__text">Pix, transferência bancária.</p>
</li>
<li class="questions__item">
<h3 class="questions__item__title">Em quanto tempo consigo cantar notas agudas?</h3>
<p class="questions__item__text">Fazendo os exercícios corretamente o resultado é rápido. A musculatura precisa de tempo para responder de forma positiva aos exercícios aqui colocados.</p>
</li>
<li class="questions__item">
<h3 class="questions__item__title">Qual a plataforma do curso?</h3>
<p class="questions__item__text">Google Drive.</p>
</li>
</ul>
</section>
</main>
</body>
</html>