-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexercise.html
128 lines (121 loc) · 5.95 KB
/
exercise.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
<!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" />
<title>Exercise || Final</title>
<!-- favicon -->
<link rel="shortcut icon" href="./assets/favicon.ico" type="image/x-icon" />
<!-- normalize -->
<link rel="stylesheet" href="./css/normalize.css" />
<!-- font-awesome -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
/>
<!-- main css -->
<link rel="stylesheet" href="./css/main.css" />
</head>
<body>
<body style="background-color:peachpuff;"></body>
<!-- nav -->
<nav class="navbar">
<div class="nav-center">
<div class="nav-header">
<a href="index.html" class="nav-logo">
<img src="./assets/logo.svg" alt="simply recipes" />
</a>
<button class="nav-btn btn">
<i class="fas fa-align-justify"></i>
</button>
</div>
<div class="nav-links">
<a href="index.html" class="nav-link"> Home </a>
<a href="about.html" class="nav-link"> About </a>
<a href="tags.html" class="nav-link"> Filters </a>
<a href="recipes.html" class="nav-link"> CookBook </a>
<div class="nav-link contact-link">
<a href="contact.html" class="btn"> contact </a>
</div>
</div>
</div>
</nav>
<!-- end of nav -->
<main class="page">
<div class="recipe-page">
<section class="recipe-hero">
<img
src="./assets/recipes/image-10.2.gif"
class="img recipe-hero-img"
/>
<article class="recipe-info">
<h2>Exercises for Cramps Relief</h2>
<p>
When you are plagued with cramps, bloating and fatigue, the last thing you might want to do is work out. Movement during menstruation won’t just distract you from the discomfort; it can have some more concrete benefits such as decreased pain, soreness, cramping, and inflammation.
</p>
<p class="recipe-tags">
Tags : <a>Period</a>
<a>Premenstrual Syndrome (PMS)</a>
<a>Exerccise</a>
<a>Relief</a>
</p>
</article>
</section>
<!-- content -->
<section class="recipe-content">
<article>
<h4>Luckily, that doesn’t mean you need to go hard in the gym or hit the pavement for a half marathon. Instead, look to movement that properly engages your muscles and nourishes the entire body—like the four moves below.</h4>
<!-- single instruction -->
<div class="single-instruction">
<header>
<p>Low back and glute stretch</p>
<div></div>
</header>
<p>
The move: Start with the left foot flat, and right foot directly back from the hip at 6 o’clock. Plant the ball of the back foot like you’re wearing a stiletto heel and slightly bend the front knee. The left arm is going to reach straight out at shoulder height while the right arm reaches overhead. Sway the hips to the right as you reach up and out with the right hand. Repeat 6-8 times on both sides.
</p>
</div>
<!-- end of single instruction -->
<!-- single instruction -->
<div class="single-instruction">
<header>
<p>Kneeling abdominal twist</p>
<div></div>
</header>
<p>
The move: Kneel on the left leg with the right foot planted at 3 o’clock, externally rotated. Interlace the fingers at chest height, lift elbows, and pull the fingers apart to engage the back. Shift your weight into the right foot, finding a deeper bend in the right knee as you drive the left elbow toward the left and twist. Return to center by engaging the glute and driving the right elbow back to square the shoulders forward. Repeat 6-8 times on both sides.
</p>
</div>
<!-- end of single instruction -->
<!-- single instruction -->
<div class="single-instruction">
<header>
<p>Glute bridge</p>
<div></div>
</header>
<p>
The move: Lying down, bend the knees so both feet are planted flat on the floor about 6 inches from the glutes. Reach your fingertips toward your heels, engaging the upper back and opening the chest. Press into the feet and hover the pelvis 1-2 inches above your mat. Engage the glutes and press the pelvis toward the ceiling to find full range in the front of the hips and return to that hover. Repeat for 8-10 reps.
</p>
</div>
<!-- end of single instruction -->
</article>
<article class="second-column">
<div>
<p class="single-tool">The benefit: This move can help alleviate some of the tightness that may develop in your muscles from period cramping and bloating. Here, you’ll open up the outer hips, ribs, abdominals, and back.</p>
<p class="single-tool">The benefit: Hip and pelvic opening stretches can feel great when you are feeling tightness and fullness in this area, which can occur if you experience heavy bleeding, cramping, or PMS.</p>
</div>
</article>
</section>
</div>
</main>
<!-- footer -->
<footer class="page-footer">
<p>
© <span id="date"></span>
<span class="footer-logo">CravingsHub</span>
</p>
</footer>
<script src="./js/app.js"></script>
</body>
</html>