-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·333 lines (312 loc) · 15.6 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
<!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="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://kit.fontawesome.com/94ae2e3ca8.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="js/wow.js">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="shortcut icon" type="image/x-icon" href="img/logo-orange.png" />
<title>Sankai Dojo</title>
</head>
<body>
<section id="cover"
style="background:url(img/fondo2.jpeg) no-repeat center fixed; background-size: cover; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;">
<div class="container">
<div class="row">
<nav class="navbar navbar-expand-md fixed-top navbar-light">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#cover"><img src="img/logo-orange.png" alt="BujinkanLogo" id="logo"
class="logo"> <big> Sankai Dojo</big></a>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#cover">INICIO <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#bujinkan-techniques">BUJINKAN</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#team">NOSOTROS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#membership">VALORES</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#footer">CONTACTO</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<div class="row text-center">
<div class="col-sm-12">
<h1 >Dojo de Arte Tradicional Japonés</h1>
</div>
<div class="col-sm-12">
<h2 >SANKAI DOJO</h2>
</div>
</div>
</section>
<section id="bujinkan-history">
<div id="bujikan-masters">
<div class="team-content masters row">
<div class="col-md-4 text-center wow bounceIn" data-wow-duration='2s'>
<div class="team-circle mb-3" style="background: url(img/takamatsu-card.jpeg); background-size: cover;"></div>
<h4>Maestro Toshitsugu Takamatsu</h4>
<h5>高松 寿嗣</h5>
</div>
<div class="col-md-4 text-center wow bounceIn" data-wow-duration='2s'>
<div class="team-circle mb-3" style="background: url(img/logo1.jpeg); background-size: cover;"></div>
<h4>Bujinkan</h4>
<h5>武神館</h5>
</div>
<div class="col-md-4 text-center wow bounceIn" data-wow-duration='2s'>
<div class="team-circle mb-3" style="background: url(img/hatsumi-card.jpeg) center; background-size: cover;">
</div>
<h4>Sôke Maasaki Hatsumi</h4>
<h5>初見良昭</h5>
</div>
</div>
</div>
<div id="bujinkan-techniques">
<hr>
<h3 class="bujinkan-title">BUJINKAN BUDO TAIJUTSU</h3>
<h5 class="bujinkan-description">La Bujinkan es una organización compuesta por 9 escuelas (ryūha) de artes
marciales.</h5>
<h5 class="bujinkan-description">Fue fundada por Masaaki Hatsumi.</h5>
<div class="flip">
<div class="front" style="background-image: url(img/gyokko.jpg)">
<h1 class="text-shadow">Gyokko Ryû</hi>
</div>
<div class="back">
<h1>La Escuela del Tigre Diamante</h1>
<p>Esta escuela es considerada la mas antigua en el sistema Bujinkan, fundada por Tozawa Hakkunsai en el siglo XII.
La especialidad de esta escuela es Kosshijutsu y Shitojutsu, por esto también se la llama “la escuela de derribar al oponente con un dedo”. Esta escuela usa movimientos fuertes, circulares y rápidos, gran distancia en el combate, técnicas con muchos movimientos de agarres y proyecciones.</p>
</div>
</div>
<div class="flip">
<div class="front" style="background-image: url(img/kotoryu.png)">
<h1 class="text-shadow">Koto Ryû</hi>
</div>
<div class="back">
<h1>La Escuela del Tigre Derrotado</h1>
<p>Fundada en el siglo XVI.
Desarrollo paralelo a Gyokko Ryû, aunque su transmisión se hizo por separado. Gyokko incide más en luxaciones y lanzamientos. Las dos escuelas son complementarias.
Esta escuela se destaca por aplicar las técnicas en forma directa y rápida haciendo énfasis en el Koppo jutsu (rompimiento de los huesos). Se utilizan distancias cortas y se utiliza el toki ken (pisar los pies del oponente). Koto ryu usa su propia técnica de Ken jutsu (uso de la espada) y Muto Dori (defensa con manos vacías ante atacantes armados).</p>
</div>
</div>
<div class="flip">
<div class="front" style="background-image: url(img/tagakiyoshin.jpg)">
<h1 class="text-shadow">Takagi Yoshin Ryû</hi>
</div>
<div class="back">
<h1>La Escuela del Alto Arbol y el Corazón Enraizado</h1>
<p>Esta escuela fue organizada por Takagi Oriemon Shigenobu en el siglo XVII.
Las técnicas son rápidas y directas para el combate a distancia corta y se basaban en no dejar que el oponente tenga la posibilidad de rodar y escapar.
Especializada en lanzamientos y luxaciones. Los Kyusho de esta escuela se conocen como "Kirigami Yurushi" y se consideran los fundamentos básicos del estudio de puntos vitales. Principal enseñanza: Una rama es flexible pero un árbol alto se quiebra fácilmente.
</p>
</div>
</div>
<div class="flip">
<div class="front" style="background-image: url(img/shindenfudo.jpg)">
<h1 class="text-shadow">Shinden Fudô Ryû</hi>
</div>
<div class="back">
<h1>La Escuela del Corazón Inmutable</h1>
<p>Esta escuela fue organizada en el siglo XII por Genpachiro Tameyoshi.
El punto esencial de esta escuela es el conocimiento sobre la manera natural de defenderse y moverse. El Taijutsu de esta escuela se basa en el Jutai jutsu (luxaciones, proyecciones y controles) y en el Dakentai justu (técnicas de golpeo).
La escuela usa además de Muto Dori (defensa ante espada) también una variedad de Yari (lanzas) Ôno (hachas de combate), Ô Tsuchi (martillo de batalla) y Naginata (alabarda).
</p>
</div>
</div>
<div class="flip">
<div class="front" style="background-image: url(img/kukishinden.jpg)">
<h1 class="text-shadow">Kukishinden Ryû</hi>
</div>
<div class="back">
<h1>La Escuela de los 9 Dioses Demonios</h1>
<p>Se cree que las raíces de esta escuela están en China, fundada en el siglo XII por el mismo Izumo Kanja Yoshiteru.
Escuela especializada en el combate con armadura (YOROI), también especializada en técnicas con bastón y cadenas.
Los guerreros de Kukishinden Ryu solían usar Yoroi (armaduras de batalla), de ahí vienen los ataques fuertes y directos en ciertos movimientos sin armas.
</p>
</div>
</div>
<div class="flip">
<div class="front" style="background-image: url(img/kosshijutsu.png)">
<h1 class="text-shadow">Gikan Ryû</hi>
</div>
<div class="back">
<h1>La Escuela de la Verdad, Lealtad y Justicia</h1>
<p>El fundador fue Unryu Hangan Gikanbo en el siglo XVI.
Especializada en ataques de puño y piernas a las articulaciones. Esta escuela esta compuesta por cinco niveles de aprendizaje y conocimiento, los cuales son: Shoden Gata, Chuden Gata, Okuden Gata, Kaiden Gata y Menkyo Kaiden. Con excepción del Shoden Gata, muy poco se conoce de estos niveles en Gikan Ryu Koppo justu.
Entre sus técnicas, se incluyen muchas formas especiales de golpear con los pies, con los puños y proyecciones.
</p>
</div>
</div>
<div class="flip">
<div class="front" style="background-image: url(img/togakure.jpg)">
<h1 class="text-shadow">Togakure Ryû</hi>
</div>
<div class="back">
<h1>La Escuela de la Puerta Escondida</h1>
<p>Escuela fundada en el siglo XII por Daisuke Nishina, quien también fue conocido como Daisuke Togakure. Esta es una de las escuelas más antiguas de Ninjutsu. Incluye varias formas de golpear, técnicas de proyecciones y luxaciones. Es conocida por sus posturas muy bajas y amplias y por sus golpes fuertes. Típica escuela de Ninjutsu, con especialidades en táctica y estrategia de combate.</p>
</div>
</div>
<div class="flip">
<div class="front" style="background-image: url(img/kumogakure.png)">
<h1 class="text-shadow">Kumogakure Ryû</hi>
</div>
<div class="back">
<h1>La Escuela Escondida en las Nubes</h1>
<p>Fue fundada en el siglo XVI por Heinaisaemon Ienaga Iga, quien se dice que aprendió su arte de Sarutobi Sasuke, que utilizaba un Kama-yari para saltar de un árbol a otro enganchado sobre las ramas como un mono.
Similar a Togakure ryu. La mayor diferencia es que durante los combates el guerrero de Kumogakure Ryu realizaba saltos a la vez que bloqueaba los ataques de sus oponentes con antebrazos y tibias en donde llevaban refuerzos de metal en formas de planchuelas, (kote y suneate).
</p>
</div>
</div>
<div class="flip">
<div class="front" style="background-image: url(img/gyokushin.png);">
<h1 class="text-shadow">Gyokushin Ryû</hi>
</div>
<div class="back">
<h1>La Escuela del Corazón Indomable</h1>
<p>Se dice que el fundador fue Sasaki Goeman Teruyoshi. Esta escuela es totalmente desconocida para los occidentales, pero se sabe que estaba basada especialmente en Cho Ho (espionaje).
Como una escuela totalmente dedicada a la estrategia, logística y planificación en épocas de guerra, supo mantenerse en secreto de la mamo de la familia Sasaki por 7 generaciones, es sabido que se usaban varias formas de Nage Waza (técnicas de proyecciones), estrategias de combate e infiltración a fortalezas.</p>
</div>
</div>
</div>
</section>
<section id="team">
<hr>
<div class="container">
<hr>
<div class="team-top text-center wow bounceIn">
<h1 class="sankai-title">SANKAI DOJO</h1>
</div>
<div class="team-content sensei row">
<div class="col-md-4 text-center wow bounceIn" data-wow-duration='2s'>
<div class="team-circle mb-3" style="background: url(img/senseiroberto.jpg) center; background-size: cover;">
</div>
<h4>Shihan Roberto Ahumada</h4>
<h5>Sensei Sankai Dojo</h5>
</div>
</div>
</div>
</section>
<section id="nosotros">
<div class="parallax-container">
<div class="parallax" style="background-image: url(img/nosotros.jpeg);"></div>
</div>
</section>
<section id="membership">
<div id="listifyContainer" class="row">
<div class="listify col">
<ul class="list w-list-unstyled">
<li class="list-item title top">
<div class="list-item-inner w-inline-block">
<div class="list-item-text"><span style="color:whitesmoke !important;font-weight:bold;">Sólo 1 día a la
semana</span></div>
</div>
</li>
<li class="list-item price top ">
<div class="list-item-inner w-inline-block">
<div class="list-item-text"><span><strong>$20.000 mensual</strong></span></div>
</div>
</li>
</ul>
</div>
<div class="listify col">
<ul class="list w-list-unstyled">
<li class="list-item top title">
<div class="list-item-inner w-inline-block">
<div class="list-item-text"><span style="color:#118165;font-weight:bold;">2 días a la semana</span></div>
</div>
</li>
<li class="list-item top price">
<div style="background: rgba(21, 112, 82, 1.00);" class="list-item-inner w-inline-block">
<div class="list-item-text"><span id="stacks_in_520_page0"><strong>$25.000 mensual</strong></span></div>
</div>
</li>
</ul>
</div>
<div class="listify col">
<ul class="list w-list-unstyled">
<li class="list-item top title">
<div class="list-item-inner w-inline-block">
<div class="list-item-text"><span style="color:goldenrod;font-weight:bold;">3 días a la semana</span>
</div>
</div>
</li>
<li class="list-item top price">
<div style="background:goldenrod;" class="list-item-inner w-inline-block">
<div class="list-item-text"><span id="stacks_in_564_page0"><strong>$30.000 mensual</strong></span></div>
</div>
</li>
</ul>
</div>
</div>
</section>
<section id="footer">
<footer class="footer py-4 text-white container-fluid">
<div class="container">
<div class="team-content">
<div class="row">
<div class="col-md-4 text-center wow bounceIn" data-wow-duration='2s'>
<h4>Horario</h4>
<ul class="social-icons">
<li class="social-icon">
<i class="far fa-calendar-alt fa-2x"></i>
</li>
</ul>
<div>
<h6><b>Martes: </b>19:00 - 20:30</h6>
</div>
<div>
<h6><b>Jueves: </b>19:00 - 20:30</h6>
</div>
<div>
<h6><b>Sábado: </b>16:30 - 18:00</h6>
</div>
</div>
<div class="col-md-4 text-center wow bounceIn" data-wow-duration='2s'>
<a href="https://www.instagram.com/sankaidojochile/"><img class="rounded-circle sankai"
src="img/sankai.jpeg" alt="sankai"></a>
<ul class="social-icons" style="padding-bottom: 0px !important;">
<li class="social-icon">
<i class="fa fa-instagram fa-2x"></i>
</li>
</ul>
<h3>@SANKAIDOJOCHILE</h3>
</div>
<div class="col-md-4 text-center wow bounceIn" data-wow-duration='2s'>
<h4>Dirección</h4>
<ul class="social-icons">
<li class="social-icon">
<i class="fas fa-map-marked-alt fa-2x"></i>
</li>
</ul>
<h6>Av. Manuel Antonio Matta 1474, Santiago, Región Metropolitana</h6>
</div>
</div>
</div>
</div>
</footer>
</section>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/main.js"></script>
<script src="js/wow.js"></script>
<script>
new WOW().init();
</script>
</body>
</html>