-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.php
More file actions
296 lines (273 loc) · 13.9 KB
/
index.php
File metadata and controls
296 lines (273 loc) · 13.9 KB
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
<?php
?>
<!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>UFIT Website</title>
<link rel="stylesheet" href="./styles/style.css">
<link rel="stylesheet" href="./styles/style2.css">
<link rel="stylesheet" href="fontawesome-free-5.15.3-web/css/all.min.css">
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/44f557ccce.js"></script>
</head>
<body>
<header>
<nav>
<div class="logo"><span>U</span>FIT</div>
<ul class="links">
<li><a href="./index.php">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#trainers">Trainers</a></li>
<li><a href="#">Contact</a></li>
<li><a href="./login.php">Login</a></li>
</ul>
</nav>
<div class="content">
<h1>Time To Start Your Journey</h1>
<button class="btn"><a href="./login.php" style="color: #f44336">Get started</a></button>
</div>
</header>
<!-- About Us -->
<section class="about" id="about">
<div class="row">
<div class="image">
<img src="./images/img2.jpg" alt="">
</div>
<div class="content">
<div class="title">About <span>U</span>FIT</div>
<p>A state of the art gym for fitness lovers with a passion for variety. After noticing we couldn't find a studio that offered enough to consistently motivate women, we decided to create one! UFIT is a fitness facility that provides a mix of instructor-led classes for improved strength, endurance, flexibility, and wellness. Mix and match weight training, boot camp, hot yoga, HIIT, hot barre, pilates, functional fitness, and more.
</p>
</div>
</div>
</section>
<!--Services -->
<section class="services" id="services">
<div class="title">Our <span>Services</span></div>
<div class="container">
<div class="box">
<img src="./images/cardio.jpg">
<div class="info">
<h3>Cardio</h3>
<p>Cardio is a great way to exercise for overall health benefits and will support your weight loss efforts. However, to speed up weight loss and maintain the weight you have lost its important to do some form of resistance exercise. </p>
</div>
</div>
<div class="box">
<img src="./images/yoga1.jpg">
<div class="info">
<h3>Yoga</h3>
<p>Yoga is a type of exercise in which you move your body into various positions in order to become more fit or flexible, to improve your breathing, and to relax your mind.</p>
</div>
</div>
<div class="box">
<img src="./images/pilate.jpg">
<div class="info">
<h3>Pilates</h3>
<p>Pilates exercises the body as a whole evenly and symmetrically, which is the best way to develop your core strength and rehabilitate from previous injuries.</p>
</div>
</div>
<div class="box">
<img src="./images/zumba.jpg">
<div class="info">
<h3>Zumba</h3>
<p>Zumba targets lots of different muscle groups at once for total body toning. Boosts your heart health. You not only get aerobic benefits (it really gets your heart rate up), you also get anaerobic benefits the kind that help you maintain a good cardiovascular respiratory system. Helps you de-stress.</p>
</div>
</div>
<div class="box">
<img src="./images/box.jpg">
<div class="info">
<h3>boxing</h3>
<p>Boxing is very much about providing an uplifting environment where athletes can decompress, learn, and have fun around peers and positive leaders. It encourages individuality and self-worth.</p>
</div>
</div>
<div class="box">
<img src="./images/lifting.jpg">
<div class="info">
<h3>weight lifting</h3>
<p>Weight lifting isn't just about bulking up and building muscle mass, the experts say. Its benefits include improved posture, better sleep, gaining bone density, maintaining weight loss, boosting metabolism, lowering inflammation and staving off chronic disease, among a laundry list of positives.</p>
</div>
</div>
</div>
</section>
<!--Trainers -->
<section class="our-trainers" id="trainers">
<div class="title">Meet Our <span>Trainers</span></div>
<div class="main-trainer">
<div class="inner-trainer">
<img src="images/coach1.jpg" alt="">
</div>
<div class="inner-trainer">
<div class="trainer-content">
<h2>Samira Heni</h2>
<span>Pilate trainer</span>
<hr>
<p>She played semi-professional tennis in junior leagues and as well as varsity basketball. After suffering a ski accident in her senior year of college, she started Pilates as a method of rehabilitation. This treatment turned into a passion over time. She dabbled in various Pilates programs but became convinced that the STOTT PILATES® system was far more innovative and the most scientific program she had experienced.</p>
</div>
</div>
<div class="inner-trainer">
<img src="images/coach2.jpg" alt="">
</div>
<div class="inner-trainer">
<div class="trainer-content">
<h2>Nour Kobbi</h2>
<span>Box trainer</span>
<hr>
<p>Femaleboxingcoach wants to run and create as many women only sessions to enjoy the sport, skill and benefits of boxing. Offering a safe space and sessions which empower individual woman, mentally and physically within a sport that men dominate.
My sessions are for all abilities and fitness levels, a full body workout. Women can come and learn defences, skill, combinations, foot work, partner work and pad work. </p>
</div>
</div>
<div class="inner-trainer">
<img src="images/coach3.jpg" alt="">
</div>
<div class="inner-trainer">
<div class="trainer-content">
<h2>Amira Jouini</h2>
<span>Yoga trainer</span>
<hr>
<p>As a believer that yoga is for everybody, Amiraa has shared yoga with children, senior citizens, and all ages and abilities in between. Amira is especially interested in educating athletes about how yoga can benefit them, and has developed and taught classes specifically for athletes, including: Yoga for Runners, Yoga for Cyclists, Yoga for Golfers, and Yoga for Triathletes. She has also brought yoga to young athletes in the sports of lacrosse, soccer, baseball, and cross country.</p>
</div>
</div>
</div>
</section>
<!-- reviews -->
<section class="customer-review">
<div class="title">Our <span>Reviews</span></div>
<h2 class="title-review">Our Clients Love Us</h2>
<div class="reviews">
<div class="review">
<div class="head-review">
<img class="ronde" src="images/c1.jpg" width="250px">
</div>
<div class="body-review">
<div class="name-review">Nathan D.</div>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half"></i>
</div>
<div class="desc-review">AMAZING GYM, AMAZING WORKOUTS! The staff here is incredibly friendly and extremely qualified! They know how to push you to the limit in the best way possible with your workouts.</div>
</div>
</div>
<div class="review">
<div class="head-review">
<img class="ronde" src="images/c2.jpg" width="250px">
</div>
<div class="body-review">
<div class="name-review">Nathan D.</div>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<div class="desc-review">Excellent personal training. Trainers who really care and go above and beyond to help you achieve your goals. Small and private gym that feels more personal. Highly recommended!</div>
</div>
</div>
<div class="review">
<div class="head-review">
<img class="ronde" src="images/c3.jpg" width="250px">
</div>
<div class="body-review">
<div class="name-review">Nathan D.</div>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half"></i>
</div>
<div class="desc-review">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.</div>
</div>
</div>
<div class="review">
<div class="head-review">
<img class="ronde" src="images/c4.jpg" width="250px">
</div>
<div class="body-review">
<div class="name-review">Nathan D.</div>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half"></i>
</div>
<div class="desc-review">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.</div>
</div>
</div>
</div>
</section>
<!-- contact -->
<section id="contact">
<section class="contact-row">
<div class="contact-left-col">
<div class="form">
<input type="text" name="" placeholder="E-mail">
<input type="text" name="" placeholder="Subject"><br>
<textarea rows="10" cols="40" placeholder="Message"></textarea>
<br> <button class="c_btn">Send</button>
</div>
</div>
<div class="contact-right-col">
<h1><i class="fa fa-envelope-o" aria-hidden="true"></i> E-mail</h1> <p>UFITgym@gmail.com</p><br>
<h1><i class="fa fa-phone" aria-hidden="true"></i> Mobile</h1><p>98300363, 71256392</p>
<br>
<h1><i class="fa fa-location-arrow" aria-hidden="true"></i> Address</h1>
<p> Near Manar City<br>
Manzah 5 près de meublatex
</p>
</div>
</section>
<!-- Footer -->
<footer class="footer-distributed">
<div class="footer-left">
<h3><span>UFIT</span></h3>
<p class="footer-links">
<a href="index.php">Home</a>
|
<a href="#about">About</a>
|
<a href="#contact">Contact</a>
</p>
<p class="footer-company-name">Copyright © 2021 <strong>UfitDeveloper</strong> All rights reserved</p>
</div>
<div class="footer-center">
<div>
<i class="fa fa-map-marker"></i>
<p><span>Tunis</span>
Menzah</p>
</div>
<div>
<i class="fa fa-phone"></i>
<p>+216 98300363</p>
</div>
<div>
<i class="fa fa-envelope"></i>
<p><a href="mailto:sagar00001.co@gmail.com">UFITgym@gmail.com</a></p>
</div>
</div>
<div class="footer-right">
<p class="footer-company-about">
<span>About the company</span>
<strong>Sagar Developer</strong> is a Youtube channel where you can find more creative CSS Animations
and
Effects along with
HTML, JavaScript and Projects using C/C++.
</p>
<div class="footer-icons">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-youtube"></i></a>
</div>
</div>
</footer>
</body>
</html>