MuscleThug/index.html at master · tushargupta21/MuscleThug · GitHub

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
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
<!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>Muscle Thug</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <link rel="stylesheet" href="css/style.css">

</head>
<body>

<header class="header">

    <a href="#" class="logo"> <i class="fas fa-regular fa-dumbbell"></i> MUSCLE THUG</a>

    <nav class="navbar">
        <a href="#home">home</a>
        <a href="#services">services</a>
        <a href="#about">about</a>
        <a href="#doctors">trainers</a>
        <a href="#book">book</a>
        <a href="#review">review</a>
    </nav>

    <div id="menu-btn" class="fas fa-bars"></div>

</header>

<!-- header section ends -->

<!-- home section starts  -->

<section class="home" id="home">

    <div class="image">
        <img src="image/gy.png" alt="">
    </div>

    <div class="content">
        <h3>Stay fit, Stay healthy</h3>
        <p>Our vision is to keep you strong, fit and motivated and help you feel the energy in an efficient and convenient way!</p>
        <a href="#" class="btn"> Contact us <span class="fas fa-chevron-right"></span> </a>
    </div>

</section>

<!-- home section ends -->

<!-- icons section starts  -->

<section class="icons-container">

    <div class="icons">
        <i class="fas fa-user-alt"></i>
        <h3>140+</h3>
        <p>trainers at work</p>
    </div>

    <div class="icons">
        <i class="fas fa-users"></i>
        <h3>10K+</h3>
        <p>satisfied clients</p>
    </div>

    <div class="icons">
        <i class="fas fa-solid fa-dumbbell"></i>
        <h3>500+</h3>
        <p>equipment facility</p>
    </div>

    <div class="icons">
        <i class="fas fa-building"></i>
        <h3>80+</h3>
        <p>branches</p>
    </div>

</section>

<!-- icons section ends -->

<!-- services section starts  -->

<section class="services" id="services">

    <h1 class="heading"> our <span>services</span> </h1>

    <div class="box-container">
        <div class="box">
            <i class="fas fa-user-md"></i>
            <h3>expert trainers</h3>
            <p>Top class trainers from all over the world are there for your service.</p>
            <a href="#" class="btn"> learn more <span class="fas fa-chevron-right"></span> </a>
        </div>

        <div class="box">
            <i class="fas fa-solid fa-clock"></i>
            <h3>24/7 open</h3>
            <p>Our gyms are opened 24/7 for your service.</p>
            <a href="#" class="btn"> learn more <span class="fas fa-chevron-right"></span> </a>
        </div>
        <div class="box">
            <i class="fas fa-solid fa-lock"></i>
            <h3>Safe Locker</h3>
            <p>Safe and seperate lockers for all customers to keep belongings.</p>
            <a href="#" class="btn"> learn more <span class="fas fa-chevron-right"></span> </a>
        </div>
        <div class="box">
            <i class="fas fa-duotone fa-dumbbell"></i>
            <h3>well equipped</h3>
            <p>Top quality and advanced equipments with latest technology.</p>
            <a href="#" class="btn"> learn more <span class="fas fa-chevron-right"></span> </a>
        </div>


    </div>

</section>

<!-- services section ends -->

<!-- about section starts  -->

<section class="about" id="about">

    <h1 class="heading"> <span>about</span> us </h1>

    <div class="row">

        <div class="image">
            <img src="image/gy11.png" alt="">
        </div>

        <div class="content">
            <h3>we take care of your body and help you get fitter.</h3>
            <p>We at Muscle Thug are focused towards providing better facilities, medication and expert and most advanced exercise to our clients. We have all types of expert trainers lined up at your service.</p>
            <p>Established by World Champion Tushar Gupta in 1983, Muscle Thug has a robust presence across the gym and fitness industry. From routine exercises & preventive health care to innovative body building techniques and diagnostic services, we have touched more than 10 thousand people from over India, offering the best fitness outcomes.</p>
            <a href="#" class="btn"> learn more <span class="fas fa-chevron-right"></span> </a>
        </div>

    </div>

</section>

<!-- about section ends -->

<!-- doctors section starts  -->

<section class="doctors" id="doctors">

    <h1 class="heading"> our <span>trainers</span> </h1>

    <div class="box-container">

        <div class="box">
            <img src="image/tr.jpg" alt="">
            <h3>Siddhart Rao</h3>
            <span>expert trainer</span>
            <div class="share">
                <a href="#" class="fab fa-facebook-f"></a>
                <a href="#" class="fab fa-twitter"></a>
                <a href="#" class="fab fa-instagram"></a>
                <a href="#" class="fab fa-linkedin"></a>
            </div>
        </div>

        <div class="box">
            <img src="image/triner.jpg" alt="">
            <h3>Radhika Apte</h3>
            <span>expert trainer</span>
            <div class="share">
                <a href="#" class="fab fa-facebook-f"></a>
                <a href="#" class="fab fa-twitter"></a>
                <a href="#" class="fab fa-instagram"></a>
                <a href="#" class="fab fa-linkedin"></a>
            </div>
        </div>

        <div class="box">
            <img src="image/yg.jpg" alt="">
            <h3>Peter Bose</h3>
            <span>expert trainer</span>
            <div class="share">
                <a href="#" class="fab fa-facebook-f"></a>
                <a href="#" class="fab fa-twitter"></a>
                <a href="#" class="fab fa-instagram"></a>
                <a href="#" class="fab fa-linkedin"></a>
            </div>
        </div>

        <div class="box">
            <img src="image/tr3.jpg" alt="">
            <h3>David Henry</h3>
            <span>expert trainer</span>
            <div class="share">
                <a href="#" class="fab fa-facebook-f"></a>
                <a href="#" class="fab fa-twitter"></a>
                <a href="#" class="fab fa-instagram"></a>
                <a href="#" class="fab fa-linkedin"></a>
            </div>
        </div>

        <div class="box">
            <img src="image/tr44.jpg" alt="">
            <h3>Raj Koti</h3>
            <span>expert trainer</span>
            <div class="share">
                <a href="#" class="fab fa-facebook-f"></a>
                <a href="#" class="fab fa-twitter"></a>
                <a href="#" class="fab fa-instagram"></a>
                <a href="#" class="fab fa-linkedin"></a>
            </div>
        </div>

        <div class="box">
            <img src="image/tr6.jpg" alt="">
            <h3>Mahesh Bhatt</h3>
            <span>expert trainer</span>
            <div class="share">
                <a href="#" class="fab fa-facebook-f"></a>
                <a href="#" class="fab fa-twitter"></a>
                <a href="#" class="fab fa-instagram"></a>
                <a href="#" class="fab fa-linkedin"></a>
            </div>
        </div>

    </div>

