generated from raja21068/yoga
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathperiods.html
180 lines (164 loc) · 6.56 KB
/
periods.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Foods to Avoid During Menstruation</title>
<style>
/* Base Styles */
body {
font-family: 'Arial', sans-serif;
color: #333;
background-color: #FFF5F7;
margin: 0;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.container {
max-width: 800px;
background-color: #ffffff;
padding: 25px;
margin: 20px;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
h1, h2 {
color: #C0392B;
text-align: center;
font-weight: 700;
}
p, ul, ol {
color: #555;
font-size: 1.1em;
line-height: 1.8;
text-align: left;
}
ul {
padding-left: 1.5em;
margin-bottom: 20px;
}
/* Card Styles */
.card {
background-color: #FDEDEC;
padding: 15px;
margin: 15px 0;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.card-title {
color: #E74C3C;
font-weight: bold;
font-size: 1.3em;
margin-bottom: 5px;
}
.card-content {
color: #333;
font-size: 1em;
line-height: 1.6;
}
/* Divider */
.divider {
height: 2px;
background-color: #F1948A;
margin: 20px 0;
border-radius: 2px;
}
/* Responsive Design */
@media (max-width: 600px) {
.container {
padding: 20px;
}
h1 {
font-size: 1.8em;
}
.card-title {
font-size: 1.2em;
}
.card-content {
font-size: 0.95em;
}
}
</style>
</head>
<body>
<div class="container">
<h1>Foods to Avoid During Menstruation and Why</h1>
<p>During menstruation (3-7 days of bleeding), certain foods can worsen symptoms like cramps, bloating, mood swings, and fatigue. Here’s what to avoid and why, along with warming alternatives that may help you feel better.</p>
<!-- Salty and Processed Foods Card -->
<div class="card">
<div class="card-title">1. Salty and Processed Foods</div>
<div class="card-content">
<strong>Examples:</strong> Chips, canned soups, processed snacks, frozen meals.<br>
<strong>Why Avoid:</strong> High sodium increases water retention, leading to bloating and discomfort.
</div>
</div>
<!-- Caffeinated Drinks Card -->
<div class="card">
<div class="card-title">2. Caffeinated Drinks</div>
<div class="card-content">
<strong>Examples:</strong> Coffee, black tea, energy drinks, soda.<br>
<strong>Why Avoid:</strong> Caffeine constricts blood vessels, which can worsen cramps, and may increase irritability, anxiety, and dehydration.
</div>
</div>
<!-- Sugary Foods Card -->
<div class="card">
<div class="card-title">3. Sugary Foods</div>
<div class="card-content">
<strong>Examples:</strong> Candy, pastries, soda, sugary cereals.<br>
<strong>Why Avoid:</strong> Refined sugars cause blood sugar spikes, which can lead to mood swings, fatigue, and inflammation, potentially worsening cramps.
</div>
</div>
<!-- Spicy Foods Card -->
<div class="card">
<div class="card-title">4. Spicy Foods</div>
<div class="card-content">
<strong>Examples:</strong> Hot peppers, spicy sauces, heavily spiced dishes.<br>
<strong>Why Avoid:</strong> Spicy foods can irritate the stomach, leading to gas, bloating, and diarrhea, which are common during periods.
</div>
</div>
<!-- Red Meat Card -->
<div class="card">
<div class="card-title">5. Red Meat</div>
<div class="card-content">
<strong>Why Avoid:</strong> Red meat is high in prostaglandins, which can increase inflammation and worsen menstrual cramps.
</div>
</div>
<!-- Alcohol Card -->
<div class="card">
<div class="card-title">6. Alcohol</div>
<div class="card-content">
<strong>Examples:</strong> Beer, wine, cocktails.<br>
<strong>Why Avoid:</strong> Alcohol can disrupt hormone balance, cause dehydration, worsen mood swings, and lead to bloating.
</div>
</div>
<!-- Dairy Card -->
<div class="card">
<div class="card-title">7. Dairy (for some people)</div>
<div class="card-content">
<strong>Examples:</strong> Milk, cheese, yogurt.<br>
<strong>Why Avoid:</strong> Some people find dairy increases bloating, gas, and cramps due to its arachidonic acid content, which can trigger inflammation.
</div>
</div>
<div class="divider"></div>
<h2>Cold Foods to Limit and Why</h2>
<p>Cold foods and drinks, such as iced beverages, frozen desserts, and raw salads, may worsen symptoms due to:</p>
<ul>
<li><strong>Increased Cramping:</strong> Cold items may constrict blood vessels, intensifying cramps.</li>
<li><strong>Digestive Discomfort:</strong> Cold foods can slow digestion, leading to bloating.</li>
<li><strong>Temperature Imbalance:</strong> Warm foods can be more comforting and help soothe the body.</li>
</ul>
<div class="divider"></div>
<h2>Warming Food Alternatives</h2>
<p>To help reduce menstrual symptoms, consider these warming and soothing options:</p>
<ul>
<li><strong>Soups and Stews:</strong> Hydrating and comforting, helping to reduce bloating.</li>
<li><strong>Warm Beverages:</strong> Herbal teas (ginger, chamomile) are soothing and may reduce cramps.</li>
<li><strong>Cooked Vegetables and Whole Grains:</strong> Lightly steamed veggies and grains like quinoa or brown rice aid digestion and support energy.</li>
</ul>
<p>Choosing warm, nourishing foods can alleviate menstrual symptoms, improve comfort, and support energy throughout this phase.</p>
</div>
</body>
</html>