-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
161 lines (152 loc) · 8.24 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Term Project</title>
<link rel="icon" type="image/png" href="images/favicon.png">
<script src="https://kit.fontawesome.com/cc4e1cd038.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/master.css">
<link rel="stylesheet" href="css/variables.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=Madimi+One&display=swap" rel="stylesheet">
<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=Domine:[email protected]&family=Gelasio:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Madimi+One&family=Shadows+Into+Light&display=swap"
rel="stylesheet">
<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=Domine:[email protected]&family=Gelasio:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Madimi+One&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Shadows+Into+Light&display=swap"
rel="stylesheet">
<script src="script.js" defer></script>
</head>
<body>
<header>
<div id="centered">
<div id="top1">
<img src="images/favicon.png" alt="Teeth and Medical Equipment" id="favicon">
<h1>Vancouver Health</h1>
<a href="pages/booking.html" id="booking">Book appointment</a>
</div>
<div id="navbar">
<nav>
<ul>
<li>
<a href="pages/references.html">Services & resources</a>
</li>
<li>
<a href="pages/booking.html">Find a location</a>
</li>
<li>
<a href="pages/references.html">Media</a>
</li>
<li>
<a href="pages/contact.html">My account</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<main>
<div id="search">
<h2>Healthy lives in healthy communities.</h2>
<form method="get" name="q">
<label for="name">Find a hospital
<input type="text" id="name" name="q" placeholder="By hospital name">
</label>
<label for="location">or
<input type="text" id="location" name="q" placeholder="Near a city">
</label>
<button type="submit" id="jsbutton">Search</button>
</form>
</div>
<div id="healthy">
<div id="icons">
<h3>Healthy living</h3>
<ul>
<li><a href="" title="Heart">
<i class="fa-solid fa-heart" aria-hidden="true"></i>
<span class="fa-sr-only">Heart</span></a></li>
<li><a href="" title="Medical">
<i class="fa-solid fa-notes-medical" aria-hidden="true"></i>
<span class="fa-sr-only">Medical</span></a></li>
<li><a href="" title="Hospital">
<i class="fa-solid fa-hospital" aria-hidden="true"></i>
<span class="fa-sr-only">Hospital</span></a></li>
<li><a href="" title="Plus">
<i class="fa-solid fa-plus" aria-hidden="true"></i>
<span class="fa-sr-only">Plus</span></a></li>
</ul>
</div>
<div id="box">
<img src="images/healthy-living.jpg" alt="Fruits, Boots and Headphones">
<p>A healthy lifestyle is one which helps to keep and improve people's health and well-being and can
also help overcome lots of stress. Many governments and non-governmental organizations work in
promoting healthy lifestyles. Healthy living is a lifelong effect. Being healthy includes healthy
eating, physical activities, weight management, and stress management.
A healthy lifestyle includes a balanced diet. This does not mean cutting out important food groups
from your diet or limiting yourself on the amount of calories per day. A well-rounded diet involves
eating most food groups in every meal. Meats, dairy, fruits, and vegetables are all important
components of a meal that will ensure your body is healthy.
Doing a healthy diet brings a lifestyle that can change your life into being healthier and
physically fit.
According to Jim Rohn, "Take care of your body. It's the only place you have to live."</p>
</div>
</div>
<h3 id="news">Latest news:</h3>
<article>
<img src="images/indigenoushealth.jpg" alt="Tents and People">
<h3><a href="https://www.vch.ca/en/news/indigenous-health-outreach-team-making-connections-one-step-time"
target="_blank">Indigenous Health Outreach team is gradually building connections, step by step.</a>
</h3>
<p>February 26, 2024.</p>
<p>First Nations (French: Premières Nations) is a term used to identify Indigenous peoples in Canada who are
neither Inuit nor Métis. Traditionally, First Nations in Canada were peoples who lived south of the tree
line, and mainly south of the Arctic Circle. There are 634 recognized First Nations governments or bands
across Canada. Roughly half are located in the provinces of Ontario and British Columbia.</p>
</article>
<article>
<img src="images/parking.jpg" alt="Parking Lot in Squamish">
<h3><a href="https://www.vch.ca/en/news/vancouver-coastal-health-creates-more-accessible-parking-squamish"
target="_blank">The quantity of accessible parking spaces in Squamish has been raised.</a></h3>
<p>March 4, 2024.</p>
<p>A parking lot (American English) or car park (British English), also known as a car lot, is a cleared
area intended for parking vehicles. The term usually refers to an area dedicated only for parking, with
a durable or semi-durable surface. In most jurisdictions where cars are the dominant mode of
transportation, parking lots are a major feature of cities and suburban areas.</p>
</article>
<article>
<img src="images/internationalwomensday.jpg" alt="Women in Black T-shirts">
<h3><a href="https://www.vch.ca/en/news/inspiring-inclusion-and-accelerating-womens-equity"
target="_blank">Empowering inclusivity and advancing gender equality for women.</a></h3>
<p>March 7, 2024.</p>
<p>Women and Gender Equality Canada (WAGE;French: Femmes et Égalité des genres Canada (FEGC)), known as
Status of Women Canada from 1976 to 2018, is a department of the Government of Canada.</p>
</article>
</main>
<footer id="footer1">
<nav>
<ul>
<li>
<a href="pages/references.html">References</a>
</li>
<li>
<a href="pages/booking.html">Donate</a>
</li>
<li>
<a href="pages/booking.html">Volunteer</a>
</li>
<li>
<a href="pages/contact.html">Contact us</a>
</li>
</ul>
</nav>
<div id="footer">
<p>Copyright © 2024 Abdu Alim Arlikhozhaev</p>
</div>
</footer>
</body>
</html>