-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
189 lines (183 loc) · 7.84 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
<!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">
<link rel="stylesheet" href="main.css">
<script src="https://kit.fontawesome.com/940e06a5c3.js" crossorigin="anonymous"></script>
<title>Workout</title>
</head>
<body>
<div class="background">
<div id="page_acceuil">
<div id="nav_bar">
<div id="nav">
<img src="image/Fitness_logo-removebg-preview.webp" alt="Workout_Logo">
<nav>
<ul>
<li><a href="#">Classes</a></li>
<li><a href="#">Personal Workout</a></li>
<li><a href="#" class="pri">Price & Plan</a></li>
<li><a href="#">Schedule</a></li>
</ul>
</nav>
</div>
<button id="Register_btn">Register Now</button>
</div>
<div id="fit">
<p class="fitgher"> make you <br> be the <br> <span class="red">fitgher</span></p>
<p class="empower">Empower yourself to make the changes <br> you need to make.</p>
</div>
<button class="GetStarted_btn">Let's get started</button>
</div>
</div>
<div class="bloc_page">
<div>
<h1>POPULAR CLASSES</h1>
<div class="grid_container">
<div>
<h3>Cardio</h3>
<img src="image/cardio.webp"
alt="image_Cardio">
<button class="Read_btn">Read more ...</button>
</div>
<div>
<h3>AirYoga</h3>
<img class="air_yoga"
src="image/airyoga.webp"
alt="image_AirYoga">
<button class="Read_btn">Read more ...</button>
</div>
<div>
<h3>Body Building</h3>
<img class="body" src="image/Body_Building.webp" alt="BodyBuilding_image">
<button class="Read_btn">Read more ...</button>
</div>
<div>
<h3>Press & Back</h3>
<img class="press"
src="image/pressback.webp"
alt="press_back">
<button class="Read_btn">Read more ...</button>
</div>
</div>
</div>
<button class="check_btn">check all Classes</button>
</div>
<div class="section_about">
<div class="about">
<div id="workout">
<h1>ABOUT WORKOUT</h1>
<p>We’re not here to carry you to fitness, we’re here to motivate you to carry yourself to your goals.
</p>
<p>If you’re not sure what your goals are, or don’t know where to start on your fitness journey, come in
and
speak to one of our qualified trainers who can help you develop a plan.
</p>
<button class="schedule_btn">schedule</button>
</div>
<div class="workout"></div>
</div>
</div>
<div class="section_classes">
<div class="classes">
<div id="class">
<h1>Classes</h1>
<p>We host dozens of classes every day, from deadlifting and HIIT to yoga and pilates. We also have
different
classes for varying levels of ability.</p>
<p>Check out our individual class pages to see what’s on when, and stop on by for a chat if you want to
see
how
we do things.</p>
<button class="classes_btn">CLASSES</button>
</div>
<div class="girl"></div>
</div>
</div>
<div class="testimonies">
<h1>Testimonies</h1>
<div class="block">
<i class="fa-solid fa-chevron-left" style="font-size: 1em;"></i>
<i class="fa-solid fa-quote-left" style="font-size: 1em; align-self: flex-start; opacity: 0.5; "></i>
<div>
<p>I discovered Workout six months ago, in the most challenging period in my life. She was a big
success, in
places where “miracle’ teacher and countless others have failed ... :-) Thanks to Workout I run ...!
Workout
is a legendary crew , pushing you with a smile and sparkling eyes, towards another goal, to step out
of
your
comfort zone. A real nerd and a natural energy pill. Grateful to have Donna in my life.
</p>
<p><strong>Tzvia</strong></p>
</div>
<i class="fa-solid fa-chevron-right" style="font-size: 1em;"></i>
</div>
</div>
<div class="change">
<div>
<h1>ARE YOU READY FOR CHANGES ?</h1>
<button class="Register_btn">Register Now</button>
</div>
</div>
<div>
<iframe
src="https://www.google.com/maps/embed? "
style="border:0; width:100%; height:450px;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade" title="Fitness_Map"></iframe>
</div>
<footer>
<div class="section_contact">
<div id="contact">
<div class="contactus">
<form method="post" action="traitement.php">
<h1>Contact Us</h1>
<div class="name">
<input class="FirstName" placeholder="First Name">
<input class="LastName" placeholder="Last Name">
</div>
<div class="num">
<input class="Email" placeholder="Email">
<input class="PhoneNumber" placeholder="Phone Number">
</div>
<input class="Message" placeholder="Message">
</form>
<button class="submit_btn">submit</button>
</div>
<div class="foolowus">
<h1>Follow Us</h1>
<div class="fa">
<i class="fa-brands fa-facebook-square "
style="color: #4267B2; font-size: 40px; vertical-align: middle; "></i>
<h4>facebook</h4>
</div>
<div class="instagram">
<img src="image/new-instagram-logo-png-transparent-light.webp" alt="instagram">
<h4>instagram</h4>
</div>
<div class="twitter">
<i class="fa-brands fa-twitter"
style="color: #1DA1F2; font-size: 40px; vertical-align: middle;"></i>
<h4>twitter</h4>
</div>
</div>
</div>
</div>
<div class="sponsor">
<h1>Sponsor</h1>
<div class="image">
<div><img src="image/MMA-removebg-preview.webp" alt="MMA" class="mma"></div>
<div><img src="image/WBA-removebg-preview.webp" alt="WBA" class="wba">
</div>
<div><img src="image/Yoga.webp" alt="Yoga" class="yoga"></div>
<div> <img src="image/WBC-removebg-preview.webp" class="wbc" alt=wbc></div>
</div>
</div>
<div class="copy">
<div class="copyrigth"> © copyrigth workout-2022 <span>all rights reserved </span></div>
</div>
</footer>
</body>
</html>