-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
208 lines (196 loc) · 9.53 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Gimnasio Oeste</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="Gimnasio Oeste, ofrece sus servicios al público en general, como Fitnes, aeróbic, clases de baile, deportes de combate. Aparatos/maquinas de última generación y mucho más...">
<meta name="author" content="luis carrión">
<link href="css/normalize.css" rel="stylesheet"/>
<link rel="stylesheet" href="css/fontello.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700" rel="stylesheet">
<link href="css/style.css" rel="stylesheet"/>
</head>
<body>
<!--====== main menu ======-->
<nav class="top-nav">
<div class="container">
<span class="menu-btn icon-menu"></span>
<div class="menu">
<ul>
<li><a data-scroll href="#start">Inicio</a></li>
<li><a data-scroll href="#class">Clases</a></li>
<li><a data-scroll href="#services">Servicios</a></li>
<li><a data-scroll href="#programs">Programa</a></li>
<li><a data-scroll href="#contact">Contacto</a></li>
</ul>
</div>
</div>
</nav>
<!--====== main header ======-->
<header class="main-header" id="start">
<div class="container clearfix">
<div class="clearfix">
<h1 class="logo">GIMNASIO OESTE</h1>
<div class="icon-social">
<a href="#"><i class="icon-instagram"></i></a>
<a href="#"><i class="icon-facebook"></i></a>
<a href="#"><i class="icon-twitter"></i></a>
</div>
</div>
<div class="intro-header">
<p class="intro-title">Elija <br> su físico <span class="line-bottom"> deseado</span></p>
<p>La motivación es lo que te hace comenzar. <br> <span class="color-subtitle"> El hábito es lo que te mantiene en movimiento.</span></p>
<a class="btn" href="#today">Leer más</a>
</div>
</div>
</header>
<!--====== class ======-->
<main>
<section id="today">
<header>
<h2 class="title-main">Empieza a entrenar hoy</h2>
</header>
<article class="title-section container" id="class">
<header>
<h2> <span class="line-bottom">Nuestras</span> Clases</h2>
</header>
<p>Gimnasio Oeste les ofrece clases de pilates, baile, fitness y deportes de combates. Elija una o varias de ellas.</p>
</article>
<article class="section-content container clearfix">
<figure class="column-width"> <img src="img/pilates.jpg" alt="pilates"></figure>
<section class="column-width">
<header><h2 class="section-content__title">Pilates y clases de baile</h2></header>
<p>Pilates se basa en el desarrollo de los músculos internos para mantener el equilibrio corporal y dar estabilidad y firmeza a la columna vertebral, por lo que es muy usado como terapia en rehabilitación para prevenir y curar el dolor de espalda. <br><br>
Clases de baile de zumba, latino, aeróbico, estas actividades trabajan la fuerza, flexibilidad, resistencia y coordinación a través de coreografías. </p>
</section>
</article>
<article class="section-content container clearfix">
<figure class="class-fitnes"> <img src="img/fitnes-gimnasio-oeste.jpg" alt="fitness"></figure>
<section class="column-width">
<header><h2 class="section-content__title">Fitness</h2></header>
<p>¿Quieres mejorar tu físico, aumentar tu masa muscular?
La musculación es una disciplina muy compleja, requiere tiempo, dedicación y esfuerzo. <br> <br>En la actualidad, la práctica de la musculación es uno de los recursos más utilizados por todo tipo de personas ya sea para mejorar su físico, ganar masa muscular, adelgazar o simplemente como complemento para todo tipo de deportes.</p>
</section>
</article>
<article class="section-content container clearfix">
<figure class="column-width"> <img src="img/boxeo.jpg" alt="pilates"></figure>
<section class="column-width">
<header><h2 class="section-content__title">Boxeo y Taekwondo</h2></header>
<p>¿Deseas aprender algun deporte de combate? <br>
Un deporte de combate es un deporte competitivo de contacto donde dos combatientes luchan el uno contra el otro usando ciertas reglas de contacto, aprenderas defensa personal y conocerás las reglas. <br><br> Contamos con una amplia variedad de deportes de combate: taekwondo, boxeo, kick boxing. </p>
</section>
</article>
</section>
<!--====== services ======-->
<section class="services" id="services">
<div class="title-section container clearfix">
<header><h2 >Nuestr<span class="line-bottom">os Ser</span>vicios</h2></header>
<p>Contamos con una variedad de máquinas/aparatos para gimnasio y deportes de combates, esto son solo algunos de ellos. </p>
<div>
<div class="services-column">
<figure><img src="img/ico-service1.png" alt="icono"></figure>
<header><h2>Mancuernas</h2></header>
<p>Variedad de mancuernas de metal, con agarre de goma. </p>
</div>
<div class="services-column">
<figure><img src="img/ico-service2.png" alt="icono"></figure>
<header><h2>Elípticos</h2></header>
<p>Bicicletas fijas, elípticos, spinning, de diferente niveles. </p>
</div>
<div class="services-column">
<figure><img src="img/ico-service3.png" alt="icono"></figure>
<header><h2>Barras</h2></header>
<p>Barras, discos, olímpicos para un entrenamiento fuerte. </p>
</div>
<div class="services-column">
<figure><img src="img/ico-service4.png" alt="icono"></figure>
<header><h2>Boxeo</h2></header>
<p>Entrenamiento para una defensa óptima.</p>
</div>
<div class="services-column">
<figure><img src="img/ico-service5.png" alt="icono"></figure>
<header><h2>Caminadoras</h2></header>
<p>Con lo ultimo en tecnología, será un placer usarlas.</p>
</div>
<div class="services-column">
<figure><img src="img/ico-service6.png" alt="icono"></figure>
<header><h2>Proteinas</h2></header>
<p>Contamos con stock de variadas marcas internacionales. </p>
</div>
</div>
</div>
</section>
<!--====== back-ground ======-->
<section class="back-ground">
<header class="container">
<h2 >Elije a los mejores entrenadores para ti</h2>
</header>
</section>
<!--====== programs ======-->
<section class="programs" id="programs">
<div class="container clearfix">
<article class="title-section">
<header><h2>Nuestros <span class="line-bottom">Programas</span></h2></header>
<p>Los trainers de "Gimnasio Oeste" le proporcionarán un diseño de programa personalizado, para ayudarlo a comenzar su viaje de acondicionamiento físico o llevarlo al siguiente nivel, aconpañandolo en sus desafíos.</p>
</article>
<article class="column-width section-content">
<figure><img src="img/gimansio-oeste-entrenamiento.jpg" alt="training"></figure>
<header><h2 class="section-content__title">Entrenamiento Individual</h2></header>
<p>Aprenderas las bases de como usar los aparatos y seguir tu programa para tu entrenamiento por un trainer, que te guiara en tu entrenamiento hasta que te desenvuelvas. </p>
</article>
<article class="column-width section-content">
<figure><img src="img/gimnasio-oeste-trainer.jpg" alt="training"></figure>
<header><h2 class="section-content__title">Entrenamiento con un trainer</h2></header>
<p>Estaras acompañado durante toda tu sesión de entrenamiento por un trainer, que estará a tu lado en todo momento, guiandote, apoyandote y controlando tu programa.</p>
</article>
</div>
</section>
<!--====== horary ======-->
<section class="horary">
<header class="title-section"><h2><span class="line-bottom">Horarios</span></h2></header>
<div>
<p>Lunes - Viernes: 8: 00 AM - 10:00 PM</p>
<p>Sabados: 8: 00 AM - 1:00 PM</p>
</div>
</section>
<!--====== contact ======-->
<section class="contact clearfix" id="contact">
<div class="container">
<article class="title-section">
<header><h2><span class="line-bottom">Contacto</span></h2></header>
<p>Contactenos para obtener más información, resolveremos sus dudas en el menos tiempo posible.</p>
</article>
<div>
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d6565.119579667875!2d-58.70108239940882!3d-34.64056314806992!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bcbfa438b9ea9b%3A0x9107ff264308e9ba!2sCnel.+Pringles+1901%2C+B1714BHW+Ituzaing%C3%B3%2C+Buenos+Aires%2C+Argentina!5e0!3m2!1ses-419!2sus!4v1550713404824" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<div class="address">
<header><h2 class="section-content__title">Dirección</h2></header>
<address>
<p>Coronel Pringles 3059</p>
<p>ituzaingo - Buenos Aires</p>
<p>(011) 4481 - 6925</p>
<p>15 5652 - 8056</p>
<p>[email protected]</p>
<p>www.gimnasiooeste.com</p>
</address>
</div>
</div>
</div>
</section>
</main>
<!--====== footer ======-->
<footer>
<div class="container">
Gimnasio Oeste © Todos los Derechos Reservados | Diseñado con<i class="icon-heart-empty"></i> por <a class="text-color" href="http://www.chennzys.com/" target="_blank">chennzys.com</a>
</div>
</footer>
<!--[if lt IE 10]>
<script src="js/ie9.js"></script>
< ![endif]-->
<script src="js/smooth-scroll.js"></script>
<script src="js/index.js"></script>
</body>
</html>