-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
239 lines (214 loc) · 9.35 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
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lift & Laugh Gym</title>
<link rel="stylesheet" href="style.css">
<link rel="favicon icon" href="images/logo.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="description" content="A place to lift and laugh.">
<meta name="author" content="Lift and Laugh Gym">
<meta name="keywords" content="Gym website, gym, fitness, workout, exercise">
<meta http-equiv="refresh" content="500">
</head>
<body>
<!------------THIS IS THE MAIN SECTION----------------------------->
<main class="home">
<div class="parent">
<!-- Logo -->
<div class="logo">
<p>GYM <span>LIFT</span> & LAUGH</p>
</div>
<!-- Hamburger and Navigation -->
<div class="hamburger">
<a class="hamburger" id="hamburger">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</a>
<nav class="nav-links" id="nav-links">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
<!-- Headerline (Text) -->
<div class="headerline">
<h1>It's Time for <span>Lifting</span>. Let's go</h1>
<h1>A <span>place</span> to lift and laugh</h1>
</div>
<!-- Image -->
<div class="image">
<img class="femaleingym" src="/images/scott-webb-5IsdIqwwNP4-unsplash.jpg" alt="Female in Gym">
</div>
</div>
<!-- Arrow to scroll down -->
</main>
<!------------HERE COULD BE THREE CARDS, INSIDE WE HAVE OUR OFFERS----------------------------->
<section class="service">
<div class="card">
<img src="/images/danielle-cerullo-CQfNt66ttZM-unsplash.jpg" alt="Women only here" style="width:100%">
<div class="container">
<h4><b>WOMEN ONLY SPACE</b></h4>
<p>Find your strength in a comfortable and empowering environment tailored just for women. Our women-only space offers privacy, support, and a community of like-minded individuals.</p>
</div>
</div>
<div class="card">
<img src="/images/huum-NHLS5hOSH0c-unsplash.jpg" alt="Sauna" style="width:100%">
<div class="container">
<h4><b>SAUNA</b></h4>
<p>Relax and rejuvenate after a workout in our state-of-the-art sauna. Detox your body and mind in a calming, luxurious setting.</p>
</div>
</div>
<div class="card">
<img src="/images/kelly-sikkema-ixYNwpnRsGU-unsplash.jpg" alt="Shakes" style="width:100%">
<div class="container">
<h4><b>PROTEIN SHAKES</b></h4>
<p>Refuel with our delicious and nutritious protein shakes, crafted to support your fitness goals. Choose from a variety of flavors to power up your recovery.</p>
</div>
</div>
</section>
<!------------ABOUT SECTION----------------------------->
<section class="about">
<div class="parentabout">
<div class="childtext">
<p>Live and Laugh Gym is a vibrant fitness center that combines dynamic workouts with a positive, supportive atmosphere. With state-of-the-art equipment, diverse classes, and personalized coaching, it promotes holistic wellness. Here, every step toward fitness is a joyful celebration.</p>
</div>
<div class="childimage">
<img src="/images/scott-webb-U5kQvbQWoG0-unsplash.jpg">
</div>
</div>
</section>
<!------------SCHEDULE SECTION----------------------------->
<!------------SCHEDULE SECTION----------------------------->
<section id="schedule" class="schedule-section">
<h2>Gym Schedule</h2>
<div class="schedule-table">
<!-- <div class="sch-img">
<img src="/images/sch-img.png" alt="Gym Schedule" width="100%" height="100%">
</div> -->
<div class="day">
<h3>Monday</h3>
<ul>
<li>6:00 AM - Yoga for Beginners</li>
<li>7:00 AM - Cardio Blast</li>
<li>9:00 AM - Weight Training Basics</li>
<li>5:00 PM - Pilates Stretch</li>
<li>6:30 PM - Zumba Dance Party</li>
<li>8:00 PM - Core Strengthening</li>
</ul>
</div>
<div class="day">
<h3>Tuesday</h3>
<ul>
<li>6:00 AM - Power Yoga</li>
<li>7:00 AM - HIIT (High-Intensity Interval Training)</li>
<li>9:00 AM - Functional Training</li>
<li>5:00 PM - Spin Cycling</li>
<li>6:30 PM - Strength Training</li>
<li>8:00 PM - Evening Meditation</li>
</ul>
</div>
<div class="day">
<h3>Wednesday</h3>
<ul>
<li>6:00 AM - Pilates Flow</li>
<li>7:00 AM - CrossFit Training</li>
<li>9:00 AM - Abs & Core Sculpt</li>
<li>5:00 PM - Aerobics</li>
<li>6:30 PM - Kickboxing</li>
<li>8:00 PM - Recovery Stretch</li>
</ul>
</div>
<div class="day">
<h3>Thursday</h3>
<ul>
<li>6:00 AM - Sunrise Yoga</li>
<li>7:00 AM - Bootcamp Workout</li>
<li>9:00 AM - Weightlifting (Intermediate)</li>
<li>5:00 PM - Aqua Zumba</li>
<li>6:30 PM - Tabata Training</li>
<li>8:00 PM - Guided Relaxation</li>
</ul>
</div>
<div class="day">
<h3>Friday</h3>
<ul>
<li>6:00 AM - Morning Stretch & Mobility</li>
<li>7:00 AM - Functional Strength Training</li>
<li>9:00 AM - Barre Workout</li>
<li>5:00 PM - Cardio Kickboxing</li>
<li>6:30 PM - Zumba Fitness</li>
<li>8:00 PM - Candlelight Yoga</li>
</ul>
</div>
<div class="day">
<h3>Saturday</h3>
<ul>
<li>7:00 AM - Weekend Warrior Bootcamp</li>
<li>8:30 AM - Spin Class</li>
<li>10:00 AM - Family Yoga (Bring Your Kids!)</li>
<li>4:00 PM - Strength & Conditioning</li>
<li>5:30 PM - Aerobics Dance</li>
<li>7:00 PM - Partner Workout Session</li>
</ul>
</div>
<div class="day">
<h3>Sunday</h3>
<ul>
<li>7:00 AM - Nature Walk (Outdoor)</li>
<li>8:30 AM - Power Pilates</li>
<li>10:00 AM - Bodyweight HIIT</li>
<li>4:00 PM - Functional Flexibility</li>
<li>5:30 PM - Barre Burn</li>
<li>7:00 PM - Yin Yoga</li>
</ul>
</div>
</div>
</section>
<!------------FOOTER----------------------------->
<footer>
<section class="contact" id="contact">
<div class="container">
<div class="content">
<div class="box form wow slideInLeft">
<form>
<input type="text" placeholder="Enter Name">
<input type="text" placeholder="Enter Email">
<input type="text" placeholder="Enter Mobile">
<textarea placeholder="Enter Message"></textarea>
<button type="submit">Send Message</button>
</form>
</div>
<div class="box text wow slideInRight">
<h2>Get Connected with Gym</h2>
<p class="title-p">Join now and make yourself better! Our experienced trainers and well maintained equipments will get you to your fitness goals in no time.</p>
<div class="info">
<ul>
<li><span class="fa fa-map-marker"></span> GymLiftLaugh, 123, ABC Street</li>
<li><span class="fa fa-phone"></span> 9xxxx xxxxx</li>
<li><span class="fa fa-envelope"></span> gymliftlaugh.com</li>
</ul>
</div>
<div class="social">
<a href="https://www.facebook.com/"><span class="fa fa-facebook"></span></a>
<a href="https://www.linkedin.com"><span class="fa fa-linkedin"></span></a>
<a href="https://www.skype.com"><span class="fa fa-skype"></span></a>
<a href="https://www.youtube.com"><span class="fa fa-youtube-play"></span></a>
</div>
<div class="copy">
Developed By © GymLiftLaugh
</div>
</div>
</div>
</div>
</section>
</footer>
<!-- Connection to JavaScript-File -->
<script src="script.js"></script>
</body>
</html>