</section>

<!-- doctors section ends -->

<!-- booking section starts   -->

<section class="book" id="book">

    <h1 class="heading"> <span>book</span> now </h1>

    <div class="row">

        <div class="image">
            <img src="image/gym5.png" alt="" >
        </div>

        <form action="">
            <h3>book  your demo session</h3>
            <input type="text" placeholder="Your name" class="box">
            <input type="number" placeholder="Your contact number" class="box">
            <input type="email" placeholder="Your email id" class="box">
            <input type="date" class="box">
            <input type="submit" value="book now" class="btn">
        </form>

    </div>

</section>

<!-- booking section ends -->

<!-- review section starts  -->

<section class="review" id="review">

    <h1 class="heading"> client's <span>review</span> </h1>

    <div class="box-container">

        <div class="box">
            <img src="image/pic-1.png" alt="">
            <h3>Rakesh Patil</h3>
            <div class="stars">
                <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-alt"></i>
            </div>
            <p class="text">I am grateful to have a trainer like John and we need more compassionate trainers like him. John is one of those trainers that, once you have seen him in action, you never forget. John is very passionate about what he does and that is what makes him an awesome trainer. I definitely believe him to be one of the best behavioral trainers in the organization.</p>
        </div>

        <div class="box">
            <img src="image/pic-2.png" alt="">
            <h3>Radhika Rao</h3>
            <div class="stars">
                <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-alt"></i>
            </div>
            <p class="text">I have been very fortunate to have seen many trainers, but Nikhil definitely stands out from the crowd. Naturally, everyone was pleased with the outcome and said that John was one of the best trainers they've ever had. He is such a great trainer going above and beyond what we have asked for. I can not wait until our next session!!!</p>
        </div>

        <div class="box">
            <img src="image/pic-3.png" alt="">
            <h3>Raman Rao</h3>
            <div class="stars">
                <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-alt"></i>
            </div>
            <p class="text">Dia was wonderful to meet! After our first session I've already learned a lot about how to maximize my workouts. She made me feel like my goals are much more achievable than I had thought. Dia showed up on time and ready to start my program. She is very knowledgeable and I'm confident I'll reach my goals under his direction.</p>
        </div>

    </div>

</section>

<!-- review section ends -->


<!-- footer section starts  -->

<section class="footer">

    <div class="box-container">

        <div class="box">
            <h3>quick links</h3>
            <a href="#"> <i class="fas fa-chevron-right"></i> home </a>
            <a href="#"> <i class="fas fa-chevron-right"></i> services </a>
            <a href="#"> <i class="fas fa-chevron-right"></i> about </a>
            <a href="#"> <i class="fas fa-chevron-right"></i> trainer </a>
            <a href="#"> <i class="fas fa-chevron-right"></i> book </a>
            <a href="#"> <i class="fas fa-chevron-right"></i> review </a>
        </div>

        <div class="box">
            <h3>our services</h3>
            <a href="#"> <i class="fas fa-chevron-right"></i> well equipped </a>
            <a href="#"> <i class="fas fa-chevron-right"></i> personal trainer </a>
            <a href="#"> <i class="fas fa-chevron-right"></i> safe lockers </a>
            <a href="#"> <i class="fas fa-chevron-right"></i> customised diet </a>
            <a href="#"> <i class="fas fa-chevron-right"></i> 24/7 open  </a>
        </div>

        <div class="box">
            <h3>contact info</h3>
            <a href="#"> <i class="fas fa-phone"></i> +311-456-7589 </a>
            <a href="#"> <i class="fas fa-phone"></i> +886-222-3333 </a>
            <a href="#"> <i class="fas fa-envelope"></i> tushar@gmail.com </a>
            <a href="#"> <i class="fas fa-envelope"></i> gupta@gmail.com </a>
            <a href="#"> <i class="fas fa-map-marker-alt"></i> Pune, India - 412104 </a>
        </div>

        <div class="box">
            <h3>follow us</h3>
            <a href="#"> <i class="fab fa-facebook-f"></i> facebook </a>
            <a href="#"> <i class="fab fa-youtube"></i> youtube </a>
            <a href="#"> <i class="fab fa-twitter"></i> twitter </a>
            <a href="#"> <i class="fab fa-instagram"></i> instagram </a>
            <a href="#"> <i class="fab fa-linkedin"></i> linkedin </a>
            <a href="#"> <i class="fab fa-pinterest"></i> pinterest </a>
        </div>

    </div>

    <div class="credit"> Created by <span>Mr. Tushar Gupta</span> | All rights reserved </div>

</section>

<!-- footer section ends -->


<!-- custom js file link  -->
<script src="js/script.js"></script>

</body>
</html>