forked from komoroshin/H4Usite
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
264 lines (241 loc) · 13.1 KB
/
about.html
File metadata and controls
264 lines (241 loc) · 13.1 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
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
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<!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="About Healthy4U - Your Health Operating System. A HealthTech company shaping the future of healthcare through advanced AI.">
<link rel="icon" type="image/png" href="favicon.png">
<title>About Us | Healthy4U - Your Health Operating System</title>
<!-- Google Fonts -->
<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@400;500;600;700&display=swap" rel="stylesheet">
<!-- Styles -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Navigation -->
<nav class="nav">
<div class="container nav-container">
<a href="index.html" class="nav-logo">
<img src="logo.png" alt="Healthy4U" class="brand-logo">
</a>
<div class="nav-links">
<a href="about.html" class="nav-link nav-link-active">About</a>
<a href="casestudy.html" class="nav-link">Case Studies</a>
<a href="index.html#services" class="nav-link">Platform</a>
<a href="index.html#pillars" class="nav-link">Why Us</a>
<a href="index.html#ecosystem" class="nav-link">Ecosystem</a>
<a href="index.html#testimonials" class="nav-link">Testimonials</a>
<a href="https://medical-b2b.healthy4u.world/auth/login" class="btn btn-primary"
target="_blank">Schedule a Demo</a>
</div>
<button class="nav-menu-btn" id="menuBtn" aria-label="Menu">
<span></span>
<span></span>
<span></span>
</button>
</div>
</nav>
<!-- About Hero Section -->
<section class="about-hero section" id="about-hero">
<div class="container">
<div class="about-hero-content reveal">
<h1 class="headline-xl about-headline">A HealthTech company shaping the future of healthcare through
advanced AI technologies.</h1>
<p class="subheadline about-subheadline">
Built by healthcare practitioners, with a proven case running in an Israeli clinic.
</p>
<div class="hero-ctas">
<a href="index.html#trust" class="btn btn-primary btn-lg">See the Case Study</a>
</div>
</div>
</div>
</section>
<!-- Vision Section -->
<section class="vision-section section" id="vision">
<div class="container">
<div class="vision-header reveal">
<h2 class="headline-lg">We are building healthcare that scales for decades.</h2>
</div>
<div class="vision-grid">
<div class="vision-item reveal">
<div class="vision-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2">
<path d="M12 20h9" />
<path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" />
</svg>
</div>
<div class="vision-content">
<h3 class="vision-title">Ambient Documentation</h3>
<p class="vision-description">Removes admin work from every visit – not clinical judgment.
Physicians focus on patients, not paperwork.</p>
</div>
</div>
<div class="vision-item reveal">
<div class="vision-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2">
<circle cx="12" cy="12" r="10" />
<path d="M2 12h20" />
<path
d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" />
</svg>
</div>
<div class="vision-content">
<h3 class="vision-title">Global-Ready Operations</h3>
<p class="vision-description">Intake, scheduling, and patient communication that work across
languages and regions.</p>
</div>
</div>
<div class="vision-item reveal">
<div class="vision-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
</svg>
</div>
<div class="vision-content">
<h3 class="vision-title">Transparent Decision Support</h3>
<p class="vision-description">AI that is transparent, auditable, and clinician-controlled. Every
recommendation is explainable.</p>
</div>
</div>
<div class="vision-item reveal">
<div class="vision-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2">
<path d="M22 12h-4l-3 9L9 3l-3 9H2" />
</svg>
</div>
<div class="vision-content">
<h3 class="vision-title">Continuous Care</h3>
<p class="vision-description">Post-visit workflows and patient monitoring that continue
automatically between visits.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Team Section -->
<section class="team-section section" id="team">
<div class="container">
<div class="team-header reveal">
<p class="tagline">Leadership</p>
<h2 class="headline-lg">Meet Our Team</h2>
</div>
<div class="team-featured-photo reveal" style="margin-bottom: var(--space-12);">
<img src="team_group_v2.jpg" alt="Healthy4U Founders: Konstantin, Sergey, and Gennady"
style="width: 100%; border-radius: var(--radius-2xl); box-shadow: var(--shadow-lg); object-fit: cover; max-height: 500px;">
</div>
<div class="team-grid">
<div class="team-card reveal">
<div class="team-avatar">
<img src="gennady_final.png" alt="Gennady Ochman"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<h3 class="team-name">Gennady Ochman</h3>
<p class="team-role">CEO, Co-Founder</p>
</div>
<div class="team-card reveal">
<div class="team-avatar">
<img src="sergey_final.png" alt="Sergey Nemesh"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<h3 class="team-name">Sergey Nemesh</h3>
<p class="team-role">CTO, Co-Founder</p>
</div>
<div class="team-card reveal">
<div class="team-avatar">
<img src="konstantin_final.png" alt="Konstantin Moroshin"
style="width: 100%; height: 100%; object-fit: cover;">
</div>
<h3 class="team-name">Konstantin Moroshin</h3>
<p class="team-role">Chief Strategy Officer</p>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="cta-section section" id="cta">
<div class="container">
<div class="cta-content reveal">
<h2 class="headline-lg cta-headline">Ready to Transform Healthcare?</h2>
<p class="subheadline cta-subheadline">Join us in building the future of intelligent healthcare.</p>
<div class="hero-ctas">
<a href="https://medical-b2b.healthy4u.world/auth/login" class="btn btn-primary btn-lg"
target="_blank">See AI in Action</a>
<a href="index.html#trust" class="btn btn-secondary btn-lg">Read the Case Study</a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<div class="footer-logo">
<img src="logo.png" alt="Healthy4U" class="brand-logo">
</div>
<p class="footer-description">AI-native healthcare platform connecting patients, clinics, and
continuous care into one intelligent system.</p>
</div>
<div class="footer-column">
<h4>Platform</h4>
<ul class="footer-links">
<li><a href="index.html#services" class="footer-link">For Patients</a></li>
<li><a href="index.html#services" class="footer-link">For Clinics</a></li>
<li><a href="index.html#ecosystem" class="footer-link">Ecosystem</a></li>
<li><a href="#" class="footer-link">Integrations</a></li>
</ul>
</div>
<div class="footer-column">
<h4>Company</h4>
<ul class="footer-links">
<li><a href="about.html" class="footer-link">About Us</a></li>
<li><a href="casestudy.html" class="footer-link">Case Studies</a></li>
<li><a href="#" class="footer-link">Blog</a></li>
<li><a href="#" class="footer-link">Careers</a></li>
</ul>
</div>
<div class="footer-column">
<h4>Legal</h4>
<ul class="footer-links">
<li><a href="terms.html" class="footer-link">Terms of Service</a></li>
<li><a href="privacy.html" class="footer-link">Privacy Policy</a></li>
</ul>
</div>
<div class="footer-column">
<h4>Contact</h4>
<ul class="footer-links">
<li><a href="mailto:support@healthy4u.world" class="footer-link">Support</a></li>
<li><a href="mailto:privacy@healthy4u.world" class="footer-link">Privacy</a></li>
<li><a href="mailto:billing@healthy4u.world" class="footer-link">Billing</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p class="footer-copyright">© 2026 Healthy4U. All rights reserved.</p>
<div class="footer-social">
<a href="#" class="social-link" aria-label="LinkedIn">
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
<path
d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" />
</svg>
</a>
<a href="#" class="social-link" aria-label="Twitter">
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
<path
d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z" />
</svg>
</a>
</div>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>