-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
248 lines (214 loc) · 12 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Primary Meta Tags -->
<title>Home - TheSaiyanShop</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Home - TheSaiyanShop" />
<meta name="description"
content="Descubre en nuestra tienda de coaching y suplementos fitness todo lo que necesitas para potenciar tu rendimiento físico y mental. Encuentra desde programas de entrenamiento personalizados hasta una amplia gama de suplementos y herramientas para alcanzar tus objetivos de bienestar y salud. ¡Haz de tu vida activa un camino hacia tu mejor versión!" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://thesaiyan-shop.vercel.app" />
<meta property="og:title" content="Home - TheSaiyanShop" />
<meta property="og:description"
content="Descubre en nuestra tienda de coaching y suplementos fitness todo lo que necesitas para potenciar tu rendimiento físico y mental. Encuentra desde programas de entrenamiento personalizados hasta una amplia gama de suplementos y herramientas para alcanzar tus objetivos de bienestar y salud. ¡Haz de tu vida activa un camino hacia tu mejor versión!" />
<meta property="og:image" content="./img/coachingOnline-banner.jpeg" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://thesaiyan-shop.vercel.app" />
<meta property="twitter:title" content="Home - TheSaiyanShop" />
<meta property="twitter:description"
content="Descubre en nuestra tienda de coaching y suplementos fitness todo lo que necesitas para potenciar tu rendimiento físico y mental. Encuentra desde programas de entrenamiento personalizados hasta una amplia gama de suplementos y herramientas para alcanzar tus objetivos de bienestar y salud. ¡Haz de tu vida activa un camino hacia tu mejor versión!" />
<meta property="twitter:image" content="./img/coachingOnline-banner.jpeg" />
<!-- Meta Tags Generated with https://metatags.io -->
<link rel="icon" type="image/x-icon" href="./img/icons/favicon-gym.png">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="./styles/style.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg bg-black" data-bs-theme="dark">
<div class="container-fluid m-3">
<a class="navbar-brand" href="./index.html">TheSaiyanShop</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarSupportedContent">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./pages/coaching.html">Coaching</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./pages/catalogue.html">Suplementos</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./pages/blog.html">Blog</a>
</li>
<li class="nav-item">
<a href="./pages/cart.html">
<img src="./img/icons/cart.png" alt="Icono carrito">
</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<div class="d-md-none">
<div id="carouselExample" class="carousel slide">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./img/daniel-espalda.jpeg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="./img/daniel-cuerda.jpeg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="./img/daniel-saco.jpeg" class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExample"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExample"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="d-none d-md-block">
<section class="Slides">
<img src="./img/daniel-espalda.jpeg" alt="Imagen del entrenador Daniel Pacheco de espaldas">
<img src="./img/daniel-cuerda.jpeg" alt="Imagen del entrenador Daniel Pacheco con ejercicio de cuerdas">
<img src="./img/daniel-saco.jpeg" alt="Imagen del entrenador Daniel Pacheco">
</section>
</div>
<!-- Barra roja de publicidad -->
<section class="advertising-band">
<div class="container text-center">
<div class="row">
<div class="col ">
<p>Metodo thesaiyan</p>
</div>
<div class="col">
<p>Metodo thesaiyan</p>
</div>
<div class="col">
<p>Metodo thesaiyan</p>
</div>
</div>
</div>
</section>
<!-- Publicacion escrita por entrenador -->
<section class="post">
<img src="./img/banco-coach.png" alt="Imagen del press banca">
<div class="post-text">
<h2>Transformando vidas: Empoderamiento fitness y cambio personal con Daniel The Saiyan</h2>
<p>Mi nombre es Daniel Pacheco más conocido en el mundo fitness como Daniel The Saiyan, hace unos 5 años
empecé a cambiar
mi estilo de vida, me prometí que si en 30 días no lograba realizar algún tipo de ejercicio en el
parque nunca sería
capaz de lograr nada en la vida, 5 años después vivo y amo el mundo fitness, me encanta ayudar a las
personas a ser la
mejor versión de ellos mismos, de que se den cuenta de que sí se puede, se puede mejorar y cambiar,
que nada es
imposible.
<ul>
<li>Tengo 21 años, y hasta la fecha estoy muy agradecido con lo que tengo pero voy por mucho más,
quiero llegar a más
personas, ayudarlos y cambiar sus estilos de vida, brindo asesorías personalizadas y
prensenciales, también vendo
suplementos para que complementen a sus planes de alimentación.</li>
<li>Si estas interesado en ver cambios reales, en mejorar tu composición corporal y darle un cambio
a tu estilo de vida,
abajo estarán las formas de contacto y hablaremos en privado para que juntos llevemos tu proceso
a un nivel muy
diferente, no esperes más y toma acción...
</li>
</ul>
</p>
</div>
</section>
<!-- Testimonios de los clientes -->
<section class="testimonials">
<h2>Testimonios</h2>
<div class="testimonials-container">
<div class="testimonials-img">
</div>
<div class="testimonials-card">
<h3>Camilo Galviz</h3>
<p>"Gracias a Daniel The Saiyan, mi vida dio un giro. En solo meses, su plan personalizado y su
motivación constante transformaron mi físico y mi mentalidad. Perdí peso, gané fuerza y
confianza. Su enfoque va más allá del ejercicio; es un mentor que inspira cambios reales. Hoy,
me siento más saludable y fuerte que nunca ¡Daniel es la clave para alcanzar tu mejor versión en
el fitness!" </p>
</div>
</div>
</section>
<!-- Seccion para contactar el entrenador -->
<section class="contact-us">
<div class="contac-form">
<h2>Contactanos</h2>
<input class="input-long" type="text" placeholder="Nombre">
<input class="input-long" type="email" placeholder="Correo electronico">
<textarea name="textarea" rows="10" cols="50" placeholder="Mensaje"></textarea>
<button class="btn-form">Solicitar información</button>
</div>
<!-- Seccion para contactar o ubicar el gimnasio -->
<div class="find-me">
<h2>Encuentrame aquí</h2>
<ul>
<li>
<a class="btn-name">
<img src="./img/icons/Call.png" alt="Icono de telefono">
</a>
<p>+57 3125052682</p>
</li>
<li>
<a class="btn-email">
<img src="./img/icons/Message.png" alt="Icono de correo electronico">
</a>
<p>[email protected]</p>
</li>
<li>
<a class="btn-location">
<img src="./img/icons/Location.png" alt="Icono de localizacion">
</a>
<p>Av. Los Camellos, Calle 51, Edificio Viavento Conjunto Residencial</p>
</li>
</ul>
<!-- -----------------MAPA--------------------- -->
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3977.4177916405347!2d-75.70211438960415!3d4.5184940954369734!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e38f537b86c72f7%3A0x71b83f90981a6f3b!2sMarvel%20gym!5e0!3m2!1ses!2sco!4v1695607294236!5m2!1ses!2sco"
allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"
class="ifame-map"></iframe>
</div>
</section>
<!-- Seccion para contactar o ubicar el gimnasio -->
</main>
<!-- Footer informativo -->
<footer>
<div class="footer-container">
<h2>TheSaiyanShop</h2>
<p>Daniel Pacheco</p>
<p>Teléfono: +57 3125052682</p>
<p>Av. Los Camellos, Calle 51, Edificio Viavento Conjunto Residencial</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</body>
</html>