-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·518 lines (493 loc) · 21.5 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
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
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="robots" content="index, follow">
<link rel="shortcut icon" type="image/png" href="favicon.png">
<link rel="stylesheet" type="text/css" href="./all.css?7992">
<link href='https://fonts.googleapis.com/css?family=Poppins:100,500,700,40&display=swap&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<title>Home</title>
<!-- Analytics -->
<!-- Analytics END -->
</head>
<body>
<!-- Preloader -->
<div id="page-loading-blocs-notifaction" class="page-preloader"></div>
<!-- Preloader END -->
<!-- Main container -->
<div class="page-container">
<!-- hero -->
<div class="bloc primary-gradient bloc-fill-screen bgc-417 l-bloc " id="hero">
<div class="bloc-bg-mask">
<svg class="svg-mask bloc-fill" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid slice"><path d="m254.7 333.255a50 50 0 0 0 65.165 27.45l180.135-73.357v212.652h-500v-500h118.988z"></path></svg>
</div>
<div class="container fill-bloc-top-edge">
<div class="row">
<div class="col-12">
<nav class="navbar row navbar-light">
<div class="container-fluid">
<a class="navbar-brand ltc-1078 link-style" href="./">Health Guardians</a>
<button id="nav-toggle" type="button" class="ui-navbar-toggler navbar-toggler border-0 p-0 me-md-0 ms-auto" data-bs-toggle="collapse" data-bs-target=".navbar-352" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><svg height="32" viewBox="0 0 32 32" width="32"><path class="svg-menu-icon menu-icon-stroke" d="m2 9h28m-28 7h28m-28 7h28" auto-style-class="menu-icon-stroke" data-custom-classes=" menu-icon-stroke"></path></svg></span>
</button>
<div class="collapse navbar-collapse navbar-352 fullscreen-nav">
<ul class="site-navigation nav navbar-nav ms-auto">
<li class="nav-item">
<a href="./contact/" class="nav-link ltc-1078">Contact</a>
</li>
<li class="nav-item">
<a href="./sample/" class="nav-link ltc-1078">Sample</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="text-center text-md-start col-lg-5 mb-4 mt-4 col-sm-8 offset-sm-2 col-md-6 offset-lg-0 offset-md-3">
<div class="book-container container-div-style">
<div class="text-lg-center ms-lg-3">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/Health%20Guardians-logos_transparent.webp"><img src="img/lazyload-ph.png" data-src="img/Health%20Guardians-logos_transparent.png" class="img-fluid mx-auto d-block mb-4 book-graphic lazyload" alt="placeholder image" width="300" height="300"></picture>
<h3 class="tc-3578 book-title mb-0">
Health Guardians
</h3>
<div class="divider-h book-divider">
</div>
<p>
<br>
</p>
</div>
</div>
</div>
<div class="text-center align-self-center col-lg-6 offset-lg-1 offset-md-2 col-md-8 text-md-center text-lg-start">
<h1 class="hero-heading mb-3 tc-1078">
Secure Your Health, Empower Your Future
</h1>
<p class="tc-257 hero-sub-heading mb-4">
<br>
</p><a href="./sample/" class="btn me-3 wire-btn-c-1078 btn-wire mb-3 hero-btn mb-sm-0">Try Us Now</a><a href="./" class="btn btn-c-1078 white-btn hero-btn">Contact Us<span class="special-tag-for-editing-text-with-html"></span><span class="special-tag-for-editing-text-with-html"></span></a>
</div>
</div>
</div>
</div>
<!-- hero END -->
<!-- table-of-contents -->
<div class="bloc l-bloc" id="table-of-contents">
<div class="container bloc-md bloc-lg-md">
<div class="row">
<div class="text-md-start col-lg-8 offset-lg-2 mb-5 text-start">
<h3 class="section-heading tc-2641 h3-style">
Blockchain-based healthcare record repository<br>
</h3>
<h4 class="mb-4 tc-3578 section-sub-heading primary-dot">
Simplifying Security and Efficiency with Our Solutions<br>
</h4>
<p>
Hospitals face unique IT challenges in securing users data. Your entire hospitals has important and confidential patient data that can be hard to secure. HG makes the process simpler to manage and use, highly reliable and a lot less costly for hospitals so that they can digitalize and store it securely.<br>
</p>
</div>
<div class="text-md-start col-lg-8 offset-lg-2 text-start">
<h4 class="mb-4 tc-3578">
Better Security with Better Technology<br>
</h4>
<div class="contents-card bgc-6936 mb-5 pt-4 pb-4 ps-4 pe-4 pt-md-5 pb-md-5 ps-md-5 pe-md-5">
<ul class="list-unstyled">
<li class="contents-item mb-3 tc-4742">
<p class="tc-3578 contents-title">
Blockchain-Backed Data Security<br>
</p>
<p class="number-label tc-509">
<br>
</p>
</li>
<li class="contents-item mb-3 tc-4742">
<p class="tc-3578 contents-title">
FHIR Standards Integration<br>
</p>
<p class="number-label tc-509">
<br>
</p>
</li>
<li class="contents-item mb-3 tc-4742">
<p class="tc-3578 contents-title">
Data Encryption and Hashing<br>
</p>
</li>
<li class="contents-item mb-3 tc-4742">
<p class="tc-3578 contents-title">
Web3 Integration
</p>
</li>
<li class="contents-item mb-3 tc-4742">
<p class="tc-3578 contents-title">
User Training and Support<br>
</p>
</li>
<li class="contents-item mb-3 tc-4742">
<p class="tc-3578 contents-title">
Continuous System Monitoring
</p>
</li>
<li class="contents-item mb-3 tc-4742">
<p class="tc-3578 contents-title">
Scalable Solutions
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- table-of-contents END -->
<!-- quote -->
<div class="bloc bgc-2641 d-bloc" id="quote">
<div class="container bloc-md bloc-lg-md">
<div class="row">
<div class="text-center text-lg-center offset-lg-2 col-lg-8 text-md-center">
<h4 class="mb-4 tc-1078 qoute-heading h4-style">
"Saying 'I don't care about privacy because I have nothing to hide' is like saying 'I don't care about freedom of speech because I have nothing to say."<br>
</h4><picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/dd.webp"><img src="img/lazyload-ph.png" data-src="img/dd.jpg" class="img-fluid rounded-circle mx-auto d-block mb-2 quote-avatar lazyload" alt="placeholder user" width="121" height="91"></picture>
<h6 class="tc-1078">
Edward Snowden<br>
</h6>
<p class="tc-257 mb-0">
Russian technology specialist<br>
</p>
</div>
</div>
</div>
</div>
<!-- quote END -->
<!-- resources -->
<div class="bloc bgc-6936 l-bloc" id="resources">
<div class="container bloc-md bloc-lg-md">
<div class="row">
<div class="text-md-start col-lg-8 offset-lg-2 mb-5 text-start col-md-12">
<h3 class="section-heading tc-2641">
A Secure Future with Our Advanced Data Solutions<br>
</h3>
<h4 class="mb-4 tc-3578 section-sub-heading primary-dot btn-resize-mode h4-resources-style">
Trust in our secure platform to safeguard sensitive information, backed by regular security audits and compliance checks<br>
</h4>
<p class="p-style">
We prioritize user privacy and data integrity by implementing blockchain technology, FHIR standards, and advanced encryption. Our user-friendly interface ensures seamless navigation, while our comprehensive content caters to the needs of healthcare professionals. Join us in building a community dedicated to the future of secure healthcare technology.<br>
</p>
</div>
<div class="col-md-4 text-center text-md-start">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/resource-3.webp"><img src="img/lazyload-ph.png" data-src="img/resource-3.jpg" class="img-fluid mx-auto d-block img-rd-lg mb-3 mb-sm-4 lazyload" alt="placeholder image" width="364" height="240"></picture>
<h5 class="tc-3578 text-center mb-2">
Planning
</h5>
<p class="text-center">
We understand each customer’s needs individually and plan accordingly.
</p>
</div>
<div class="col-md-4 text-center text-md-start">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/resource-1.webp"><img src="img/lazyload-ph.png" data-src="img/resource-1.jpg" class="img-fluid mx-auto d-block img-rd-lg mb-3 mb-sm-4 lazyload" alt="placeholder image" width="364" height="240"></picture>
<h5 class="tc-3578 text-center mb-2">
Research
</h5>
<p class="text-center">
We perform a extensive market research to provide the user with their personalised service to ensure customer satisfaction.
</p>
</div>
<div class="col-md-4 text-center text-md-start">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/resource-2.webp"><img src="img/lazyload-ph.png" data-src="img/resource-2.jpg" class="img-fluid mx-auto d-block img-rd-lg mb-3 mb-sm-4 lazyload" alt="placeholder image" width="364" height="240"></picture>
<h5 class="tc-3578 text-center mb-2">
CI/CD
</h5>
<p class="text-center">
We will continiously work towards the development and integration of the service so that we stay updated with current threats.
</p>
</div>
</div>
</div>
</div>
<!-- resources END -->
<!-- testimonial -->
<div class="bloc l-bloc" id="testimonial">
<div class="container bloc-md bloc-lg-md">
<div class="row">
<div class="text-center text-md-start mb-5 offset-lg-2 col-lg-8 col-md-12">
<h3 class="mb-4 text-center tc-3578 section-sub-heading primary-dot">
What our customers have to say
</h3>
<p class="text-center">
As we dive into the future of healthcare, we invite you to explore the transformative potential of our platform. Now, let our valued users share their experiences, showing the path to a trusted and secure digital medical landscape.<br>
</p>
</div>
<div class="text-md-start col-lg-12 offset-lg--1 text-start col-md-12">
<div class="blocs-grid-container grid-testimonial-style">
<div class="testimonial-card">
<p>
"Revolutionized our data security. Efficient, trustworthy, and user-friendly solution. Highly recommended"<br>
</p>
<div class="blocs-grid-container grid-style">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/avatar-2.webp"><img src="img/lazyload-ph.png" data-src="img/avatar-2.jpg" class="img-fluid rounded-circle mx-auto d-block lazyload" alt="placeholder user" width="65" height="65"></picture>
<div>
<p class="mb-0 tc-3578">
Millie
</p>
<p>
Chief Security Officer<br>
</p>
</div>
</div>
</div>
<div class="testimonial-card">
<p>
"Revolutionized our data security, efficient and trusted. Invaluable healthcare solution."<br>
</p>
<div class="blocs-grid-container grid-style">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/avatar.webp"><img src="img/lazyload-ph.png" data-src="img/avatar.jpg" class="img-fluid rounded-circle mx-auto d-block lazyload" alt="placeholder user" width="65" height="65"></picture>
<div>
<p class="mb-0 tc-3578">
Andrew
</p>
<p>
CIO
</p>
</div>
</div>
</div>
<div class="testimonial-card">
<p>
"Enhanced data security, streamlined operations. A vital asset for healthcare."<br>
</p>
<div class="blocs-grid-container grid-style">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/avatar-3.webp"><img src="img/lazyload-ph.png" data-src="img/avatar-3.jpg" class="img-fluid rounded-circle mx-auto d-block lazyload" alt="placeholder user" width="65" height="65"></picture>
<div>
<p class="mb-0 tc-3578">
Pieter
</p>
<p>
Health Information Manager<br>
</p>
</div>
</div>
</div>
<div class="testimonial-card">
<p>
"Critical data safeguarded, operations streamlined. A game-changer in healthcare technology."<br>
</p>
<div class="blocs-grid-container grid-style">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/avatar-3.webp"><img src="img/lazyload-ph.png" data-src="img/avatar-3.jpg" class="img-fluid rounded-circle mx-auto d-block lazyload" alt="placeholder user" width="65" height="65"></picture>
<div>
<p class="mb-0 tc-3578">
Calvin
</p>
<p>
IT Systems Administrator<br>
</p>
</div>
</div>
</div>
<div class="testimonial-card">
<p>
"Unmatched data protection, streamlined processes. Vital for modern healthcare efficiency."<br>
</p>
<div class="blocs-grid-container grid-style">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/avatar-4.webp"><img src="img/lazyload-ph.png" data-src="img/avatar-4.jpg" class="img-fluid rounded-circle mx-auto d-block lazyload" alt="placeholder user" width="65" height="65"></picture>
<div>
<p class="mb-0 tc-3578">
Sophia
</p>
<p>
Chief Medical Information Officer (CMIO)<br>
</p>
</div>
</div>
</div>
<div class="testimonial-card">
<p>
"Transformative data security, efficiency redefined. Essential for modern healthcare excellence."<br>
</p>
<div class="blocs-grid-container grid-style">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/avatar-2.webp"><img src="img/lazyload-ph.png" data-src="img/avatar-2.jpg" class="img-fluid rounded-circle mx-auto d-block lazyload" alt="placeholder user" width="65" height="65"></picture>
<div>
<p class="mb-0 tc-3578">
Zelda
</p>
<p>
Electronic Health Record (EHR) Analyst<br>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- testimonial END -->
<!-- pricing -->
<div class="bloc bgc-2641 d-bloc" id="pricing">
<div class="container bloc-md bloc-lg-md bloc-lg-lg">
<div class="row">
<div class="text-center text-md-start col-lg-8 offset-lg-2 text-lg-start mb-5">
<h2 class="text-center mb-4 tc-1078 price-title">
Pricing
</h2>
<p class="text-center mb-4 tc-257 pricing-sub-heading">
We offer two different packages so you can pick the one that’s right for you. It doesn’t matter what size your company is, we got you covered.<br>
</p>
</div>
<div class="text-center text-md-start col-lg-4 align-self-center order-lg-0 offset-lg-2 col-md-6 order-md-0 text-sm-start order-sm-1 order-1">
<div class="price-card text-lg-start">
<p class="text-start text-lg-start tc-1078 mb-3 price-title p-pricing-style">
₹25/100API
</p>
<h3 class="text-start text-lg-start tc-1078 mb-2">
API Package
</h3>
<p class="text-start pricing-info tc-257">
For API requests that are integrated in the company website.
</p><a href="./" class="btn btn-lg w-100 btn-c-1078 white-btn">Get Started</a>
<ul class="list-unstyled list-sp-md mt-4">
<li>
<img src="img/lazyload-ph.png" data-src="img/tick-icon-light.svg" class="img-fluid float-lg-none price-list-icon dark-icon lazyload" alt="cms icon" width="20" height="20">
<p class="price-list-item tc-257 btn-resize-mode p-40-style">
Blockchain-Backed Data Security
</p>
</li>
<li class="tc-257">
<img src="img/lazyload-ph.png" data-src="img/tick-icon-light.svg" class="img-fluid float-lg-none price-list-icon dark-icon lazyload" alt="cms icon" width="20" height="20">
<p class="price-list-item">
Data Encryption and Hashing<br>
</p>
</li>
<li>
<img src="img/lazyload-ph.png" data-src="img/tick-icon-light.svg" class="img-fluid float-lg-none price-list-icon dark-icon lazyload" alt="cms icon" width="20" height="20">
<p class="price-list-item tc-257">
Web3 Integration
</p>
</li>
<li>
<img src="img/lazyload-ph.png" data-src="img/tick-icon-light.svg" class="img-fluid float-lg-none price-list-icon dark-icon lazyload" alt="cms icon" width="20" height="20">
<p class="price-list-item tc-257">
Continuous System Monitoring
</p>
</li>
<li>
<img src="img/lazyload-ph.png" data-src="img/tick-icon-light.svg" class="img-fluid float-lg-none price-list-icon dark-icon lazyload" alt="cms icon" width="20" height="20">
<p class="price-list-item tc-257">
24/7 Priority Support
</p>
</li>
</ul>
</div>
</div>
<div class="text-center text-md-start offset-lg-0 col-lg-4 align-self-center order-md-0 col-md-6">
<div class="price-card text-lg-start white-bg">
<p class="text-start text-lg-start tc-2641 mb-3 price-title">
₹349999
</p>
<h3 class="text-start text-lg-start tc-3578 mb-2">
Yearly Package
</h3>
<p class="text-start pricing-info tc-509">
Perfect for small / medium sized hospitals to use the service.<br>
</p><a href="./" class="btn w-100 btn-lg btn-c-2641">Get Started</a>
<ul class="list-unstyled list-sp-md mt-4">
<li>
<img src="img/lazyload-ph.png" data-src="img/tick-icon.svg" class="img-fluid float-lg-none price-list-icon lazyload" alt="cms icon" width="20" height="20">
<p class="price-list-item tc-509 btn-resize-mode p-47-style">
Blockchain-Backed Data Security
</p>
</li>
<li>
<img src="img/lazyload-ph.png" data-src="img/tick-icon.svg" class="img-fluid float-lg-none price-list-icon lazyload" alt="cms icon" width="20" height="20">
<p class="price-list-item tc-509">
Data Encryption and Hashing<br>
</p>
</li>
<li>
<img src="img/lazyload-ph.png" data-src="img/tick-icon.svg" class="img-fluid float-lg-none price-list-icon lazyload" alt="cms icon" width="20" height="20">
<p class="price-list-item tc-509">
Web3 Integration
</p>
</li>
<li>
<img src="img/lazyload-ph.png" data-src="img/tick-icon.svg" class="img-fluid float-lg-none price-list-icon lazyload" alt="cms icon" width="20" height="20">
<p class="price-list-item tc-509">
Continuous System Monitoring
</p>
</li>
<li>
<img src="img/lazyload-ph.png" data-src="img/tick-icon.svg" class="img-fluid float-lg-none price-list-icon lazyload" alt="cms icon" width="20" height="20">
<p class="price-list-item tc-509">
24/7 Priority Support
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- pricing END -->
<!-- about -->
<div class="bloc l-bloc" id="about">
<div class="container bloc-xl-lg bloc-md bloc-lg-md">
<div class="row">
<div class="text-center col-lg-6 offset-lg-3 text-lg-center col-md-8 offset-md-2 text-md-center">
<div class="contents-card pb-3 ps-3 pe-3 pt-4 pt-md-5 pb-md-5 ps-md-5 pe-md-5 testimonial-card">
<h3 class="section-heading tc-2641">
Team : Titans
</h3>
<h4 class="mb-4 section-sub-heading tc-3578 primary-dot">
Hey, thanks for stopping by to check out our new product
</h4>
<p>
<br>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- about END -->
<!-- ScrollToTop Button -->
<button aria-label="Scroll to top button" class="bloc-button btn btn-d scrollToTop" onclick="scrollToTarget('1',this)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 32 32"><path class="scroll-to-top-btn-icon" d="M30,22.656l-14-13-14,13"/></svg></button>
<!-- ScrollToTop Button END-->
<!-- bloc-10 -->
<div class="bloc bgc-1078 l-bloc" id="bloc-10">
<div class="container bloc-md">
<div class="row voffset">
<div class="col-12 col-11">
<h3 class="text-center mg-sm">
Our Customers
</h3>
<h6 class="text-center mg-md">
Just some of the business currently using our product.
</h6>
</div>
<div class="col-6 col-sm-3">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/4.webp"><img class="img-fluid img-style lazyload" src="img/lazyload-ph.png" data-src="img/4.png" alt="4" width="75" height="56"></picture>
</div>
<div class="col-6 col-sm-3">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/3.webp"><img class="img-fluid img-23-style lazyload" src="img/lazyload-ph.png" data-src="img/3.png" alt="3" width="150" height="40"></picture>
</div>
<div class="col-6 col-sm-3">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/2.webp"><img class="img-fluid img-24-style lazyload" src="img/lazyload-ph.png" data-src="img/2.jpg" alt="2" width="71" height="48"></picture>
</div>
<div class="col-6 col-sm-3">
<picture><source type="image/webp" srcset="img/lazyload-ph.png" data-srcset="img/1.webp"><img class="img-fluid d-sm-block d-none img-25-style lazyload" src="img/lazyload-ph.png" data-src="img/1.png" alt="1" width="86" height="48"></picture>
</div>
</div>
</div>
</div>
<!-- bloc-10 END -->
</div>
<!-- Main container END -->
<!-- Additional JS -->
<script src="./js/all.js?9162"></script><!-- Additional JS END -->
</body>
</html>