-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathweight-loss-program.html
161 lines (137 loc) · 5.64 KB
/
weight-loss-program.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
<!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="Weight Loss Program: Personalized Weight Loss Management">
<title>Weight Loss Program</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<style>
/* Style for the background image section */
.background-section {
background-image: url(icons/lose_weight_1_1200x.webp); /* Path to your background image */
background-size: cover; /* Ensures the image covers the entire section */
background-position: center; /* Centers the image */
background-repeat: no-repeat; /* Prevents the image from repeating */
position: relative;
padding: 200px; /* Adjust padding as needed */
color: white; /* Text color */
text-align: center; /* Center-aligns text */
}
/* Style for the overlay text on the background */
.background-section h1 {
font-size: 38px;
color:black;
font-weight: bold;
margin-bottom: 10px;
}
.background-section p {
font-size: 18px;
line-height: 1.6;
}
/* Image section */
.image-section {
text-align: center;
margin-top: 40px;
}
.image-section img {
width: 100%;
max-width: 800px;
height: auto;
}
/* General text styling */
.content-section {
padding: 20px;
max-width: 900px;
margin: auto;
}
.content-section h2 {
font-size: 36px;
margin-bottom: 20px;
text-align: center;
}
.content-section ul {
list-style: disc;
padding-left: 20px;
}
.content-section ul li {
margin-bottom: 10px;
}
.content-section .why-choose-us {
margin-top: 40px;
}
/* Style for the sign-up box */
.signup-box {
background-color: #f9f9f9;
border: 2px solid #ddd;
border-radius: 8px;
padding: 20px;
text-align: center;
max-width: 400px;
margin: 20px auto;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.signup-box h3 {
font-size: 1.5em;
color: #333;
margin-bottom: 10px;
}
.signup-box p {
font-size: 1em;
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;
}
</style>
<!-- Background Section -->
<section class="background-section">
<h1>Transform Your Health: Our Personalized Weight Loss Program</h1>
<p>Welcome to our tailored Weight Loss Program, where we believe that achieving a healthy weight is a vital step towards overall well-being. Our mission is to provide you with the knowledge, guidance, and personalized support needed to embark on a sustainable journey towards a healthier, happier you.</p>
</section>
<!-- Main Content Section -->
<section class="content-section">
<h2>Our Approach</h2>
<p>At Revive Wellness, we adopt a comprehensive and individualized approach to weight loss. We understand that every person is unique, and we work closely with you to develop a plan that aligns with your goals, preferences, and lifestyle.</p>
<h2>Services We Offer</h2>
<ul>
<li>Personalized Nutrition Counseling</li>
<li>Customized Exercise and Fitness Planning</li>
<li>Behavioral and Lifestyle Modification Strategies</li>
<li>Emotional and Psychological Support</li>
<li>Regular Progress Tracking and Monitoring</li>
<li>Education and Empowerment</li>
</ul>
<div class="why-choose-us">
<h2>Why Choose Us</h2>
<p><strong>Expertise and Experience:</strong> Our team consists of certified professionals with extensive experience in weight management and lifestyle modification.</p>
<p><strong>Holistic Wellness:</strong> We understand that successful weight loss is about more than just the number on the scale. We focus on overall health, including nutrition, fitness, and mental well-being.</p>
<p><strong>Patient-Centered Care:</strong> We believe in open communication and active collaboration. Your input and preferences are integral to shaping your weight loss journey.</p>
</div>
<h2>Embark on Your Journey to a Healthier You</h2>
<p>Begin your transformation towards a healthier, more vibrant life with our Weight Loss Program. Contact us today to schedule a consultation and take the first step towards achieving your weight loss goals.</p>
</section>
<div class="signup-box">
<h3>Need help in wight-loss?</h3>
<p>Ready to manage your weight effectively? Sign up today to join our tailored weight loss program and start your journey to a healthier body. Your optimal health awaits!</p>
<a href="membership.html" class="signup-btn">Get Started</a>
</div>
<!-- Image Section -->
<div class="image-section">
<img src="icons/Weight-Loss.png" alt="Weight loss management plan">
</div>
<!-- Sign-Up Box for Cholesterol -->
</body>
</html>