-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathservices.html
More file actions
190 lines (182 loc) · 7.06 KB
/
services.html
File metadata and controls
190 lines (182 loc) · 7.06 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Our Services - HealthNest</title>
<link rel="stylesheet" href="capstone.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"
rel="stylesheet"
/>
</head>
<body>
<nav class="navbar">
<div class="container nav-container">
<a href="capstone.html" class="logo">HealthNest</a>
<ul class="nav-menu">
<li><a href="capstone.html" class="nav-link active">Home</a></li>
<li><a href="about-us.html" class="nav-link">About</a></li>
<li><a href="services.html" class="nav-link">Services</a></li>
<li><a href="contact.html" class="nav-link">Contact</a></li>
</ul>
<button id="theme-toggle" class="theme-btn">Dark Mode</button>
</div>
</nav>
<section class="page-hero">
<div class="container">
<h1>Our Services</h1>
<p class="subtitle">
Comprehensive wellness solutions tailored to your needs
</p>
</div>
</section>
<section class="services-detail">
<div class="container">
<div class="service-detail-card">
<div class="service-detail-content">
<h2>Serene Care</h2>
<p class="service-description">
Experience tranquility with our calming, nature-inspired approach
to your health. Serene Care focuses on stress reduction, mental
clarity, and emotional balance.
</p>
<h3>What's Included:</h3>
<ul class="service-features">
<li>Guided meditation sessions</li>
<li>Stress management techniques</li>
<li>Mindfulness training</li>
<li>Breathing exercises</li>
<li>Sleep optimization programs</li>
<li>Mental wellness assessments</li>
</ul>
<a href="contact.html" class="btn btn-primary">Book Now</a>
</div>
<div class="service-detail-image serene-img"></div>
</div>
<div class="service-detail-card reverse">
<div class="service-detail-content">
<h2>Vibrant Health</h2>
<p class="service-description">
Achieve peak vitality through our refreshing and dynamic wellness
programs. Vibrant Health combines fitness, nutrition, and
lifestyle optimization.
</p>
<h3>What's Included:</h3>
<ul class="service-features">
<li>Personal fitness training</li>
<li>Custom nutrition plans</li>
<li>Energy optimization</li>
<li>Metabolic health analysis</li>
<li>Group fitness classes</li>
<li>Monthly progress tracking</li>
</ul>
<a href="contact.html" class="btn btn-primary">Book Now</a>
</div>
<div class="service-detail-image vibrant-img"></div>
</div>
<div class="service-detail-card">
<div class="service-detail-content">
<h2>Holistic Wellness Programs</h2>
<p class="service-description">
Our comprehensive programs address all aspects of your well-being,
from nutrition and fitness to mental health and recovery.
</p>
<h3>What's Included:</h3>
<ul class="service-features">
<li>Personalized wellness roadmap</li>
<li>One-on-one coaching sessions</li>
<li>Nutritional guidance</li>
<li>Fitness program design</li>
<li>Mental health support</li>
<li>Recovery and prevention strategies</li>
</ul>
<a href="contact.html" class="btn btn-primary">Book Now</a>
</div>
<div class="service-detail-image holistic-img"></div>
</div>
</div>
</section>
<section class="products">
<div class="container">
<h2>Our Remedies</h2>
<div class="product-grid">
<div class="product-card">
<div class="product-image nature-1"></div>
<p class="product-price">$49.99</p>
<h3>Vitality Elixir</h3>
<p>
A potent blend to invigorate your senses and boost your daily
energy. Feel the difference from the first drop.
</p>
<a href="contact.html" class="btn btn-primary">Order Now</a>
</div>
<div class="product-card">
<div class="product-image nature-2"></div>
<p class="product-price">$79.99</p>
<h3>Serenity Drops</h3>
<p>
Melt away stress and find your calm. This soothing formula
promotes restful sleep and mental peace.
</p>
<a href="contact.html" class="btn btn-primary">Order Now</a>
</div>
</div>
</div>
</section>
<section class="pricing">
<div class="container">
<h2>Choose Your Plan</h2>
<div class="pricing-grid">
<div class="pricing-card">
<h4>Basic Care</h4>
<p class="pricing-subtitle">Essential wellness.</p>
<p class="pricing-amount">$19.99</p>
<a href="contact.html" class="btn btn-outline">Sign Up</a>
<ul class="pricing-features">
<li>Daily Check-ins</li>
<li>Basic Support</li>
<li>Community Access</li>
<li>Resource Library</li>
<li>Weekly Newsletter</li>
</ul>
</div>
<div class="pricing-card featured">
<h4>Pro Health</h4>
<p class="pricing-subtitle">Advanced health.</p>
<p class="pricing-amount">$49.99</p>
<a href="contact.html" class="btn btn-primary">Sign Up</a>
<ul class="pricing-features">
<li>All Basic Features</li>
<li>Personalized Plans</li>
<li>Priority Support</li>
<li>Exclusive Webinars</li>
<li>Monthly Consultations</li>
</ul>
</div>
<div class="pricing-card">
<h4>Elite Wellness</h4>
<p class="pricing-subtitle">Ultimate well-being.</p>
<p class="pricing-amount">$99.99</p>
<a href="contact.html" class="btn btn-outline">Sign Up</a>
<ul class="pricing-features">
<li>All Pro Features</li>
<li>Dedicated Coach</li>
<li>24/7 Access</li>
<li>Advanced Analytics</li>
<li>Annual Retreats</li>
</ul>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<p>copy; 2024 HealthNest. All rights reserved.</p>
</div>
</footer>
<script src="./capstone.js"></script>
</body>
</html>