-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
382 lines (327 loc) · 18.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
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
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link
href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Pangolin&display=swap" rel="stylesheet">
<title>Acadêmia Mundo Novo</title>
<!--
TemplateMo 548 Training Studio
https://templatemo.com/tm-548-training-studio
-->
<!-- Additional CSS Files -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.css">
<link rel="stylesheet" href="assets/css/home.css">
</head>
<body>
<!-- ***** Preloader Start ***** -->
<div id="js-preloader" class="js-preloader">
<div class="preloader-inner">
<span class="dot"></span>
<div class="dots">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<!-- ***** Preloader End ***** -->
<!-- ***** Header Area Start ***** -->
<header class="header-area header-sticky">
<div class="container">
<div class="row">
<div class="col-12">
<nav class="main-nav">
<!-- ***** Logo Start ***** -->
<a href="index.html" class="logo">Acadêmia<em> Mundo Novo</em></a>
<!-- ***** Logo End ***** -->
<!-- ***** Menu Start ***** -->
<ul class="nav">
<li class="scroll-to-section"><a href="#top" class="active">Home</a></li>
<li class="scroll-to-section"><a href="#features">Quem Somos?</a></li>
<li class="scroll-to-section"><a href="#our-classes">Turmas</a></li>
<li class="scroll-to-section"><a href="/Login/login.html">Login</a></li>
</ul>
<a class='menu-trigger'>
<span>Menu</span>
</a>
<!-- ***** Menu End ***** -->
</nav>
</div>
</div>
</div>
</header>
<!-- ***** Header Area End ***** -->
<!-- ***** Main Banner Area Start ***** -->
<div class="main-banner" id="top">
<video autoplay muted loop id="bg-video">
<source src="assets/images/gym-video.mp4" type="video/mp4" />
</video>
<div class="video-overlay header-text">
<div class="caption">
<h6>Treine Duro</h6>
<h2>ACADÊMIA <em>NOVO MUNDO</em></h2>
<div class="main-button scroll-to-section">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"
data-whatever="">Torne-se um Membro</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Torne-se Cliente:</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="recipient-name" class="col-form-label">Nome:</label>
<input type="text" class="form-control" id="recipient-name">
</div>
<div class="form-group">
<label for="recipient-email" class="col-form-label">Email:</label>
<input type="text" class="form-control" id="recipient-email">
</div>
<div class="form-group">
<label for="recipient-tel" class="col-form-label">Telefone:</label>
<input type="text" class="form-control" id="recipient-tel">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
<button type="button" class="btn btn-primary">Enviar Mensagem</button>
</div>
</div>
</div>
</div>
<!-- ***** Main Banner Area End ***** -->
<!-- ***** Features Item Start ***** -->
<section class="section" id="features">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3">
<div class="section-heading">
<h2>TREINA<em>MENTOS</em></h2>
<img src="assets/images/line-dec.png" alt="waves">
<p>Tipos de Treinamentos</p>
</div>
</div>
<div class="col-lg-6">
<ul class="features-items">
<li class="feature-item">
<div class="left-icon">
<img src="assets/images/gym1.png" alt="First One">
</div>
<div class="right-content">
<h3 class="titTreino">HIPERTROFIA MUSCULAR</h3>
<p class='treino'>Se você é daquelas que gosta do corpo estilo “Panicat”, com a perna
grossa e definida, esse é seu tipo de musculação ideal. </p>
</div>
</li>
<li class="feature-item">
<div class="left-icon">
<img src="assets/images/gym2.png" alt="second one">
</div>
<div class="right-content">
<h3>RESISTÊNCIA MUSCULAR</h3>
<p class='treino'>A resistência muscular se trata do tempo em que o indivíduo consegue manter a força
máxima de um determinado músculo.</p>
</div>
</li>
<li class="feature-item">
<div class="left-icon">
<img src="assets/images/gym3.png" alt="third gym training">
</div>
<div class="right-content">
<h3>POTÊNCIA MUSCULAR</h3>
<p class='treino'>Esse tipo de musculação está relacionado à velocidade e à força exercida. Quanto
maior for a velocidade e a força, melhor será a potência gerada pelo músculo.</p>
</div>
</li>
</ul>
</div>
<div class="col-lg-6">
<ul class="features-items">
<li class="feature-item">
<div class="left-icon">
<img src="assets/images/gym4.png" alt="fourth muscle">
</div>
<div class="right-content">
<h3>FORÇA MUSCULAR</h3>
<p class='treino'>A força muscular corresponde à capacidade de exercer força máxima em um determinado
movimento. </p>
</div>
</li>
<li class="feature-item">
<div class="left-icon">
<img src="assets/images/gym5.png" alt="training fifth">
</div>
<div class="right-content">
<h3>HIT</h3>
<p class='treino' >Exercícios de alta intensidade (HIT) estão entre os mais difíceis treinos do tipo
hipertrofia. </p>
</div>
</li>
<li class="feature-item">
<div class="left-icon">
<img src="assets/images/gym6.png" alt="training fifth">
</div>
<div class="right-content">
<h3>Esteira</h3>
<p class ='treino'>Esteira é um aparelho eletromecânico para exercícios físicos muito comum em ginásios
com o objetivo de propiciar a possibilidade de simular uma caminhada ou corrida</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- ***** Features Item End ***** -->
<!-- ***** Our Classes Start ***** -->
<section class="section" id="our-classes">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3">
<div class="section-heading">
<h2>Nossas <em>Aulas</em></h2>
<img src="assets/images/line-dec.png" alt="">
<p>Veja aulas especificas e marque com os personal trainings direto do nosso sistema</p>
</div>
</div>
</div>
<div class="row" id="tabs">
<div class="col-lg-4">
<ul>
<li>
<a href='#tabs-1'><img src="assets/images/tabs-first-icon.png" alt="">Pernas</a>
</li>
<li>
<a href='#tabs-2'><img src="assets/images/tabs-first-icon.png" alt="">Empurrar</a>
</a>
</li>
<li>
<a href='#tabs-3'><img src="assets/images/tabs-first-icon.png" alt="">Puxar</a>
</a>
</li>
</ul>
</div>
<div class="col-lg-8">
<section class='tabs-content'>
<article id='tabs-1'>
<img src="assets/images/training-image-01.jpg" alt="First Class">
<h4>Pernas</h4>
<p class='aulas'>A escolha das Pernas como treino A é tão importante quanto ter uma boa alimentação e
fazer suplementação.
<br />
Isso porque treinar pernas da forma correta e com os exercícios certos é a melhor forma
de gerar demanda energética para o corpo, o que vai aumentar a produção hormonal
anabólica e a consequente hipertrofia do seu corpo.
<br />
<h5>Treino A</h5>
<br />
<b>Agachamento 5 X 8-10 reps – Intervalo 45” a 1’<br /> Leg Press 4 X 8-10 reps – Intervalo
45” a 1’<br /> Extensora 3 X 8-10 reps – Intervalo 45” a 1’<br /> Stiff 4 X 8-10 reps –
Intervalo 45” a 1’<br /> Mesa
flexora 3 X 8-10 reps – Intervalo 45” a 1’<br /> Extensora lombar 3 X 8-10 reps –
Intervalo 45” a 1’<br /> Panturrilha 4 X 8-10 reps – Intervalo 45” a 1’<br /></b>
<div class="main-button">
<a href="/Login/login.html">Marque seu Treinamento</a>
</div>
</article>
<article id='tabs-2'>
<img src="assets/images/training-image-02.jpg" alt="Second Training">
<h4>Empurrar</h4>
<p>Os músculos envolvidos no treino B fazem basicamente movimentos de empurrar, por isso
levam esse nome. São eles: Peitoral, Ombro e Tríceps
No caso do treino B, o personal Fabio Pasetto sugere agrupar peito, ombro e tríceps –
existe aí uma carga grande em ombro e tríceps, pois ambos são sinérgicos ao peitoral.
“A ideia é justamente gerar uma alta tensão para poder então repousar 72 horas para o
novo estímulo. Caso a proposta fosse de menos tempo de descanso, poderíamos fazer uma
divisão diferente”, disse.
A escolha dos exercícios e o número de séries é essencial para essa divisão, repare na
prescrição abaixo:
<b><br />
<h5>Treino B</h5>
<br />
Supino – 5 X 8-10 reps – Intervalo 45” a 1’ <br />
Supino inclinado halteres – 4 X 8-10 reps – Intervalo 45” a 1’<br />
Peck deck fly – 3 X 8-10 reps – Intervalo 45” a 1’<br />
Desenvolvimento – 4 X 8-10 reps – Intervalo 45” a 1’<br />
Elevação lateral – 3 X 8-10 reps – Intervalo 45” a 1’<br />
Mergulho – 4 X 8-10 reps – Intervalo 45” a 1’<br />
Tríceps corda – 3 X 8-10 reps – Intervalo 45” a 1’<br /></p></b>
<div class="main-button">
<a href="/Login/login.html">Marque seu Treinamento</a>
</div>
</article>
<article id='tabs-3'>
<img src="assets/images/training-image-03.jpg" alt="Third Class">
<h4>Puxar</h4>
<p>Dorsal, bíceps e abdômen são o foco no treino C.
Mantendo os princípios do treino B em relação ao volume e intensidade, os dorsais devem
realizar 12 séries, bíceps e abdômen 6 séries.
Os exercícios para dorsais trabalham também o ombro, mas como tudo por aqui foi bem
pensado, no treino B não existe sobrecargas para o deltoide posterior, portanto o
trabalho mais intenso de deltoide posterior entra no treino C.
<b><br />
<h5>Treino C</h5>
<br />
Barra fixa ou graviton 5 X 8-10 reps – Intervalo 45” a 1’<br />
Remada baixa no triângulo 4 X 8-10 reps – Intervalo 45” a 1’<br />
Puxada alta 3 X 8-10 reps – Intervalo 45” a 1’<br />
Rosca alternada 4 X 8-10 reps – Intervalo 45” a 1’<br />
Rosca direta no cabo 3 X 8-10 reps – Intervalo 45” a 1’<br />
Abdominal crunch máquina 3 X 8-10 reps – Intervalo 45” a 1’<br />
Abdominal oblíquo máquina 3 X 8-10 reps – Intervalo 45” a 1’<br />
</b></p>
<div class="main-button">
<a href="/Login/login.html">Marque seu Treinamento</a>
</div>
</article>
</section>
</div>
</div>
</div>
</section>
<!-- ***** Our Classes End ***** -->
<!-- ***** Footer Start ***** -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-12">
<p>Acadêmia Mundo Novo <b>Todos os direitos Reservados</b></p>
<!-- You shall support us a little via PayPal to [email protected] -->
</div>
</div>
</div>
</footer>
<!-- jQuery -->
<script src="assets/js/jquery-2.1.0.min.js"></script>
<!-- Bootstrap -->
<script src="assets/js/popper.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- Plugins -->
<script src="assets/js/scrollreveal.min.js"></script>
<script src="assets/js/waypoints.min.js"></script>
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/imgfix.min.js"></script>
<script src="assets/js/mixitup.js"></script>
<script src="assets/js/accordions.js"></script>
<!-- Global Init -->
<script src="assets/js/custom.js"></script>
</body>
</html>