-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
123 lines (102 loc) · 3.99 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - Health Advice Group</title>
<!-- Accessibility and Font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
<!-- Bootstrap and Icons -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"/>
<style>
:root {
--primary-color: #2C7A7B;
--secondary-color: #ffffff;
--accent-color: #38B2AC;
}
body {
font-family: 'Roboto', sans-serif;
background-color: var(--secondary-color);
color: #2C7A7B;
margin: 0;
padding: 0;
}
/* Navigation Bar Styling */
nav {
background-color: var(--primary-color);
padding: 10px 20px;
}
nav a {
color: var(--secondary-color);
text-decoration: none;
margin: 0 15px;
font-size: 1.1rem;
}
nav a:hover {
color: var(--accent-color);
text-decoration: underline;
}
/* Main content styling */
.container {
margin: 0 auto;
padding: 30px;
max-width: 1200px;
}
.card {
background-color: var(--secondary-color);
border-radius: 8px;
box-shadow: 0 4px 8px #2C7A7B;
padding: 40px;
}
h2 {
color: var(--primary-color);
font-size: 1.8rem;
margin-top: 20px;
}
p {
font-size: 1rem;
line-height: 1.6;
}
strong {
font-weight: bold;
color: var(--primary-color);
}
footer {
background-color: var(--primary-color);
color: var(--secondary-color);
padding: 15px;
text-align: center;
}
</style>
</head>
<body>
<!-- Navigation Bar -->
<nav>
<a href="index.html">Home</a>
<a href="terms.html">Terms & Conditions</a>
<a href="contact.html">Contact</a>
</nav>
<main class="container my-5">
<section class="card p-4 shadow-sm">
<h2>About Us</h2>
<p><strong>Health Advice Group</strong> is committed to improving public awareness about environmental health. Our mission is to provide real-time air quality monitoring, weather-based health advice, and valuable resources to help individuals make informed health decisions.</p>
<h2>Our Mission</h2>
<p>We believe that access to accurate and up-to-date environmental health data can empower communities to take better care of their well-being. Our platform integrates technology with environmental research to deliver personalized and actionable health insights.</p>
<h2>What We Offer</h2>
<ul>
<li>Real-time <strong>air quality monitoring</strong> to help you plan your activities safely.</li>
<li>Weather-based <strong>health advice</strong> tailored to your location.</li>
<li>Educational resources on environmental health and personal well-being.</li>
</ul>
<h2>Our Commitment</h2>
<p>We are dedicated to maintaining high accessibility standards, ensuring that our services are inclusive and easy to use for everyone. Your health and safety are at the heart of everything we do.</p>
<h2>Contact Us</h2>
<p>If you have any questions, feel free to reach out to us at <strong>[email protected]</strong>.</p>
</section>
</main>
<footer>
<p>© 2025 Health Advice Group. All rights reserved.</p>
</footer>
</body>
</html>