-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
133 lines (125 loc) · 5.92 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
<!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>Gym</title>
<link rel="stylesheet" href="gym.css">
<link href="https://fonts.googleapis.com/css2?family=Cabin&family=Dela+Gothic+One&family=Nunito:wght@200&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Overpass:wght@200&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lobster+Two:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Quattrocento+Sans&display=swap" rel="stylesheet">
</head>
<body>
<!-- navigation bar -->
<nav class="navbar">
<ul>
<li><a href="">Home</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Contact</a></li>
<input type="search" placeholder="Search">
</ul>
</nav>
<!-- home page image -->
<div>
<img id="hi" src="gym.jfif" alt="Loading..">
<div id="hiTxt">Fit N Fine Gym</div>
</div>
<!-- home page text about the gym -->
<div id="hpTxt">
<p>
<p> Welcome to <strong>Fit N Fine Gym</strong>-the one stop destination for leading a healthy lifestyle, and develop a stronger body. You can perform a variety of exercises here with the help the of wide range of equipments present here. There
are gym trainers always ready to assist you, and also guide in the path of body building.</p>
<p>Wait! There's something more. We also offer variety of diet supplements that play a vital role in developing the iron muscles. With the special membership plans, you can get personal attention by the expert gym trainers anytime, and start
living a healthy life.</p>
</p>
</div>
<!-- services section -->
<div>
<div class="service" id="s1">
<h1>Equipments</h1>
<p>We have a variety of equipments like treadmill, dumbells and a lot more to provide you with the fun of body-building.You name it-we have it!</p>
</div>
<div class="service" id="s2">
<h1>Trainers</h1>
<p>We have more than 5 trainers present at any instant in the gym,each of the being an expert in the field of physical fitness. They are always ready to help you with the exercises, and guide you in the same.</p>
</div>
<div class="service" id="s3">
<h1>Store</h1>
<p>In our Store, you can purchase various nutrition drinks to help you provide with all the nutrients essential in building a healthy physique. We also deal in gym equipments at reasonable price so that you can continue the exercises even in
your home.
</p>
</div>
<div class="service" id="s4">
<h1>Other Facilities</h1>
<p>We also have various other facilities in our gym campus including paid parking to facilitate parking,a shower to relieve the heat,a medical facility to provide first aid in case of any accident, and a lot more.</p>
</div>
</div>
<!-- monthly plans section -->
<!-- monthly plan header -->
<div id="phead">
<h3>Our Monthly Plans</h3>
</div>
<!-- monthly plan menu -->
<div class="monthly">
<a href="" class="planLink">
<div class="plan" id="p1">
<h2>Rs.199/month</h2>
<h3>Features</h3>
<ul>
<li>Basic facilities availale</li>
<li>Daily gym minutes</li>
</ul>
</div>
</a>
<a href="" class="planLink">
<div class="plan" id="p2">
<h2>Rs.399/month</h2>
<h3>Features</h3>
<ul>
<li>All facilities availale</li>
<li>Special attention by gym trainers</li>
<li>Free parking allowance</li>
<li>Free Protein shake per day</li>
</ul>
</div>
</a>
<a href="" class="planLink">
<div class="plan" id="p3">
<h2>Rs.299/month</h2>
<h3>Features</h3>
<ul>
<li>All facilities availale</li>
<li>Special attention by gym trainers</li>
<li>Free parking allowance</li>
</ul>
</div>
</a>
</div>
<div class="end">
<span class="address">
<h3>Address</h3>
<p>Abbet Street,<br>Suri,Birbhum<br></p>
</span>
<span class="contact">
<h3>Contact Us</h3>
<p><strong>Mobile:</strong> +91 12345 67891<br><strong>Email:</strong> fitnfine@gmail.com</p>
</span>
<span class="follow">
<h3>Follow us on</h3>
<a href="https://wwww.instagram.com"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR-WJQCc8fjhNg-pCeT2pZXi1q_muVOL8vKzw&usqp=CAU"
alt="Instagram" class="socialmedia"></a>
<a href="https://www.twitter.com"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRvhLXTGRMbqWJZrONydsyHUqxsfp5QTPEUdA&usqp=CAU"
alt="Facebook" class="socialmedia"></a>
<a href="https://www.facebook.com"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRkBID9Fih7-sURQoZlBYnPmjiQAvnH0JzLsw&usqp=CAU"
alt="Twitter" class="socialmedia"></a>
</span>
<span class="feedback">
<h4>Give your valuable feedback</h4>
<input type="text" name="fdbck" id="fdbck" >
<input type="button" value="Send" id="sendfdbck">
</span>
</div>
</body>
</html>