-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
181 lines (130 loc) · 9.85 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="SOLO PESAS! - Gimnasio de alto rendimiento. Buenos instrutcores y planes personalizados">
<meta name="keywords" content="gimansio, solo pesas, pesas, batidos de proteina, horarios gimansio, entrenamiento personalizado, tienda, buenas instalaciones, gimnasio montevideo, gimnasio uruguay, gimnasio agraciada, gimnasio en avenida agraciada, gimnasio con buen horario, gimnasio con buenas instalaciones, gimnasio con buen equipo, gimnasio membresia barata, gimnasio con buena membresia, gimnasio con buenos instructores, gimnasio que vendan batidos de proteina">
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
<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:wght@300;400;500&display=swap" rel="stylesheet">
<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:wght@300;400;500&family=Roboto+Mono:wght@700&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="./styles/styles.css">
<title>Inicio | Solo Pesas - Gimnasio</title>
</head>
<body>
<!-- Barra de navegacion -->
<header class="header">
<nav class="nav-bar" id="nav">
<div class="container-home">
<a class="a-home-main" href="./index.html">SOLO PESAS!</a>
</div>
<ul class="ul-index">
<li class="li-style"><a class="a-home" href="./pages/personalizado.html">Entr. Personalizado</a></li>
<li class="li-style"><a class="a-home" href="./pages/tienda.html">Tienda</a></li>
<li class="li-style"><a class="a-home" href="./pages/instalaciones.html">Instalaciones</a></li>
<li class="li-style"><a class="a-home" href="./pages/membresia.html">Membresía</a></li>
</ul>
<div class="dropdown drop-style">
<button class="btn btn-secondary dropdown-toggle drop-btn" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Menu
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="./pages/personalizado.html">Entr. Personalizado</a></li>
<li><a class="dropdown-item" href="./pages/tienda.html">Tienda</a></li>
<li><a class="dropdown-item" href="./pages/instalaciones.html">Instalaciones</a></li>
<li><a class="dropdown-item" href="./pages/membresia.html">Membresía</a></li>
</ul>
</div>
</nav>
</header>
<!-- section 1 con el titulo -->
<section class="section-1" id="top">
<article class="article-1">
<!-- NOMBRE DEL GIMNASIO -->
<h1 class="h1-titulo">SOLO PESAS!</h1>
</article>
</section>
<!-- Descripcion breve y carrusel de boostrap -->
<section class="section-2">
<article class="article-2">
<p class="p-index">Máquinas de última generación, entrenamientos personalizados, tienda y buenas instalaciones</p>
</article>
<!-- Carrusel con fotos -->
<div id="carouselExample" class="carousel slide carrusel-style">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./assets/carrusel-1.jpg" class="d-block w-100 " alt="Imagen de gimnasio con unas maquinas de pesas">
</div>
<div class="carousel-item">
<img src="./assets/carrusel-2.jpg" class="d-block w-100" alt="Imagen de gimnasio con cintas de correr">
</div>
<div class="carousel-item">
<img src="./assets/carrusel-3.jpg" class="d-block w-100 " alt="Imagen de gimnasio con cintas de correr">
</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>
</section>
<!-- Seccion con los horarios -->
<section class="section-3">
<!-- Contenedor de los horarios -->
<article class="article-3">
<h2 class="h2-horarios">HORARIOS</h2>
<ul>
<li class="li-style-index"><span class="span-index">Lunes a Viernes</span> - 09:00 a 22:30 </li>
<li class="li-style-index"><span class="span-index">Sábados</span> - 09:30 a 21:00</li>
</ul>
</article>
<!-- Contenedor de la informacion de contacto -->
<article class="article-4">
<h2 class="h2-contacto">CONTACTO</h2>
<ul>
<li class="li-style-index"><span class="span-index">Tlf:</span> 000555666</li>
<li class="li-style-index"><span class="span-index">E-mail:</span> solopesas@gmail.com</li>
<li class="li-style-index"><span class="span-index">Dirección:</span> Av. Agraciada, 11800 Montevideo, Departamento de Montevideo</li>
</ul>
</article>
</section>
<!-- Footer con redes sociales -->
<footer class="footer">
<!-- Boton para subir hasta arriba y copyright -->
<ul class="ul-footer">
<li><a href="#top"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-arrow-bar-up icon-color-2" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 10a.5.5 0 0 0 .5-.5V3.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 3.707V9.5a.5.5 0 0 0 .5.5zm-7 2.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5z"/>
</svg></a></li>
<li class="p-footer">@Copyright Empresapp Software Development Group 2023</li>
</ul>
<ul class="ul-footer">
<!-- Canal de twitch -->
<li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-twitch icon-color" viewBox="0 0 16 16">
<path d="M3.857 0 1 2.857v10.286h3.429V16l2.857-2.857H9.57L14.714 8V0H3.857zm9.714 7.429-2.285 2.285H9l-2 2v-2H4.429V1.143h9.142v6.286z"/>
<path d="M11.857 3.143h-1.143V6.57h1.143V3.143zm-3.143 0H7.571V6.57h1.143V3.143z"/>
</svg>
</li>
<!-- Canal de youtube -->
<li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-youtube icon-color" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/>
</svg>
</li>
<!-- Cuenta de instagram -->
<li><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-instagram icon-color" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg>
</li>
</ul>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>