-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
273 lines (267 loc) · 15.8 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" type="image/x-icon" href="./assets/images/3734orangelogo4.ico"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css">
<link rel="stylesheet" href="./assets/CSS/style.css" />
<script type = "module" src = "https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js" > </script>
<script nomodule src = "https://unpkg .com/[email protected]/dist/ionicons/ionicons.js" > </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js" integrity="sha512-MFh2A0N4PWOQU5RVO5iWRE3Lxy2kpxC9FhY6NWeMz7Cg6CJZKGMxcK1MFgVs0lKj3do6XMTtekmEJ/j8n5NVrA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<title>Orange Fitness - Home</title>
</head>
<body>
<nav>
<div class= "overlay" id="myNav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<div class="linkPrimarary">
<a href="tel:0800 6060 415" class="linkPrimarary-tel">TELEVENDAS 0800 6060 415</a>
<a href="./assets/pages/blog.html" rel="noopener noreferrer">Blog</a>
<a href="./assets/pages/depoimentos.html" rel="noopener noreferrer">Depoimentos</a>
<a href="./assets/pages/contato.html" rel="noopener noreferrer">Contato</a>
</div>
<div class="linkSecundary">
<div class="logo">
<a href="./index.html" rel="noopener noreferrer">
<img src="./assets/images/orangelogozero.png" alt="logo tipo da orange academia">
</a>
</div>
<div class="search-box">
<a href="http://" target="_blank" rel="noopener noreferrer" hidden></a>
<input type="search" class="search-text" placeholder="Pesquisar..." >
<div class="list">
</div>
<div class="icon">
<ion-icon name="search-outline"></ion-icon>
</div>
</div>
<div class="linkSecundary-button">
<div class="linkSecundary-button-img">
<img src="./assets/images/entrar-avatar.png" alt="login-user-name">
</div>
<div class="linkSecundary-button-menu">
<h3>Bem-vindo</h3>
<div class="linkSecundary-button-login">
<a href="./assets/pages/loginMembros.html" title="Entre">Entre</a>
ou
<a href="./assets/pages/loginMembros.html" title="Cadastre-se">Cadastre-se</a>
</div>
</div>
<div class="linkSecundary-button-menu">
<a href="./assets/pages/carrinho.html" rel="noopener noreferrer">
<img src="./assets/images/carrinho-de-compra.png" alt="carinho de compra do site">
</a>
</div>
</div>
</div>
<div class="menuLinks overlay-content">
<a href="./assets/pages/sobre.html">Quem Somos</a></li>
<a href="./assets/pages/galeria.html">Galeria</a></li>
<a href="./assets/pages/programas.html">Programas de Treinamento</a>
<a href="./assets/pages/faq.html" rel="noopener noreferrer">Perguntas Frequentes</a>
</div>
</div>
<button class="nav-button" onclick="openNav()" title="botão de menu">
<i class="fa-solid fa-bars fa-2x"></i>
</button>
</nav>
<header>
<div class="slider">
<div class="slide">
<img src="./assets/images/carrosel 1.jpg" alt="sala de musculação da academia" class="slide__background-image">
<div class="slide__copy">
<h1>Sejam todos bem-vindos à Orange Fitness!</h1>
<h2 class="slide__copy-sub1">Nossas instalações</h2>
<h6>A <strong>Orange Fitness</strong> é o lugar perfeito para alcançar seus objetivos de condicionamento físico.</h6>
<h6>Oferecemos uma ampla gama de programas de treinamento, instrutores experientes e instalações de última geração.</h6>
</div>
</div>
<div class="slide">
<img src="./assets/images/carroseel 2.jpg" alt="sala das esteira eletricas da academia" class="slide__background-image">
<div class="slide__copy">
<h1>Sejam todos bem-vindos à Orange Fitness!</h1>
<h2 >Nossas instalações</h2>
<h6>A <strong>Orange Fitness</strong> é o lugar perfeito para alcançar seus objetivos de condicionamento físico.</h6>
<h6>Oferecemos uma ampla gama de programas de treinamento, instrutores experientes e instalações de última geração.</h6>
</div>
</div>
<div class="slide">
<img src="./assets/images/carrosel 3.jpg" alt="Sala das biciclestas elçetricas da academia" class="slide__background-image">
<div class="slide__copy">
<h1 class="slide__copy-3">Sejam todos bem-vindos à Orange Fitness!</h1>
<h2>Nossas instalações</h2>
<h6>A <strong>Orange Fitness</strong> é o lugar perfeito para alcançar seus objetivos de condicionamento físico.</h6>
<h6>Oferecemos uma ampla gama de programas de treinamento, instrutores experientes e instalações de última geração.</h6>
</div>
</div>
<div class="slide">
<img src="./assets/images/carrosel 5.jpg" alt="sala de exercicios livres da academia" class="slide__background-image">
<div class="slide__copy">
<h1 class="slide__copy-4">Sejam todos bem-vindos à Orange Fitness!</h1>
<h2>Nossas instalações</h2>
<h6>A <strong>Orange Fitness</strong> é o lugar perfeito para alcançar seus objetivos de condicionamento físico.</h6>
<h6>Oferecemos uma ampla gama de programas de treinamento, instrutores experientes e instalações de última geração.</h6>
</div>
</div>
<div class="slide">
<img src="./assets/images/carosel 4.jpg" alt="Areas interna da academia" class="slide__background-image">
<div class="slide__copy">
<h1 class="slide__copy-5">Sejam todos bem-vindos à Orange Fitness!</h1>
<h2 class="slide__copy-sub5">Nossas instalações</h2>
<h6>A <strong>Orange Fitness</strong> é o lugar perfeito para alcançar seus objetivos de condicionamento físico.</h6>
<h6>Oferecemos uma ampla gama de programas de treinamento, instrutores experientes e instalações de última geração.</h6>
</div>
</div>
</div>
</header>
<main>
<section class="hours">
<a href="./assets/pages/membros.html">
<img src="./assets/images/agendar horario.jpg" alt="imagem de agende seu horario" class="hours__image">
</a>
<div class="hours__copy">
<h2>Horário de Funcionamento</h2>
<p>Segunda a Sexta: 6h - 22h</p>
<p >Sábado: 8h - 18h</p>
<p>Domingo: Fechado</p>
</div>
</section>
<section class="maps">
<iframe frameborder="0" src="https://www.google.com/maps/embed/v1/place?q=Rua+Benjamin+Constant,+960+-+Centro,+Santa+Maria+-+RS,+Brasil&key=AIzaSyBFw0Qbyq9zTFTd-tUY6dZWTgaQzuU17R8" title="mapa de localização da academia">
</iframe>
</section>
</main>
<footer class="footer">
<section>
<img src="./assets/images/4.png" alt="logotipo da academia" class="footerLogo" />
</section>
<section>
<h2 class="footerTitler">Siga a Orange Fitness</h2>
<ul class="footerSocial">
<li>
<a
href="https://www.facebook.com/orangefitness"
target="_blank"
rel="noopener noreferrer"
>
<svg
xmlns="http://www.w3.org/2000/svg"
aria-label="Facebook"
width="35"
height="34"
viewBox="0 0 35 34"
fill="none"
>
<path
d="M17.4473 0C8.12434 0 0.557861 7.56648 0.557861 16.8895C0.557861 26.2124 8.12434 33.7789 17.4473 33.7789C26.7703 33.7789 34.3368 26.2124 34.3368 16.8895C34.3368 7.56648 26.7703 0 17.4473 0ZM21.6359 11.62H19.4741C18.866 11.62 18.4607 12.0929 18.4607 12.7684V13.7142H21.5684L21.0955 16.8895H18.4607V25.3342H15.2855V16.8895H13.1912V13.7142H15.2855V12.0929C15.353 10.2688 15.9611 8.51229 19.0687 8.37717H21.6359V11.62Z"
fill="white"
></path>
</svg>
</a>
</li>
<li>
<a
href="https://www.instagram.comorangefitness"
target="_blank"
rel="noopener noreferrer"
>
<svg
xmlns="http://www.w3.org/2000/svg"
aria-label="Instagram"
width="35"
height="34"
viewBox="0 0 35 34"
fill="none"
>
<path
d="M25.2347 11.1471C25.0996 10.7417 24.8294 10.3364 24.4916 9.99858C24.1538 9.66079 23.816 9.45812 23.3431 9.25544C23.0053 9.12033 22.4648 8.98521 21.519 8.91766C20.5056 8.8501 20.1679 8.8501 17.6007 8.8501C15.0335 8.8501 14.6957 8.8501 13.6823 8.91766C12.7365 8.98521 12.196 9.12033 11.8582 9.25544C11.4529 9.39056 11.0475 9.66079 10.7098 9.99858C10.372 10.3364 10.1693 10.6742 9.96663 11.1471C9.83151 11.4849 9.6964 12.0253 9.62884 12.9711C9.56128 13.9845 9.56128 14.3223 9.56128 16.8895C9.56128 19.4567 9.56128 19.7945 9.62884 20.8078C9.6964 21.7536 9.83151 22.2941 9.96663 22.6319C10.1017 23.0372 10.372 23.4426 10.7098 23.7804C11.0475 24.1182 11.3853 24.3208 11.8582 24.5235C12.196 24.6586 12.7365 24.7938 13.6823 24.8613C14.6957 24.9289 15.0335 24.9289 17.6007 24.9289C20.1679 24.9289 20.5056 24.9289 21.519 24.8613C22.4648 24.7938 23.0053 24.6586 23.3431 24.5235C24.2213 24.1857 24.8294 23.5102 25.1671 22.6995C25.3023 22.3617 25.4374 21.8212 25.5049 20.8754C25.5725 19.862 25.5725 19.5242 25.5725 16.957C25.5725 14.3898 25.5725 14.0521 25.5049 13.0387C25.5725 12.0253 25.3698 11.4849 25.2347 11.1471ZM17.6682 21.8888C14.8983 21.8888 12.6689 19.6594 12.6689 16.8895C12.6689 14.1196 14.8983 11.8902 17.6682 11.8902C20.4381 11.8902 22.6675 14.1196 22.6675 16.8895C22.6675 19.6594 20.4381 21.8888 17.6682 21.8888ZM22.8702 12.836C22.1946 12.836 21.7217 12.2955 21.7217 11.6875C21.7217 11.0119 22.2622 10.539 22.8702 10.539C23.5458 10.539 24.0187 11.0795 24.0187 11.6875C24.0187 12.3631 23.4782 12.836 22.8702 12.836Z"
fill="white"
></path>
<path
d="M17.6683 20.132C19.4593 20.132 20.9111 18.6802 20.9111 16.8893C20.9111 15.0983 19.4593 13.6465 17.6683 13.6465C15.8774 13.6465 14.4255 15.0983 14.4255 16.8893C14.4255 18.6802 15.8774 20.132 17.6683 20.132Z"
fill="white"
></path>
<path
d="M17.6683 0C8.34529 0 0.778809 7.56648 0.778809 16.8895C0.778809 26.2124 8.34529 33.7789 17.6683 33.7789C26.9913 33.7789 34.5577 26.2124 34.5577 16.8895C34.5577 7.56648 26.9913 0 17.6683 0ZM27.329 20.8754C27.2615 21.8887 27.1264 22.6319 26.8561 23.2399C26.3832 24.5235 25.3023 25.6044 24.0187 26.0773C23.4107 26.3476 22.6675 26.4827 21.6542 26.5502C20.6408 26.6178 20.303 26.6178 17.6683 26.6178C15.0335 26.6178 14.6957 26.6178 13.6824 26.5502C12.669 26.4827 11.9259 26.3476 11.3178 26.0773C10.6423 25.8071 10.1018 25.4693 9.62889 24.9288C9.15599 24.4559 8.75063 23.8479 8.4804 23.1723C8.21017 22.5643 8.07505 21.8212 8.0075 20.8078C7.93994 19.7944 7.93994 19.4567 7.93994 16.8219C7.93994 14.1871 7.93994 13.8494 8.0075 12.836C8.07505 11.8226 8.21017 11.0795 8.4804 10.4715C8.75063 9.79589 9.08843 9.25543 9.62889 8.78252C10.1018 8.30962 10.7098 7.90427 11.3854 7.63404C11.9934 7.36381 12.7365 7.22869 13.7499 7.16113C14.7633 7.09357 15.1011 7.09357 17.7358 7.09357C20.3706 7.09357 20.7084 7.09357 21.7217 7.16113C22.7351 7.22869 23.4782 7.36381 24.0863 7.63404C24.7618 7.90427 25.3023 8.24206 25.7752 8.78252C26.2481 9.25543 26.6535 9.86345 26.9237 10.539C27.1939 11.147 27.329 11.8902 27.3966 12.9035C27.4642 13.9169 27.4642 14.2547 27.4642 16.8895C27.4642 19.5242 27.3966 19.862 27.329 20.8754Z"
fill="white"
></path>
</svg>
</a>
</li>
<li>
<a
href="https://www.twitter.com/orangefitness"
target="_blank"
rel="noopener noreferrer"
title="logo do twitter"
>
<svg xmlns="http://www.w3.org/2000/svg" height="2em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" fill="white"/></svg>
</a>
</li>
<li>
<a
href="https://www.linkedin.com/company/orangefitness"
target="_blank"
rel="noopener noreferrer"
title="logo do linkedin"
>
<svg xmlns="http://www.w3.org/2000/svg" height="2em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" fill="white"/></svg>
</a>
</li>
</ul>
</section>
<section>
<div class="footerLink">
<div class="footerLinkPage">
<h2 class="footerTitler">Institucional</h2>
<ul >
<li><a href="./assets/pages/sobre.html">Sobre a Academia</a></li>
<li><a href="./assets/pages/termos.html">Termos de Uso</a></li>
<li>
<a href="./assets/pages/politicas.html"
>Política de Privacidade</a>
</li>
</ul>
</div>
<div class="footerLinkPage">
<h2 class="footerTitler">Planos</h2>
<ul>
<li><a href="./assets/pages/loginMembros.html">Matrícula</a></li>
<li><a href="./assets/pages/contato.html">Contatos</a></li>
</ul>
</div>
<div class="footerLinkPage">
<h2 class="footerTitler">Corporativo</h2>
<ul>
<li><a href="./assets/pages/blog.html">Dicas de Treino</a></li>
<li><a href="./assets/pages/depoimentos.html">Depoimentos</a></li>
<li>
<a href="./assets/pages/faq.html">Perguntas Frequentes</a>
</li>
</ul>
</div>
</div>
</section>
<section class="footerDisclaimer">
<p class="footerDisclaimer-pg">
*Consulte as condições promocionais e regulamentos na página:<a href="./assets/pages/contato.html" > Contatos</a>*
</p>
<p class="footerDisclaimer-pg">
<a href="mailto:[email protected]">[email protected]</a>
</p>
<p class="footerDisclaimer-pg">
© 2024 Orange Fitness
</p>
</section>
</footer>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script src="./assets/JS/header.js"></script>
<script src="./assets/JS/home.js"></script>
<script src="./assets/JS/slider.js"></script>
<script src="./assets/JS/busca.js"></script>
</body>
</html>