-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (123 loc) · 5.65 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
<!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="Horizons Occupational Health offers workplace medical clinics, employee wellness programs, DHP medical exams and health consultancy for workplaces in Kenya">
<title>Occupational Health and Wellness Consultants | Horizons</title>
<link rel="canonical" href="https://horizonshealthcare.co.ke/"/>
<link href="/style.css" rel="stylesheet" />
<link alt="Horizons Occupational Health icon" href="/horizons-occupational-health-icon.png" rel="icon" type="image/png" />
<meta name="image" content="/horizons-occupational-health-icon.png" />
<link rel="apple-touch-icon" href="/horizons-occupational-health-icon.png" />
<meta property="og:image" content="/horizons-occupational-health-icon.png" />
<meta name="google-site-verification" content="iK7VppEGKD7lQOlWkghIZUcA_BgRL0z7UCWwVyVW3bQ" />
</head>
<body>
<div class="overlay"></div>
<header>
<a href="/">
<picture>
<source srcset="/assets/horizons-occupational-health-logo.webp" type="image/webp">
<img src= "/assets/horizons-occupational-health-logo.png" alt="Horizons Occupational Health Logo" width="35" height="35">
</picture>
</a>
<div class="header-content">
<h1>Horizons Occupational Health</h1>
<h4>For all your Occupational Health and Wellness Solutions</h4>
<button id="menu-button" aria-label="Toggle Menu">☰</button>
<!-- Navigation Menu -->
<nav id="nav-menu" class="hidden">
<ul>
<li><a href="/" class="active">Home</a></li>
<li><a href="/services/">Services</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/contact/">Contact</a></li>
</ul>
</nav>
</div>
</header>
<div class="container">
<section class="feature-section">
<!-- Section 1: Why Occupational Health Matters -->
<div class="feature-container">
<div class="feature-image" style="aspect-ratio: 3 / 2; width: 100%;">
<picture>
<source srcset="/assets/placeholder1.webp type="image/webp">
<img src="/assets/placeholder1.jpg" alt="Why Occupational Health Matters" width="600" height="380">
</picture>
</div>
<div class="feature-text slide-in">
<h2>Why Occupational Health Matters</h2>
<p>
Occupational health is all about creating safer, healthier workplaces for both employees and employers. By tackling health risks, preventing injuries, and supporting overall well-being, occupational health services help you stay compliant while building a stronger, more engaged team. Prioritizing occupational health is an investment in your organization's long-term success and growth!
</p>
<a href="/services/" class="cta">Explore Our Services</a>
</div>
</div>
<!-- Section 2: Benefits to Employers -->
<div class="feature-container reverse">
<div class="feature-image" style="aspect-ratio: 3 / 2; width: 100%;">
<picture>
<source srcset="/assets/placeholder2.webp type="image/webp">
<img src="/assets/placeholder2.jpg" alt="Benefits to Employers" loading="lazy" width="600" height="400">
</picture>
</div>
<div class="feature-text slide-in">
<h3>Benefits to Employers</h3>
<ul class="custom-bullets">
<li>Lower healthcare and absenteeism costs</li>
<li>Improved workforce morale and productivity</li>
<li>Enhanced employee retention</li>
<li>Prevention of workplace injuries</li>
<li>Better quality and reputation of business</li>
</ul>
</div>
</div>
<!-- Section 3: Benefits to Employees -->
<div class="feature-container">
<div class="feature-image">
<picture>
<source srcset="/assets/placeholder3.webp type="image/webp">
<img src="/assets/placeholder3.jpg" alt="Benefits to Employees" loading="lazy" width="600" height="400">
</picture>
</div>
<div class="feature-text slide-in">
<h3>Benefits to Employees</h3>
<ul class="custom-bullets">
<li>Quick access to medical care</li>
<li>Convenient follow-up and early recovery</li>
<li>Reduced fatigue and discomfort</li>
<li>Improved quality of life</li>
<li>Higher job satisfaction</li>
</ul>
</div>
</div>
<!-- Section 4: Why Choose Us -->
<div class="feature-container reverse">
<div class="feature-image">
<picture>
<source srcset="/assets/placeholder4.webp type="image/webp">
<img src="/assets/placeholder4.jpg" alt="Why Choose Us" loading="lazy" width="600" height="551">
</picture>
</div>
<div class="feature-text slide-in">
<h2>Why Choose Us</h2>
<p>
At Horizons Occupational Health, we understand that a healthy workforce is the foundation of a successful organization.
Our mission is to assist you enhance employee health, reduce absenteeism, and improve overall productivity.
</p>
<ul class="custom-bullets">
<li>Customized Services</li>
<li>Regulatory Compliance</li>
<li>Experienced Team</li>
</ul>
<a href="/about/" class="cta">Meet Our Team...</a>
</div>
</div>
</section>
</div>
<footer>© 2024 Horizons Occupational Health
<div class="social-icons"><img alt="Facebook" src="/assets/facebook_icon.png" /> <img alt="LinkedIn" src="/assets/linkedin_icon.png" /> <img alt="Twitter(X)" src="/assets/twitter_icon.png" /></div>
</footer>
<p></p>
<script src="/script.js"></script>
</body>
</html>