-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlanding.html
148 lines (148 loc) · 7.45 KB
/
landing.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>FitFreak gymmy</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="landing.css">
<link rel="website icon" href="https://th.bing.com/th/id/OIG1.HQuvC0PVns2N8y0m1PMW?w=1024&h=1024&rs=1&pid=ImgDetMain">
</head>
<body>
<div class="header">
<div class="left-header">
<img src="https://th.bing.com/th/id/OIG1.HQuvC0PVns2N8y0m1PMW?w=1024&h=1024&rs=1&pid=ImgDetMain">
<h1>FitFreak</h1>
</div>
<div id="right-header">
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#plans">Plans</a>
</div>
</div>
<div class="main">
<div id="home">
<div class="home-upper">
<h1>Welcome to FitFreak</h1>
<h2>Your Fitness Destination</h2>
</div>
<div class="home-lower">
<div id="home-left">
<div id="home-left-h1s">
<h1>Definition of a really good workout: when you hate doing it, but you love finishing it.</h1>
<h1>Motivation is what gets you started. Habit is what keeps you going.</h1>
<h1>Exercise is like telling your body, ‘You’re gonna hate me for this, but you’ll thank me later.</h1>
<h1>The greatest pleasure in life is doing what people say you cannot do.</h1>
<h1>The pain you feel today will be the strength you feel tomorrow.</h1>
</div>
</div>
<div id="home-right">
<div id="home-right-imgs">
<img src="https://images4.alphacoders.com/106/1069372.jpg">
<img src="https://wallpapercave.com/wp/wp4659392.jpg">
<img src="https://s1.1zoom.me/big0/645/Fitness_Men_Bodybuilding_Workout_Hands_Belly_586682_1280x853.jpg">
<img src="https://images.alphacoders.com/105/1054847.jpg">
<img src="https://media.istockphoto.com/id/1316173356/photo/muscular-man-pulls-a-dumbbell-towards-his-stomach-bodybuilding-and-powerlifting-concept.jpg?b=1&s=170667a&w=0&k=20&c=KohkGMtUIT2NnI_qKdHlhcuclGZo_Wbi7yxHzB-s62w=">
</div>
</div>
</div>
</div>
<div id="about">
<div class="eqip">
<div class="eqip-img">
<img src="https://aperformance.co.uk/wp-content/uploads/2020/11/Elite-Gym-Flooring.jpg">
</div>
<div class="eqip-h1">
<h1>“Sweat, Lift, Repeat: Unleash Your Potential with Our Equipment.”</h1>
</div>
</div>
<div class="trainer">
<div class="trainer-h1">
<h1>“From Beginner to Beast Mode: Our Trainers Have You Covered!”</h1>
</div>
<div class="trainer-img">
<img src="https://www.stonnington.vic.gov.au/files/assets/active-ston/gym/landing-page-thumbnail-images-380x250/personal-training.jpg?w=1080">
</div>
</div>
<div class="locker">
<div class="locker-img">
<img src="https://th.bing.com/th/id/OIP.0hZ6CWXQ_lrZXALkoQHa1gHaFj?rs=1&pid=ImgDetMain">
</div>
<div class="locker-h1">
<h1>“Secure Your Gains: Our Spacious Gym Lockers Keep Your Belongings Safe!”</h1>
</div>
</div>
<div class="pool">
<div class="pool-h1">
<h1>“Dive into Fitness: Our Crystal-Clear Pool Is Your Oasis of Strength and Serenity!”</h1>
</div>
<div class="pool-img">
<img src="https://chuzefitness.com/wp-content/uploads/MG_5562.jpg">
</div>
</div>
<div class="sauna">
<div class="sauna-img">
<img src="https://st.hzcdn.com/simgs/74c18d3204c2bd15_9-8537/home-design.jpg">
</div>
<div class="sauna-h1">
<h1>“Relax, Recharge, Repeat: Our Invigorating Sauna Sessions Await!”</h1>
</div>
</div>
<div class="bar">
<div class="bar-h1">
<h1>“Upgrade your strength game: Protein-packed and ready to conquer.”</h1>
</div>
<div class="bar-img">
<img src="https://gymsbournemouth.co.uk/wp-content/uploads/2015/10/GOPR0371-1024x663.jpg">
</div>
</div>
</div>
<div id="plans">
<div class="bronze">
<h1>Bronze</h1>
<ul>
<li class="highlighted">₹200/month</li>
<li>Access to cardio eqipments</li>
<li>No trainer available</li>
<li>Access to locker and changing room</li>
<li>No access to the pool</li>
<li>No access to sauna</li>
<li>No access to protein bar</li>
<li><button class="btn">Signup Now</button></li>
</ul>
</div>
<div class="gold">
<h1>Gold</h1>
<ul>
<li class="highlighted">₹1000/month</li>
<li>Access to both cardio and weightlifting eqipments</li>
<li>Trainer available</li>
<li>Access to locker and changing room</li>
<li>Access to the pool</li>
<li>Access to sauna</li>
<li>Access to protein bar</li>
<li><button class="btn">Signup Now</button></li>
</ul>
</div>
<div class="silver">
<h1>Silver</h1>
<ul>
<li class="highlighted">₹500/month</li>
<li>Access to weightlifting eqipments</li>
<li>Trainer available</li>
<li>Access to locker and changing room</li>
<li>No access to the pool</li>
<li>No access to sauna</li>
<li>Access to protein bar</li>
<li><button class="btn">Signup Now</button></li>
</ul>
</div>
</div>
</div>
<footer>
Copyright © 2024 By Shyam 😎 | All rights reserved
</footer>
<script src="landing.js" async defer></script>
</body>
</html>