-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
192 lines (170 loc) · 8.62 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Fitness Factory</title>
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhaina+2:wght@700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div class="random">
<header class="header">
<!--box for logo-->
<div class="left">
<img style="border-radius: 54px;" src="img/my-logo.png" alt="">
<div class="CaliFriends" ><strong>Cali Friends</strong></div>
</div>
<!--box for navbar-->
<div class="mid">
<nav>
<div id="hamburger" class="hamburger">
<div id="click-ham">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</div>
<ul id="navbar-ham" class="navbar-ham" style="display:none;">
<li><a href="My_First_Project.html">Home</a></li>
<li><a href="html_files/about_.html">About</a></li>
<li><a
href="html_files/services_.html">Services</a>
</li>
<li><a href="html_files/contact_us.html">Conact us</a></li>
</ul>
</div>
<ul id="navbar" class="navbar">
<li><a href="My_First_Project.html">Home</a></li>
<li><a href="html_files/about_.html">About</a></li>
<li><a href="html_files/services_.html">Services</a>
</li>
<li><a href="html_files/contact_us.html">Conact us</a></li>
</ul>
</nav>
</div>
<!--box for buttons-->
<div class="right">
<button class="btn1">Try for free</button>
<button class="btn1">Buy now</button>
</div>
</header>
<!--slogan of my website--->
<div class="container1">
<h1> <span class="span1"> UNLEASH </span> YOUR <span class="span2">INNER ATHLETE</span>
</h1><br>
<h3 id="fitness"><span class="span3">NO PAIN</span> , NO GAIN</h3><br>
<h5 class="h5">The Fitness Factory</h5>
</div>
<!--box for form-->
<div class="container">
<h1>Join Our GYM Now </h1>
<form action="/action_page.php" method="post" id="contact">
<div class="form-group">
<input type="text" name="" placeholder=" Enter your name ">
</div>
<div class="form-group">
<input type="text" name="" placeholder=" Enter your age ">
</div>
<div class="form-group">
<input type="text" name="" placeholder=" Enter your Gender ">
</div>
<div class="form-group">
<input type="text" name="" placeholder=" Purpose for joining ">
</div>
<div class="form-group">
<input type="text" name="" placeholder=" Locality ">
</div>
<button class="btn">Submit</button>
</form>
</div>
<!--my content for the first half-->
<section class="background firstsection">
<div class="box-main">
<div class="firsthalf">
<p class="text-big">The future of FITNESS is here</p>
<p class="text-small">The gym market is growing at an exponential rate. To combat this, fitness
providers are tapping into new ways to give consumers the services they need – mostly centered
on
fitness technology solutions. Whether it’s the invention of the treadmill or the arrival of
wearables, fitness has never stood still. From data-tracking shoes that use your steps to charge
themselves, to gym gear that releases therapeutic
chemicals into your skin and even an underwater punchbag - this is the future of fitness.</p>
<div class="buttons1">
<button onclick="myFunction()" class="btn"> subscribe </button>
<button onclick="myFunction()" class="btn"> watch video </button>
</div>
</div>
<div class="secondhalf">
<img src="img/gym.jpg" alt="future image">
</div>
</div>
</section>
<section class="secright">
<div class="arjun">
<p class="sectionTag text-big">How To Start A Fitness Journey </p>
<p class="sectionSubtag text-small">Does the thought of entering a gym make you start to sweat? Don’t know the difference between a bench press and a bicep
curl or where your target heart rate should be? At The Fitness Factory located in Gandhinagar, GUJ, we understand that starting a
fitness routine can seem overwhelming, but it doesn’t have to be. We are to help you to start your fitness
journey and stay motivated.
</p>
</div>
<div class="thumbnail">
<img src="img/bg1.jpg" alt="pull ups image " class="imgfluid">
</div>
</section>
<!--this is for progress bar design-->
<div id="progressbar"></div>
<div id="scrollpath"></div>
</div>
<div class="extra"><p>hello</p></div>
<div class="extra" id="box-extra"></div>
<div class="extra" id="box-extra1">
<!--The Original Footer Desiging-->
<div id="container3">
<div id="part1">
<div id="mysiteinfo"> <a id="mysite" href="#">Arjun Thakor</a>
<p id="title">Cool and Perfect code designed</p>
<p id="detail"> Build Perfect Body Shape For Good And Healthy Life . When the going gets tough , the tough get fitness.</p>
</div>
<div id="explore">
<p id="txt1">Explore</p> <a class="link" href="#">About</a> <a class="link" href="#">Service</a> <a class="link" href="#">location</a> <a class="link" href="#">Careers</a>
</div>
<div id="visit">
<p id="txt2">Visit</p>
<p class="text">Beast House </p>
<p class="text">Sec-19,Gandhinagar</p>
<p class="text">Gujarat</p>
<p class="text">Phone: +91 8866***09! </p>
<p class="text">Fax: (22) 2323-6239 </p>
</div>
<div id="legal">
<p id="txt3">Legal</p> <a class="link1" href="#">Terms and Conditions</a> <a class="link1" href="#">Private Policy</a>
</div>
<div id="subscribe">
<p id="txt4">Subscribe to US</p>
<form> <input id="email" type="email" placeholder="Email"> </form> <a class="btn" id="btn2">Subscribe</a>
</div>
</div>
<div id="part2">
<p id="txt6"><i class="copyright"> </i>copyright 2020 Arjun Thakor - All right reserved</p>
</div>
</div>
</div>
<!--This is iframe-->
<div class="extra" id="iframe"><div class="arjun1">Andrei</div><iframe width="420" height="345" src="https://www.youtube.com/embed/8LTtEEBImjk"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe><div class="arjun_">Deui</div>
</div>
<!--footer with marquee-->
<footer class="footer1" style="text-align: center;font-size: 21px;padding: 0px;">
<div class="marquee">
<marquee behavior="" direction="left"
onmouseover="this.stop();"
onmouseout="this.start();">join fast to get 25% off for the first enrollment --------- join fast to get 25% off for the first enrollment
--------- join fast to get 25% off for the first enrollment</marquee>
</div>
</footer>
<embed src="./audio_file/Liu_&_GenX_-_Pirate(256k).mp3" type="audio/mpeg" autostart="true" loop="true" hidden="true">
<script src="js/java.js"></script>
</body>
</html>