-
Notifications
You must be signed in to change notification settings - Fork 0
/
pcos-diet.html
220 lines (186 loc) · 6.71 KB
/
pcos-diet.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
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="PCOS Diet: Comprehensive PCOS Nutrition Service, Hormonal Balance, Fertility Support, Weight Management, Blood Sugar Regulation">
<meta name="keywords" content="PCOS, PCOS Diet, Polycystic Ovary Syndrome, Hormonal Balance, Fertility, Weight Management, Blood Sugar, Nutrition Counseling">
<title>PCOS Diet</title>
<link rel="stylesheet" href="styles.css">
<style>
/* Responsive Styles */
body {
margin: 0;
font-family: Arial, sans-serif;
line-height: 1.6;
}
/* Background Section */
.background-section {
background-image: url('icons/ppcos.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 200px 20px;
color: white;
text-align: center;
position: relative;
}
.background-section h1 {
font-size: 2.5rem;
font-weight: bold;
color: black;
margin-bottom: 20px;
}
.background-section p {
font-size: 1rem;
color: black;
line-height: 1.6;
}
/* Main Content Section */
.content-section {
padding: 20px;
max-width: 900px;
margin: auto;
}
.content-section h2 {
font-size: 2rem;
margin-bottom: 20px;
text-align: center;
}
.content-section p, .content-section ul {
font-size: 1rem;
line-height: 1.6;
}
.content-section ul {
list-style: disc;
padding-left: 20px;
}
.content-section ul li {
margin-bottom: 10px;
}
.why-choose-us {
margin-top: 40px;
}
/* Sign-up box styling */
.signup-box {
background-color: #f9f9f9;
border: 2px solid #ddd;
border-radius: 8px;
padding: 20px;
text-align: center;
max-width: 400px;
margin: 40px auto;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.signup-box h3 {
font-size: 1.5rem;
color: #333;
margin-bottom: 10px;
}
.signup-box p {
font-size: 1rem;
color: #555;
margin-bottom: 20px;
}
.signup-btn {
display: inline-block;
background-color: #007bff;
color: white;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
}
.signup-btn:hover {
background-color: #0056b3;
}
/* Image Section */
.image-section {
text-align: center;
margin-top: 40px;
}
.image-section img {
width: 100%;
max-width: 800px;
height: auto;
border-radius: 8px;
}
/* Responsive Breakpoints */
@media (max-width: 768px) {
.background-section {
padding: 150px 20px;
}
.background-section h1 {
font-size: 2rem;
}
.background-section p {
font-size: 0.9rem;
}
.content-section h2 {
font-size: 1.75rem;
}
.content-section p, .content-section ul {
font-size: 0.9rem;
}
.signup-box h3 {
font-size: 1.25rem;
}
.signup-box p {
font-size: 0.9rem;
}
}
@media (max-width: 480px) {
.background-section h1 {
font-size: 1.75rem;
}
.content-section h2 {
font-size: 1.5rem;
}
.signup-box h3 {
font-size: 1.1rem;
}
}
</style>
</head>
<body>
<!-- Background Section -->
<section class="background-section">
<h1>Empowering Women: Our Comprehensive PCOS Nutrition Service</h1>
<p>Welcome to our dedicated PCOS Nutrition Service, where we understand that managing Polycystic Ovary Syndrome (PCOS) requires a multifaceted approach. Our goal is to empower women with the knowledge, tools, and support they need to take control of their health and well-being.</p>
</section>
<!-- Main Content Section -->
<section class="content-section">
<h2>Our Approach</h2>
<p>We at Revive Wellness believe in a holistic approach to PCOS management, and we create personalized care plans tailored to each individual's unique needs.</p>
<h2>Services We Offer</h2>
<ul>
<li>Personalized Nutrition Counseling</li>
<li>Hormonal Balance through Diet</li>
<li>Weight Management Strategies</li>
<li>Stress Management and Mental Health Support</li>
<li>Exercise Planning</li>
<li>Blood Sugar Regulation</li>
<li>Education and Empowerment</li>
<li>Fertility Support</li>
</ul>
<div class="why-choose-us">
<h2>Why Choose Us</h2>
<p><strong>Holistic Care:</strong> We understand that PCOS affects multiple aspects of a woman's health, and our approach addresses these complexities.</p>
<p><strong>Expertise and Experience:</strong> Our team consists of highly qualified professionals with extensive experience in PCOS management.</p>
<p><strong>Compassionate Support:</strong> We provide a safe and supportive environment for women with PCOS to discuss their concerns and receive personalized care.</p>
</div>
<h2>Embark on Your Journey to Health and Wellness</h2>
<p>Take the first step towards a healthier, more balanced life with our PCOS Nutrition Service. Contact us today to schedule a consultation and begin your journey towards optimal PCOS management.</p>
</section>
<!-- Sign-Up Box for PCOS -->
<div class="signup-box">
<h3>Empower Your PCOS Management!</h3>
<p>Struggling with PCOS? Sign up today to benefit from our specialized PCOS nutrition program tailored to your needs. Begin your path to better health and balanced hormones now!</p>
<a href="membership.html" class="signup-btn">Get Started</a>
</div>
<!-- Image Section -->
<div class="image-section">
<img src="icons/pcos-1.webp" alt="Healthy diet for PCOS management">
</div>
</body>
</html>