-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
159 lines (140 loc) · 7.91 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
<!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>Adrino Club</title>
<script src="./script/script.js" defer></script>
<link href="./style/style.css" rel="stylesheet">
<link href="./style/mediaqueries.css" rel="stylesheet">
<link href="./images/thunderbolt-outline.png" rel="icon">
<link href="https://site-assets.fontawesome.com/releases/v6.0.0/css/all.css" rel="stylesheet">
</head>
<body>
<div class="container">
<header>
<div class="headerLogo">
<a href="#">
<div>IRON FITNESS </div>
<img src="./images/thunderbolt-white.png" height="20px">
</a>
</div>
<div id="showMenu"></div>
<nav>
<a href="login.html"
onclick="document.getElementById('login-form').style.display='block'" style="width:auto;">Login</a>
<a href="#plansSection"><span>Plans</span></a>
<a href="#aboutUsSection"><span>About us</span></a>
<a href="#findUsSection"><span>Find us</span></a>
<a href="#contact"><span>Contact</span></a>
</nav>
<button class="slideMenu"><i class="fa-regular fa-bars"></i></button>
</header>
<section class="mainSection">
<main>
<div class="content">
<span id="title">ARE YOU WILLING</span>
<span id="subtitle">to get healthy?</span>
<span id="text">Join Iron Fitness and enjoy groundbreaking equipment and monthly workouts. </span>
<div id="startBtn"><button>START NOW</button></div>
</div>
</main>
</section>
<section id="plansSection">
<h1 id="plansTitle"> <span>Diwali special plans</span></h1>
<div class="plans">
<div id="basicPlan">
<h1>BASIC</h1>
<div class="price">
₹1000
</div>
<span class="perMonthText">per month</span>
<ul> Get access to:
<li><i class="fa-regular fa-check"></i> Weight training room</li>
<li><i class="fa-regular fa-check"></i> Aerobics room</li>
</ul>
<button class="purchasePlan" onclick="location.href = 'login.html';" id="myButton" class="float-left submit-button" >PURCHASE NOW</button>
</div>
<div id="standardPlan">
<h1>STANDARD</h1>
<div class="price">
₹3000
</div>
<span class="perMonthText">per month</span>
<ul> Get access to:
<li><i class="fa-regular fa-check"></i> Weight training room</li>
<li><i class="fa-regular fa-check"></i> Aerobics room</li>
<li><i class="fa-regular fa-check"></i> Personal Trainer</li>
<li><i class="fa-regular fa-check"></i> Dietician, diet plans and meal guides</li>
</ul>
<button class="purchasePlan" onclick="location.href = 'login.html';" id="myButton" class="float-left submit-button" >PURCHASE NOW</button>
</div>
<div id="premiumPlan">
<h1>PREMIUM</h1>
<div class="price"> ₹5000
</div>
<span class="perMonthText">per month</span>
<ul> Get access to:
<li><i class="fa-regular fa-check"></i> Weight training room</li>
<li><i class="fa-regular fa-check"></i> Aerobics room</li>
<li><i class="fa-regular fa-check"></i> Heated swimming pool</li>
<li><i class="fa-regular fa-check"></i> Sauna</li>
<li><i class="fa-regular fa-check"></i> Crossfit area</li>
<li><i class="fa-regular fa-check"></i> Martial arts classes</li>
<li><i class="fa-regular fa-check"></i> Personal trainer</li>
<li><i class="fa-regular fa-check"></i> Dietician, diet plans and meal guides</li>
</ul>
<button class="purchasePlan" onclick="location.href = 'login.html';" id="myButton" class="float-left submit-button" >PURCHASE NOW</button>
</div>
</div>
</section>
<section id="aboutUsSection">
<div class="textAndImg">
<div class="image"><img src="./images/gym.jpg"></div>
<div class="aboutUsText">
<p>
It is a known fact that regular exercise benefits your health, mind, and body. It boosts your energy, increases lean muscle mass, decreases your risk for certain health conditions, and helps you manage your weight. Moreover, it also improves your mood and enables you to live longer. Additionally, it leads to an increase in flexibility and blood flow in your body.
Sounds amazing, right? Now, all you need to do is figure out how exactly exercises and gym workouts help you achieve peak health. The good news is you have a lot of options when it comes to exercise. Thus, you will have a lot of options to explore to choose the optimum workout required for your body. From fitness classes and cardio equipment to strength training and other recreational activities, the benefits of gym workouts and exercises are endless.
</p>
<p>
Iron fitness is a premium Health and Fitness space in the heart of the
city. We provide our members with the best workouts coupled with personal training to achieve their fitness goals.
Our memberships are designed for those who love to train hard and crave variety in their workouts.
</p>
</div>
</div>
</section>
<section id="findUsSection">
<div class="mapAddress">
<div>
<i class="fa-solid fa-location-dot">Location</i>
<p>We are located at</p>
<p>Lovely Professional University</p>
</div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d57828.62837558659!2d75.71851381421669!3d31.236379404524676!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x391a5f5e9c489cf3%3A0x4049a5409d53c300!2sLovely%20Professional%20University!5e0!3m2!1sen!2sin!4v1666810542890!5m2!1sen!2sin" width="450" height="350" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</section>
<footer id="contact">
<div class="contacts">
<p>Our social media</p>
<div class="imgs">
<img src="./images/facebook1.png" height="35px">
<img src="./images/instagram1.png" height="35px">
<img src="./images/twitter1.png" height="35px">
<img src="./images/whatsapp1.png" height="35px">
<img src="./images/email.png" height="35px">
</div>
</div>
<span><img src="./images/thunderbolt-white.png" height="55px"></span>
<div class="newsletter">
<p>For any queries</p>
<input type="email" placeholder="mail@example.com">
<button>Submit</button>
</div>
</footer>
</div>
<i class="fa-solid fa-up"></i>
</div>
</body>
</html>