-
Notifications
You must be signed in to change notification settings - Fork 51
/
legworkout.html
158 lines (150 loc) · 5.17 KB
/
legworkout.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="./index.css" />
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://cdn.tailwindcss.com"></script>
<title>Document</title>
</head>
<body>
<!-- navbar section -->
<nav class="flex bg-black text-white sticky top-0">
<h2 class="m-5 text-4xl">
Fitne
<h2 class="text-purple-800 mt-5 -ml-5 text-4xl">zz</h2>
</h2>
<ul class="flex flex-row items-center ml-auto space-x-14 mx-auto text-xl">
<li class="cursor-pointer hover:text-pink-700">
<a href="./index.html"> Home</a>
</li>
<li class="cursor-pointer hover:text-pink-700">
<a href="./index.html"> Abou</a>t
</li>
<li class="cursor-pointer hover:text-pink-700">
<a href="./index.html"> Cont</a>act
</li>
<li class="cursor-pointer hover:text-pink-7000">
<a href="./index.html">News</a>
</li>
</ul>
<button
class="bg-purple-800 rounded-md p-2 m-5 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 hover:bg-indigo-500 duration-300"
>
Become a member
</button>
</nav>
<h2
class="text-start font-serif text-3xl font-semibold bg-cyan-400 w-72 h rounded-lg mt-10 ml-10 p-3"
>
Leg Workout
</h2>
<div>
<p class="mt-10 ml-10 text-2xl font-mono">Back squat</p>
<div class="flex flex-row space-x-36">
<iframe
class="h-72 ml-12 w-1/3 rounded-xl mt-6"
allow="autoplay"
src="https://www.youtube.com/embed/Uv_DKDl7EjA"
title="YouTube video player"
frameborder="0"
></iframe>
<iframe
class="h-72 ml-12 w-1/3 rounded-xl mt-6"
allow="autoplay"
src="https://www.youtube.com/embed/T3N-TO4reLQ"
frameborder="0"
></iframe>
</div>
<ul class="m-10 text-xl divide-y-8 bg-green-500 rounded-md">
<li class="h-12 p-3">
1.Place barbell with weights onto the squat rack.
</li>
<li class="h-12 p-2">
2. Bring your body under the bar.Rest barbell over your traps and
shoulders.
</li>
<li class="h-12 p-2">
3.Keep your feet in the same position as they would be for an air
squat.
</li>
<li class="h-12 p-2">4. Brace your midline and keep your chest up.</li>
</ul>
</div>
<div>
<p class="mt-10 ml-10 text-2xl font-mono">Pull-Up</p>
<div class="flex flex-row space-x-36">
<iframe
class="h-72 ml-12 w-1/3 rounded-xl mt-6"
allow="autoplay"
src="https://www.youtube.com/embed/_oyxCn2iSjU"
frameborder="0"
></iframe>
<iframe
class="h-72 ml-12 w-1/3 rounded-xl mt-6"
allow="autoplay"
src="https://www.youtube.com/embed/4usyq_IHdkg"
frameborder="0"
></iframe>
</div>
<ul class="m-10 text-xl divide-y-8 bg-green-500 rounded-md">
<li class="h-12 p-3">
1. Use an overhand grip to hold the bar at hip level.
</li>
<li class="h-12 p-2">
2.Draw your shoulders back and keep your spine straight.
</li>
<li class="h-12 p-2">
3.Push your hips back as you slowly lower the bar toward your feet.
</li>
<li class="h-12 p-2">
4.Press your hips forward to come into a standing position with the
barbell in front of your thighs.
</li>
</ul>
</div>
<div>
<p class="mt-10 ml-10 text-2xl font-mono">Reverse lunges</p>
<div class="flex flex-row space-x-36">
<iframe
class="h-72 ml-12 w-1/3 rounded-xl mt-6"
allow="autoplay"
src="https://www.youtube.com/embed/C_P3Q-PssvY"
frameborder="0"
></iframe>
<iframe
class="h-72 ml-12 w-1/3 rounded-xl mt-6"
allow="autoplay"
src="https://www.youtube.com/embed/SXYrUTUwFoc"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
frameborder="0"
></iframe>
</div>
<ul class="m-10 text-xl divide-y-8 bg-green-500 rounded-md">
<li class="h-12 p-3">
1. Take a large step backward with your left foot.
</li>
<li class="h-12 p-3">
2. Lower your hips so that your right thigh (front leg) becomes
parallel to the floor with your right knee positioned directly over
your ankle.
</li>
<li class="h-12 p-2">
3. our left knee should be bent at a 90-degree angle and pointing
toward the floor with your left heel lifted.
</li>
</ul>
</div>
<div class="flex justify-center">
<button
class="bg-violet-300 rounded hover:rounded-lg hover:text-white hover:bg-violet-800 w-2/10 h-2/3 mb-10 p-3"
>
Checkout our courses
</button>
</div>
<!-- navbar ends -->
</body>
</html>