generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
229 lines (229 loc) · 11.8 KB
/
index.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
221
222
223
224
225
226
227
228
229
<!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" />
<meta name="description" content= "a wellness and health coaching website, we offer all sort of wellness packages and tutorials" />
<title>Wellness Haven</title>
<link rel="stylesheet" href="./assets/css/style.css" />
</head>
<body>
<!--header and navigation-->
<header>
<div class="nav-box nav-wrapper">
<div class="logo">
<a href="index.html">
<img src="./assets/css/images/logo2.png" alt="logo" />
<h1>Wellness Haven</h1>
</a>
</div>
<nav>
<ul class="nav-list">
<li><a class="current-page" href="#index.html">Home</a></li>
<li><a href="#about_us">About Us</a></li>
<li><a href="#register">Register</a></li>
<li><a href="#contact_us">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!--main content, hero image-->
<main id="main-section">
<div class="hero-image">
</div>
</main>
<section id="about-us-section">
<div class="about-us">
<a id="about_us">
<h2>About Us</h2>
</a>
<p>
Starting a wellness journey and keeping up with the right processes,
procedures,routine and managment can most time be a challenge, Wellness
Haven.A certified <strong>Health and Wellness</strong> organisation.
<strong>Why should you trust your health journey with us?</strong>
We guarantee positive changes on your Blood pressure, Cholesterol, Glucose
(blood sugar), Triglycerides (blood fat), Body weight and Cardiovascular fitness
within three months of enrollment. At Wellness Haven, Accountability is key as
we are always checking on our clients' progress to encourage and give them
unconditional support they need through their wellness journey and all our
coaches are National Board-Certified Health and wellness coach (NBC-HWC) certified.
The journey begins from proper management of some habits you do not pay proper attention to
to <em>Smoking, Stress, Nutrition, Sleep, Inactivity and Time managment.</em>
</p>
</div>
<br>
<div class="services-container">
<div class="services-left">
<h3>If you are a Smoker</h3>
<p>
Findings shows that most tobacco contains a substance called Nicotine
which is an addictive substance, it causes the body system to experience
physical withrawal symptoms and cravings. It causes rise in heart rate,
blood pressure and blocks the arteries over time, all of this are contributing
factors to your health life. However,this can still be managed.
Our wellness coaching journey is never about telling our clients what
to do, but respecting your terms and your reasons for "wanting or not wanting"
to change. It is our job to show up for you in whatever way you need. Here are
some few things that can be an obstacle in achieving your health goals and
wellness potentials.
</p>
<h3>Stress Managment</h3>
<p>
As we know it is a great enemy to our entire body structure and function,
physically and mentally it influences our mood by inviting Anxiety,
Restlessness, Feeling unmotivated or losing focus and being overwhelmed with
every happenings around us. Stress makes us overeact, Angry and may lead to Drug
or alchol misuse and tobacco. It may feel like your world is crumbling down right
in front of you, do not panic, We can help you rectify this.
</p>
<h3>Proper Nutrition and Healthy diet planning</h3>
<p>
Eating right and eating healthy is one of the most effectice ways of preventing
chronic diseases, eating healthy is key to your health. A healthy diet lets your
body function it's full capacity taking you far away from chances of Obesity,
Heart disease ,Diabetes, complications etc. It is not over if you begin a journey
to the right direction regarding your Diet.
</p>
</div>
<div class="services-right">
<h3>Sleep deprivation</h3>
<p>
Take your mobile phone battery as typical example, when it is drained, what do we do?
we rescue the situation by recharging our phone so that we could continue using it,
this same thing applies to our body when we are exhausted , we need a recharge and we
can only achieve this through sleep, this is the only means of letting the body repair,
heal itself from stress, there are varieties of things we do consciously and unconsciously
which hinders our sleeping patterns and ability to sleep. Some of this shall be
communicated to you in a lay man's terms and you get your sleep back on track by
following this instructions.
</p>
<h3> Getting you Active</h3>
<p>
Regular physical activity can improve your muscle strength and boost your endurance.
Exercise delivers oxygen and nutrients to your tissues and helps your cardiovascular
system work more efficiently. And when your heart
and lung health improve, you have more energy to tackle daily chores.We are here to
put you on the right simple but beneficial activities that will improve your overall
body functions.
</p>
<h3>Your Time management</h3>
<p>
This is the process of planning and exercising conscious control of time spent on
specific activities, especially to increase effectiveness, efficiency and productivity.
Using your time effectively gives you the option on spending or managing activities at
your own time and expediency. Our time management instructions are detailed about how
to achieve this without breaking a bank.
</p>
</div>
</div>
</section>
<!--end of about us section-->
<!-- This section is for pricing and subscription plans -->
<section id="price-packages-section">
<h2>Pricing and Packages</h2>
<!--Part of the code used here for the table is from https://www.w3schools.com/howto/howto_css_pricing_table.asp-->
<div class="price-plans ">
<div class="packages">
<ul class="price">
<li class="basic-header">Basic</li>
<li class="block-one">$19.99 / month</li>
<li class="block-two">Two Months</li>
<li class="block-three">One Session / month</li>
<li class="grey"><a href="#register" class="button">Choose</a></li>
</ul>
</div>
<div class="packages">
<ul class="price">
<li class="silver-header">Silver</li>
<li class="block-one">$14.99 / month</li>
<li class="block-two">Six Months</li>
<li class="block-three">Three Sessions / month</li>
<li class="grey"><a href="#register" class="button">Choose</a></li>
</ul>
</div>
<div class="packages">
<ul class="price">
<li class="gold-header">Gold</li>
<li class="block-one">$9.99 / month</li>
<li class="block-two">One year</li>
<li class="block-three">Six Sessions / month</li>
<li class="grey"><a href="#register" class="button">Choose</a></li>
</ul>
</div>
</div>
</section>
<!-- End of pricing and plan section -->
<!-- This section is the form section -->
<section id="form-section">
<a id="register">
<h2>Register Now!</h2>
</a>
<div class="form-container">
<form action="/action_page.php" method="post">
<div class="column">
<label for="fname">First Name</label><br>
<input type="text" id="fname" name="firstname" placeholder="Enter your first name" required/>
</div>
<div class="column">
<label for="lname">Last Name</label><br>
<input type="text" id="lname" name="lastname" placeholder="Enter your last name" required/>
</div>
<div class="column">
<label for="phone">Enter a phone number</label><br>
<input type="tel" id="phone" name="phone" placeholder="123-45-678"
pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}" required />
</div>
<div class="column">
<label for="email">Enter your email</label><br>
<input type="email" id="email" name="email" placeholder="Your email address" required />
</div>
<br><br>
<div class="column">
<input type="submit" value="Submit" />
</div>
</form>
</div>
</section>
<!-- End of form section -->
<!-- This is the footer section with contacts and social media links -->
<section id="footer-section">
<footer>
<div class="contact-us">
<a id="contact_us">
<h2>Contact Us</h2>
</a>
<p id="contact">Pajalagatan 564,
<br>
Stockholm,
<br>
12345
<br >
Sweden.
<br>
Tel: 012 345 6789
<br>
E-mail: [email protected]
</p>
<ul class="social-networks">
<li>
<a href="https://facebook.com" target="_blank" rel="noopener" aria-label="Visit our Facebook page (opens in a new tab)"><i class="fab fa-facebook"></i></a>
</li>
<li>
<a href="https://twitter.com" target="_blank" rel="noopener" aria-label="Visit our Twitter page (opens in a new tab)"><i class="fab fa-twitter-square"></i></a>
</li>
<li>
<a href="https://youtube.com" target="_blank" rel="noopener" aria-label="Visit our YouTube page (opens in a new tab)"><i class="fab fa-youtube-square"></i></a>
</li>
<li>
<a href="https://instagram.com" target="_blank" rel="noopener" aria-label="Visit our Instagram page (opens in a new tab)"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</footer>
</section>
<!-- font awesome script -->
<script src="https://kit.fontawesome.com/d4474c69b6.js" crossorigin="anonymous"></script>
</body>
</html>