-
Notifications
You must be signed in to change notification settings - Fork 51
/
shoulderworkout.html
155 lines (147 loc) · 5.12 KB
/
shoulderworkout.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
<!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"
>
Shoulder Workout
</h2>
<div>
<p class="mt-10 ml-10 text-2xl font-mono">Barbell Standing Press</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/QAQ64hK4Xxs"
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/2yjwXTZQDDI"
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">Lateral Raise</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/v_ZkxWzYnMc"
frameborder="0"
></iframe>
<iframe
class="h-72 ml-12 w-1/3 rounded-xl mt-6"
allow="autoplay"
src="https://www.youtube.com/embed/fD6kaKjiy84"
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. Stand or sit with a dumbbell in each hand at your sides.
</li>
<li class="h-12 p-2">
2.Keep your back straight, brace your core, and thenslowly lift the
weights out the side until your arms are parallel to the floor.
</li>
<li class="h-12 p-2">
3.Then lower them back down, again in measured fashion – you’ll find
it all the harder if you avoid speeding up.
</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/aHlrxmL3S6o"
frameborder="0"
></iframe>
<iframe
class="h-72 ml-12 w-1/3 rounded-xl mt-6"
allow="autoplay"
src="https://www.youtube.com/embed/jaAV-rD45I0"
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. Breathe in and brace the abdominals. Keep your back straight, chest
up, and eyes focused forward.
</li>
<li class="h-12 p-3">
2. Lift the barbell up (toward the chin) as you exhale.
</li>
<li class="h-12 p-2">
3.Pause at the top of the lift.Lower the barbell as you inhale,
returning it to the starting position.
</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>