-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
324 lines (290 loc) · 14.1 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
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
<!DOCTYPE html>
<html lang="en">
<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">
<title>CUTLER GYM</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
<link rel="icon" type="image/x-ixon" href="./assets/cutler logo.jpg">
</head>
<body>
<nav>
<div class="nav-logo">
<a href="#"><img src="./assets/cutler logo.jpg" alt="logo"></a>
</div>
<ul class="nav-links">
<li class="link"><a href="">Home</a></li>
<li class="link"><a href="">About</a></li>
<li class="link"><a href="">Trainer</a></li>
<li class="link"><a href="">Service</a></li>
<li class="link"><a href="">Contact us</a></li>
</ul>
<button class="btn">Join now</button>
</nav>
<header class="section-container header-container">
<div class="header-content">
<span class="bg-blur"></span>
<span class="br-blur-header-blur"></span>
<h4>BEST FITNESS IN THE CITY</h4>
<h1><span>LET'S</span> BUILD YOUR SHAPE</h1>
<P>Unleash your potential and embark on a journey towards a stronger, fitter and more confident you. Sign up for 'Make Your Body Shape' now and witness the incredible transformation your body is capable of!</P>
<button class="btn">Get Started</button>
</div>
<div class="header-image">
<img src="./assets/header.png" alt="header-image">
</div>
</header>
<section class="section-container inspect-container">
<div class="inspect-header">
<h2 class="section-header">INSPECT OUR PROGRAM</h2>
<div class="inspect-nav">
<span><i class="ri-arrow-left-line"></i></span>
<span><i class="ri-arrow-right-line"></i></span>
</div>
</div>
<div class="inspect-grid">
<div class="inspect-card">
<span><i class="fa-solid fa-dumbbell"></i></span>
<h4>Muscular Strength</h4>
<p>The pain you feel today, will be the strength you feel tomorrow</p>
<a href="#">Join Now <i class="ri-arrow-right-line"></i></a>
</div>
<div class="inspect-card">
<span><i class="ri-heart-pulse-fill"></i></span>
<h4>Physical Fitness</h4>
<p>Physical fitness is not only one of the most important keys to a healthy body, it is the basis of dynamic and creative intellectual activity.</p>
<a href="#">Join Now <i class="ri-arrow-right-line"></i></a>
</div>
<div class="inspect-card">
<span><i class="ri-run-line"></i></span>
<h4>Fat Lose</h4>
<p>Through a combination of workout routines and expert guidance, we'll empower you to reach your goals.</p>
<a href="#">Join Now <i class="ri-arrow-right-line"></i></a>
</div>
<div class="inspect-card">
<span><i class="ri-shopping-basket-fill"></i></span>
<h4>Weight Gain</h4>
<p>Designed for individuals, our program offers an effective approach to gaining weight in a sustainable manner.</p>
<a href="#">Join Now <i class="ri-arrow-right-line"></i></a>
</div>
<div class="inspect-card">
<span><i class="fa-solid fa-heart-circle-bolt"></i></span>
<h4>Cardiorespiratory Endurance</h4>
<p>Cardiorespiratory endurance tests monitor how well the heart, lungs, and muscles perform during moderate to high-intensity exercise.</p>
<a href="#">Join Now <i class="ri-arrow-right-line"></i></a>
</div>
<div class="inspect-card">
<span><i class="fa-solid fa-user-clock"></i></span>
<h4>Muscular Endurance</h4>
<p>It is the ability of a muscle or group of muscles to perform repetitive contractions against a force for an extended period of time.</p>
<a href="#">Join Now <i class="ri-arrow-right-line"></i></a>
</div>
<div class="inspect-card">
<span><i class="fa-solid fa-person-swimming"></i></span>
<h4>Flexibility</h4>
<p>It is a ability of a joint or series of joints to move through an unrestricted, pain free range of motion.</p>
<a href="#">Join Now <i class="ri-arrow-right-line"></i></a>
</div>
<div class="inspect-card">
<span><i class="fa-solid fa-scale-balanced"></i></span>
<h4>Body Composition</h4>
<p>Body composition is the percentage of a body's weight that is fat tissue.</p>
<a href="#">Join Now <i class="ri-arrow-right-line"></i></a>
</div>
</div>
</section>
<section class="section-container class-container">
<div class="class-image">
<img src="./assets/Battle-Rope-Exercises.jpg" alt="class1" class="img1">
<img src="./assets/Adult brother.jpg" alt="class2" class="img2">
</div>
<div class="class-content">
<h2 class="section-header">THE CLASS YOU WILL GET HERE</h2>
<P>Led by our team of expert and motivational instructors, "The class you will get here" is high-energy, results-driven session that combines a perfect blend of cardio, strength training and functional exercises. Our instructors will guide you personally and also make a diet plan for every individual person in the GYM. Each class is carefully curated to keep you engaged and challenged, ensuring you never hit a plateau in your fitness endeavors.</P>
<button class="btn">Book A Class</button>
</div>
</section>
<section class="section-container join-container">
<h2 class="section-header">WHY JOIN US ?</h2>
<p class="section-subheader">
Our diverse membership base creates a friendly and supportive atmosphere, where you can make friends and stay motivated.
</p>
<div class="join-image">
<img src="./assets/pt.jpg" alt="join">
<div class="join-grid">
<div class="join-card">
<span><i class="ri-user-star-fill"></i></span>
<div class="join-card-content">
<h4>Personal Trainer</h4>
<p>Unlock your potential with our expert Personal Trainers.</p>
</div>
</div>
<div class="join-card">
<span><i class="ri-vidicon-fill"></i></span>
<div class="join-card-content">
<h4>Practice Sessions</h4>
<p>Elevate your fitness with practice sessions.</p>
</div>
</div>
<div class="join-card">
<span><i class="ri-building-line"></i></span>
<div class="join-card-content">
<h4>Excellent Management</h4>
<p>Supportive management, for your fitness success.</p>
</div>
</div>
</div>
</div>
</section>
<section class="section-container price-container">
<h2 class="section-header">OUR PRICING PLAN</h2>
<p class="section-subheader">
Our pricing plan comes with various membership tiers, each tailored to cater to different preferences and fitness aspirations.
</p>
<div class="price-grid">
<div class="price-card">
<div class="price-card-content">
<h4>Weekly Plan</h4>
<h3>₹ 1199</h3>
<p>
<i class="ri-checkbox-circle-line"></i>
Smart workout plan
</p>
<p>
<i class="ri-checkbox-circle-line"></i>
At home workouts
</p>
</div>
<button class="price-button">Join Now</button>
</div>
<div class="price-card">
<div class="price-card-content">
<h4>Monthly Plan</h4>
<h3>₹ 3499</h3>
<p>
<i class="ri-checkbox-circle-line"></i>
Pro Gyms
</p>
<p>
<i class="ri-checkbox-circle-line"></i>
Smart workout plan
</p>
<p>
<i class="ri-checkbox-circle-line"></i>
At home workouts
</p>
</div>
<button class="price-button">Join Now</button>
</div>
<div class="price-card">
<div class="price-card-content">
<h4>Yearly Plan</h4>
<h3>₹ 4799</h3>
<p>
<i class="ri-checkbox-circle-line"></i>
ELITE Gyms & Classes
</p>
<p>
<i class="ri-checkbox-circle-line"></i>
Pro Gyms
</p>
<p>
<i class="ri-checkbox-circle-line"></i>
Smart workout plan
</p>
<p>
<i class="ri-checkbox-circle-line"></i>
At home workouts
</p>
<p>
<i class="ri-checkbox-circle-line"></i>
Personal Training
</p>
</div>
<button class="price-button">Join Now</button>
</div>
</div>
</section>
<section class="section-container location-container">
<h2 class="section-header">Location of Cutler Gym</h2>
<p class="section-subheader">
Sigra, Sonia Road, SP Katra, Varanasi
</p>
<div class="location">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3606.719401082658!2d82.99127617406688!3d25.313629926977363!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x398e2e074ffeb7dd%3A0x6fa9299cb8b36d62!2sCutler%20Gym!5e0!3m2!1sen!2sin!4v1698873113746!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</section>
<section class="review">
<div class="section-container review-container">
<span><i class="ri-double-quotes-l"></i></i></span>
<div class="review-content">
<h4>MEMBER REVIEW</h4>
<p>
This is a fantastic gym!! All the trainers are super nice and take an interest in you no matter what fitness level you're at. I really like how they give me tips and tricks to get the most out of every workout. I've been going for a little bit and am already seeing a big change in my energy levels and body. It's great! I feel 10 years younger!
</p>
<div class="review-rating">
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-fill"></i></span>
<span><i class="ri-star-half-fill"></i></span>
</div>
<div class="review-footer">
<div class="review-person">
<img src="./assets/Mohd faisal.png" alt="review member">
<div class="review-person-detail">
<h4>Mohd Faisal</h4>
<p>Web Developer</p>
</div>
</div>
<div class="review-nav">
<span><i class="ri-arrow-left-line"></i></span>
<span><i class="ri-arrow-right-line"></i></span>
</div>
</div>
</div>
</div>
</section>
<footer class="section-container footer-container">
<div class="footer-col">
<div class="footer-logo">
<img src="./assets/cutler logo.jpg" alt="logo">
</div>
<p>
Take the first step towards a healthier, stronger you with our unbeatable pricing plans. Let's sweat, achieve and conquer together !
</p>
<div class="footer-social-media">
<a href="#"><i class="ri-facebook-fill"></i></a>
<a href="#"><i class="ri-instagram-line"></i></a>
<a href="#"><i class="ri-twitter-fill"></i></a>
</div>
</div>
<div class="footer-col">
<h4>Company</h4>
<a href="#">Business</a>
<a href="#">Franchise</a>
<a href="#">Partnership</a>
<a href="#">Network</a>
</div>
<div class="footer-col">
<h4>About Us</h4>
<a href="#">Blogs</a>
<a href="#">Careers</a>
<a href="#">Security</a>
</div>
<div class="footer-col">
<h4>Contact</h4>
<a href="#">Contact Us</a>
<a href="#">Privacy Policy</a>
<a href="#">Terms & Conditions</a>
<a href="#">BMI Calculator</a>
</div>
</footer>
<div class="footer-bar">
Copyright © 2023 Mohd@hub. All rights reserved.
</div>
</body>
</html>