-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
144 lines (134 loc) · 6.73 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
<!DOCTYPE html>
<html lang="es">
<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">
<link rel="icon" type="image/x-icon" href="/media/favicon.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<title>La Granja BJJ</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>La Granja BJJ</h1>
<nav>
<div class="acerca-btn">
Acerca
</div>
<div class="horario-btn">
Horario
</div>
<div class="contacto-btn">
Contacto
</div>
</nav>
<div class="hamburger">
<span class="bar"></span><span class="bar"></span><span class="bar"></span>
</div>
</header>
<section class="portada">
<p>"Fundamentos"</p>
</section>
<section class="acerca">
<h2>Jiu Jitsu</h2>
<p>
El Jiu Jitsu o Ju Jutsu, traducido literalmente como “arte suave”, se remonta a la época feudal de Japón.
Creado por la necesidad del guerrero de luchar en batalla al perder un arma o encontrarse a muy corta
distancia de su enemigo, los derribes y luxaciones son fundamentales en su desarrollo y aplicación.
Nuestro estilo, el Gracie Jiu Jitsu, conocido después como Jiu Jitsu Brasilero, se basa en el llamado por
aquella época, el Jiu Jitsu de Kano, ya que fue el maestro Jigoro Kano quien desarrolló un estilo que
favorecía a su delgado y pequeño físico; poniendo énfasis en el aprovechamiento de la fuerza del
contrincante.
Es así que varios alumnos de Kano salieron de Japón a luchar contra otros artistas marciales y deportistas
de combate, para así demostrar que ese nuevo estilo era efectivo.
Uno de ellos fue Mitsuo Maeda, que se ganaba la vida haciendo exhibiciones y combates por Europa y América.
En Brasil, durante una exhibición, fue observado por el hijo de un diplomático brasilero, llamado Carlos
Gracie, de 14 años, quien quedó impresionado con su estilo de lucha, pidiéndole ser su discípulo junto con
un joven llamado Luis Franca (Oswaldo Fadda).
Posteriormente, Carlos les enseñó a sus hermanos menores Osvaldo, Gastao y Jorge, en un principio, y luego
el legendario Helio, quien es considerado el fundador del Jiu Jitsu Brasilero.
</p>
</section>
<section class="horario">
<table>
<thead>
<tr>
<th class="top-left">Martes</th>
<th>Jueves</th>
<th class="top-right">Sábado</th>
</tr>
</thead>
<tbody>
<tr>
<td class="bottom-left">8:30 p. m.</td>
<td>8:30 p. m.</td>
<td class="bottom-right">9:00 a. m.</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th class="top-left">Mensual</th>
<th class="top-right">Por clase</th>
</tr>
</thead>
<tbody>
<tr>
<td>1 mes S/ 140</td>
<td>1 clase S/ 15</td>
</tr>
<tr>
<td class="bottom-left">3 meses S/ 400</td>
<td class="bottom-right">3 clases S/ 40</td>
</tr>
</tbody>
</table>
</section>
<section class="contacto">
<div>
<div class="redes">
<a href="https://www.facebook.com/profile.php?id=100083210468094" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook"
width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none"
stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" />
</svg>
</a>
<a href="https://www.instagram.com/lagranjabjj/" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram"
width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none"
stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<rect x="4" y="4" width="16" height="16" rx="4" />
<circle cx="12" cy="12" r="3" />
<line x1="16.5" y1="7.5" x2="16.5" y2="7.501" />
</svg>
</a>
<a href="https://wa.me/+51987781048" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-whatsapp"
width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none"
stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9" />
<path
d="M9 10a0.5 .5 0 0 0 1 0v-1a0.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a0.5 .5 0 0 0 0 -1h-1a0.5 .5 0 0 0 0 1" />
</svg>
</a>
</div>
<p>Calle Los Zúngaros 344 Urb. Matellini</p>
<p>Chorrillos</p>
</div>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3900.061291643833!2d-77.01224108562606!3d-12.17623044763653!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9105b9d57caf3cdf%3A0x8b7c516a0c7fc231!2sC.%20Zungaros%20344%2C%20Chorrillos%2015064!5e0!3m2!1ses-419!2spe!4v1665129384420!5m2!1ses-419!2spe"
width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade">
</iframe>
</section>
<script src="script.js"></script>
</body>
</html>