@medicus.ai/medicus-report-pdf-generator 1.3.14 → 1.3.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (169) hide show
  1. package/.vscode/settings.json +3 -3
  2. package/README.md +26 -26
  3. package/app/i18n.config.js +20 -20
  4. package/app/i18n_wellbeing.config.js +20 -20
  5. package/app/services/localeService.js +28 -28
  6. package/assets/Mediclinic/css/nasco_report.css +6297 -6297
  7. package/assets/Mediclinic/css/nasco_report_rtl.css +851 -851
  8. package/assets/Mediclinic/css/style.css +33 -33
  9. package/assets/Mediclinic/js/js.js +112 -112
  10. package/assets/Mediclinic/js/raphael.js +8437 -8437
  11. package/assets/arabic.css +275 -275
  12. package/assets/charts.min.js +7 -7
  13. package/assets/corporate_report/css/report.css +582 -582
  14. package/assets/corporate_report/css/report_rtl.css +144 -144
  15. package/assets/corporate_report/js/js.js +14 -14
  16. package/assets/data/data.json +124 -124
  17. package/assets/data/data2.json +675 -675
  18. package/assets/data/pdf_data_with_history.json +1255 -1255
  19. package/assets/doctor-note-insight-icon.svg +11 -11
  20. package/assets/imc/css/style.css +61 -61
  21. package/assets/jquery-1.4.min.js +151 -151
  22. package/assets/jquery-2.1.0.min.js +3 -3
  23. package/assets/js.js +201 -201
  24. package/assets/medicus_pdf/arabic.css +444 -444
  25. package/assets/medicus_pdf/styles.css +2427 -2427
  26. package/assets/print.css +4 -4
  27. package/assets/qr-code-style.css +68 -68
  28. package/assets/qrcode.min.js +3 -3
  29. package/assets/raphael-min.js +10 -10
  30. package/assets/sanusx/css/sanusx_report.css +707 -707
  31. package/assets/sizing.js +2 -2
  32. package/assets/styles.css +1545 -1545
  33. package/assets/styles.min.css +1358 -1358
  34. package/assets/translation.js +30 -30
  35. package/assets/wellbeing/css/nasco_report.css +3472 -3472
  36. package/assets/wellbeing/css/nasco_report_rtl.css +679 -679
  37. package/assets/wellbeing/js/js.js +111 -111
  38. package/assets/wellbeing/js/raphael.js +8437 -8437
  39. package/base64/cairo-font.js +2 -2
  40. package/config/Mediclinic.json +37 -37
  41. package/config/Najeeb.ai.json +35 -35
  42. package/config/Pha.json +64 -64
  43. package/config/bionext.json +37 -37
  44. package/config/default.json +35 -35
  45. package/config/diagnostikare.json +34 -34
  46. package/config/maisonsante.json +39 -39
  47. package/config/nasco.json +35 -35
  48. package/config/sanitas.json +35 -35
  49. package/config/sanusx.json +34 -34
  50. package/config/test.txt +4 -4
  51. package/data converter.js +53 -53
  52. package/downloadfile.js +6 -6
  53. package/example.txt +1188 -1188
  54. package/index.js +481 -481
  55. package/lib/big_integral_questionnaire.js +367 -298
  56. package/lib/corporate_report_generator.js +399 -399
  57. package/lib/pdf_generator.min.js +525 -525
  58. package/lib/sanusx_report_generator.js +533 -533
  59. package/lib/sendEmail.js +343 -343
  60. package/lib/template.js +2227 -2227
  61. package/lib/wellbeing_report_generator.js +2164 -2134
  62. package/locales/ar-AE.json +169 -169
  63. package/locales/ar-SA.json +169 -169
  64. package/locales/ar.json +397 -397
  65. package/locales/de.json +169 -169
  66. package/locales/en.json +229 -229
  67. package/locales/fr.json +168 -168
  68. package/locales/pt.json +165 -165
  69. package/locales/wellbeing/ar-AE.json +149 -149
  70. package/locales/wellbeing/ar-SA.json +257 -257
  71. package/locales/wellbeing/de.json +301 -301
  72. package/locales/wellbeing/en.json +423 -423
  73. package/locales/wellbeing/es.json +133 -133
  74. package/locales/wellbeing/fr.json +121 -121
  75. package/locales/wellbeing/it-IT.json +121 -121
  76. package/locales/wellbeing/pt.json +121 -121
  77. package/locales/wellbeing/tr.json +121 -121
  78. package/locales/wellbeing/zh-CN.json +121 -121
  79. package/locales/zh-CN.json +165 -165
  80. package/package.json +47 -47
  81. package/preview-big-integral.js +75 -75
  82. package/run.js +15 -15
  83. package/templates/Mediclinic/blocks/first-section.html +205 -205
  84. package/templates/Mediclinic/blocks/footer.html +7 -7
  85. package/templates/Mediclinic/blocks/header-template.html +5 -5
  86. package/templates/Mediclinic/blocks/header.html +20 -20
  87. package/templates/Mediclinic/blocks/patient-table.html +38 -38
  88. package/templates/Mediclinic/blocks/pdf-header.html +9 -9
  89. package/templates/Mediclinic/blocks/tips.html +8 -8
  90. package/templates/Mediclinic/ltr_no_pages.html +37 -37
  91. package/templates/Mediclinic/rtl_no_pages.html +42 -42
  92. package/templates/Mediclinic/wellbeing_template.html +41 -41
  93. package/templates/Pha/blocks/first-section.html +207 -207
  94. package/templates/Pha/blocks/footer.html +7 -7
  95. package/templates/Pha/blocks/header-template.html +5 -5
  96. package/templates/Pha/blocks/header.html +20 -20
  97. package/templates/Pha/blocks/patient-table.html +38 -38
  98. package/templates/Pha/blocks/pdf-header.html +8 -8
  99. package/templates/Pha/blocks/tips.html +8 -8
  100. package/templates/Pha/ltr_no_pages.html +37 -37
  101. package/templates/Pha/rtl_no_pages.html +42 -42
  102. package/templates/Pha/wellbeing_template.html +41 -41
  103. package/templates/base.html +23 -23
  104. package/templates/blocks/ar-first-page-header.html +68 -68
  105. package/templates/blocks/ar-footer.html +54 -54
  106. package/templates/blocks/ar-header.html +67 -67
  107. package/templates/blocks/biomarker-compact-ar.html +27 -27
  108. package/templates/blocks/biomarker-compact.html +27 -27
  109. package/templates/blocks/biomarker-details.html +41 -41
  110. package/templates/blocks/biomarker-insight.html +22 -22
  111. package/templates/blocks/biomarker-min.html +9 -9
  112. package/templates/blocks/doctor-note.html +11 -11
  113. package/templates/blocks/footer.html +35 -35
  114. package/templates/blocks/header-first-page.html +46 -46
  115. package/templates/blocks/header.html +49 -49
  116. package/templates/blocks/panel-compact.html +38 -38
  117. package/templates/blocks/panel-details.html +16 -16
  118. package/templates/blocks/report-summary.html +16 -16
  119. package/templates/blocks/section-title.html +4 -4
  120. package/templates/blocks/signature.html +16 -16
  121. package/templates/blocks/summary-insight.html +15 -15
  122. package/templates/blocks/summary.html +9 -9
  123. package/templates/corporate_report/cover_page.html +23 -23
  124. package/templates/corporate_report/footer.html +9 -9
  125. package/templates/corporate_report/ltr_no_pages.html +20 -20
  126. package/templates/corporate_report/page.html +24 -24
  127. package/templates/corporate_report/participant_analytics.html +5 -5
  128. package/templates/corporate_report/rtl_no_pages.html +20 -20
  129. package/templates/empty.html +10 -10
  130. package/templates/first_page_head.html +157 -157
  131. package/templates/imc/first-header-template.html +53 -53
  132. package/templates/ltr.html +1368 -1368
  133. package/templates/ltr_no_pages.html +89 -89
  134. package/templates/maisonsante/blocks/first-section.html +151 -207
  135. package/templates/maisonsante/blocks/footer.html +7 -7
  136. package/templates/maisonsante/blocks/header-template.html +5 -5
  137. package/templates/maisonsante/blocks/header.html +20 -20
  138. package/templates/maisonsante/blocks/patient-table.html +38 -38
  139. package/templates/maisonsante/blocks/pdf-header.html +8 -8
  140. package/templates/maisonsante/blocks/tips.html +8 -8
  141. package/templates/maisonsante/ltr_no_pages.html +38 -38
  142. package/templates/maisonsante/rtl_no_pages.html +43 -43
  143. package/templates/maisonsante/wellbeing_template.html +41 -41
  144. package/templates/no_pages.html +1224 -1224
  145. package/templates/popup/popup-template.html +129 -129
  146. package/templates/rtl_no_pages.html +92 -92
  147. package/templates/sanusx/blocks/footer.html +6 -6
  148. package/templates/sanusx/blocks/header.html +20 -20
  149. package/templates/sanusx/blocks/personal-details.html +123 -123
  150. package/templates/sanusx/blocks/predictions-section.html +57 -57
  151. package/templates/sanusx/blocks/recommendations-section.html +6 -6
  152. package/templates/sanusx/blocks/super-power-section.html +29 -29
  153. package/templates/sanusx/blocks/tips.html +8 -8
  154. package/templates/sanusx/ltr_no_pages.html +26 -26
  155. package/templates/sanusx/rtl_no_pages.html +36 -36
  156. package/templates/template.html +1377 -1377
  157. package/templates/wellbeing/blocks/first-section.html +106 -106
  158. package/templates/wellbeing/blocks/footer.html +7 -7
  159. package/templates/wellbeing/blocks/header.html +37 -37
  160. package/templates/wellbeing/blocks/tips.html +8 -8
  161. package/templates/wellbeing/ltr_no_pages.html +35 -35
  162. package/templates/wellbeing/rtl_no_pages.html +36 -36
  163. package/templates/wellbeing/wellbeing_template.html +43 -43
  164. package/test.js +74 -74
  165. package/.claude/settings.local.json +0 -16
  166. package/testing-reports/mediclinic/arabic-data.js +0 -439
  167. package/testing-reports/mediclinic/doctor-data.js +0 -523
  168. package/testing-reports/mediclinic/with-wellbeing.js +0 -415
  169. package/testing-reports/pha/notes-example.js +0 -397
@@ -1,1224 +1,1224 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <title>TEMPLATE</title>
5
- <link rel="stylesheet" href="../assets/styles.min.css">
6
- <link rel="stylesheet" href="../assets/print.min.css" media="print">
7
- <script src="../node_modules/chart.js/dist/Chart.min.js"></script>
8
-
9
- <script>
10
- var IS_ARABIC = false;
11
- </script>
12
-
13
- </head>
14
- <body>
15
-
16
-
17
- <!--********************** PAGE 1 ********************-->
18
- <div class="all-pages">
19
-
20
- <div class="page-head" id="main_header">
21
- <div class="grid-row">
22
- <div class="grid-col size4">
23
- <div class="logo">
24
- <img src="../assets/logo.png" height="70">
25
- </div>
26
- </div>
27
-
28
- <div class="grid-col size4">
29
- <div class="lab-box color-box">
30
- <div class="grid-col size2">
31
- <div class="info-label">
32
- LAB
33
- </div>
34
- <div id="lab-info" class="info-value">
35
- Al Borg Laboratories Jeddah<br> Address comes here <br>+971 45 7367637
36
- </div>
37
- </div>
38
-
39
- <div class="grid-col size1">
40
- <div class="info-label">
41
- REFERENCE
42
- </div>
43
- <div id="reference" class="info-value">
44
- 7436247236
45
- </div>
46
- </div>
47
-
48
- <div class="grid-col size1">
49
- <div class="info-label">
50
- REPORT DATE
51
- </div>
52
- <div id="report-date" class="info-value">
53
- 5/10/2018
54
- </div>
55
- </div>
56
- </div>
57
-
58
- </div>
59
-
60
- </div>
61
- </div>
62
-
63
- <!--info-->
64
- <div class="intro">
65
- <div class="grid-row">
66
- <div class="grid-col size4">
67
- <div class="report-title">
68
- <div id="report-title" class="heading">Chemistry Report</div>
69
- </div>
70
-
71
- <!--patient -->
72
- <div class="grid-row">
73
- <div class="grid-col size4">
74
-
75
- <div class="grid-col size2 ">
76
- <div class="info-label">
77
- PREPARED FOR
78
- </div>
79
- <div id="patient-name" class="info-value">
80
- Al borg-SBPSP 1
81
- </div>
82
- </div>
83
-
84
- <div class="grid-col size2 ">
85
- <div class="info-label">
86
- DATE OF BIRTH
87
- </div>
88
- <div id="patient-birth-date" class="info-value">
89
- 4/11/1985 (Age 33)
90
- </div>
91
- </div>
92
-
93
- </div>
94
- <div class="grid-row">
95
- <div class="grid-col size2">
96
- <div class="info-label">
97
- GENDER
98
- </div>
99
- <div id="patient-gender" class="info-value">
100
- Male
101
- </div>
102
- </div>
103
-
104
- <div class="grid-col size2">
105
- <div class="info-label">
106
- WEIGHT / HEIGHT
107
- </div>
108
- <div id="patient-weight-height" class="info-value">
109
- 97 kg / 176 cm
110
- </div>
111
- </div>
112
- </div>
113
- </div>
114
-
115
- <!--/patient -->
116
-
117
- </div>
118
- <div class="grid-col size4">
119
-
120
- <!--PLUS-->
121
- <div class="plus-info color-box">
122
- <div class="logos">
123
- <img src="../assets/online-icons.png" height="60">
124
- </div>
125
- <div class="heading">
126
- There's more...
127
- </div>
128
-
129
- <div class="grid-row">
130
- <div class="grid-col size3">
131
- <div id="more-link" class="description">
132
- Access a detailed report online or in our app.
133
- <br>1) Visit alborglaboratories.com/report
134
- <br>2) Enter this PIN code:
135
- </div>
136
- <div id="pin" class="pin">
137
- 4KH64EH
138
- </div>
139
-
140
- </div>
141
- <div id="pin-qr" class="grid-col size1" style="text-align:right">
142
- <img src="../assets/QR.png" width="100">
143
- </div>
144
- </div>
145
-
146
-
147
-
148
- </div>
149
- <!--PLUS END-->
150
-
151
- </div>
152
- </div>
153
-
154
-
155
-
156
- </div>
157
- <div class="clear"></div>
158
- <!--info END-->
159
-
160
-
161
- <div class="content">
162
-
163
-
164
- <!--panel-->
165
- <div class="section">
166
-
167
- <div class="panel-title">
168
- Blood Glucose
169
- </div>
170
-
171
-
172
- <div class="section-content">
173
-
174
- <table width="100%" cellspacing="0" cellpadding="0" class="listing">
175
- <tr class="header">
176
- <td >&nbsp;</td>
177
- <td width="120">&nbsp;</td>
178
- <td width="150">&nbsp;</td>
179
- <td width="100">&nbsp;</td>
180
- <td width="180" class="biom-range">Reference range</td>
181
- <td width="100" class="biom-past">19/05/2018</td>
182
- </tr>
183
-
184
- <tr class="">
185
- <td>
186
- <div class="biom-title">Fasting Blood Glucose</div>
187
- <div class="biom-method"></div>
188
- </td>
189
- <td class="biom-value">93</td>
190
- <td class="biom-unit">mg/dL</td>
191
- <td class="biom-bar">
192
- <div class="range-placeholder">red
193
- 15 - 39.98
194
- Low
195
- //
196
- orange
197
- 39.99 - 69.99
198
- Borderline Low
199
- //
200
- green
201
- 70 - 100
202
- Normal
203
- current
204
- //
205
- red
206
- 100.01 - 1,000
207
- High
208
- </div>
209
-
210
- </td>
211
- <td class="biom-range">70 - 100</td>
212
- <td class="biom-past">92</td>
213
- </tr>
214
-
215
-
216
- <tr class="">
217
- <td>
218
- <div class="biom-title">Glycated Hemoglobin</div>
219
- <div class="biom-method"></div>
220
- </td>
221
- <td class="biom-value">4.9<br>132</td>
222
- <td class="biom-unit">%<br>mg/dL</td>
223
- <td class="biom-bar">
224
- <div class="range-placeholder">
225
- orange
226
- 2.5 - 3.99
227
- Low
228
- //
229
- green
230
- 4 - 6
231
- Normal
232
- current
233
- //
234
- red
235
- 6.01 - 25
236
- High
237
- </div>
238
-
239
- </td>
240
- <td class="biom-range">4 - 6<br>100 - 220</td>
241
- <td class="biom-past">2<br>88</td>
242
- </tr>
243
-
244
-
245
- <tr class="">
246
- <td>
247
- <div class="biom-title">Mean of Blood Glucose</div>
248
- <div class="biom-method"></div>
249
- </td>
250
- <td class="biom-value">94</td>
251
- <td class="biom-unit"></td>
252
- <td class="biom-bar">
253
-
254
- </td>
255
- <td class="biom-range"></td>
256
- <td class="biom-past">92</td>
257
- </tr>
258
-
259
-
260
- </table>
261
-
262
- </div>
263
-
264
- </div>
265
- <!--panel END-->
266
-
267
-
268
- <!--panel-->
269
- <div class="section">
270
-
271
- <div class="panel-title">
272
- Lipids
273
- </div>
274
-
275
-
276
- <div class="section-content">
277
-
278
- <table width="100%" cellspacing="0" cellpadding="0" class="listing">
279
- <tr class="header">
280
- <td >&nbsp;</td>
281
- <td width="120">&nbsp;</td>
282
- <td width="150">&nbsp;</td>
283
- <td width="100">&nbsp;</td>
284
- <td width="180" class="biom-range">Reference range</td>
285
- <td class="biom-past" width="100"><!-- NOTE: even if there's no past value in a panel keep this row --></td>
286
- </tr>
287
-
288
- <tr class="">
289
- <td>
290
- <div class="biom-title">Total Cholesterol</div>
291
- <div class="biom-method"></div>
292
- </td>
293
- <td class="biom-value">163</td>
294
- <td class="biom-unit">mg/dL</td>
295
- <td class="biom-bar">
296
- <div class="range-placeholder">
297
- green
298
- 10 - 200
299
- Optimal
300
- current
301
- //
302
- orange
303
- 200 - 239.99
304
- Borderline High
305
- //
306
- red
307
- 240 - 1,000
308
- High
309
- </div>
310
-
311
- </td>
312
- <td class="biom-range">10 - 200</td>
313
- <td class="biom-past"></td>
314
- </tr>
315
-
316
-
317
- <tr class="risk orange">
318
- <td>
319
- <div class="biom-title">High-Density Lipoprotein Cholesterol</div>
320
- <div class="biom-method"></div>
321
- </td>
322
- <td class="biom-value">43</td>
323
- <td class="biom-unit">mg/dL</td>
324
- <td class="biom-bar">
325
- <div class="range-placeholder">
326
- red
327
- 10 - 39.98
328
- Optimal
329
- //
330
- orange
331
- 39.99 - 59.99
332
- Borderline High
333
- current
334
- //
335
- green
336
- 60 - 300
337
- High
338
- </div>
339
-
340
- </td>
341
- <td class="biom-range">60 - 300</td>
342
- <td class="biom-past"></td>
343
- </tr>
344
-
345
-
346
- <tr class="risk red">
347
- <td>
348
- <div class="biom-title">Low-Density Lipoprotein Cholesterol</div>
349
- <div class="biom-method"></div>
350
- </td>
351
- <td class="biom-value">111</td>
352
- <td class="biom-unit">mg/dL</td>
353
- <td class="biom-bar">
354
- <div class="range-placeholder">
355
- green
356
- 10 - 100
357
- Optimal
358
- //
359
- green
360
- 100 - 129.99
361
- Near Optimal
362
- //
363
- orange
364
- 130 - 159.99
365
- Borderline High
366
- //
367
- red
368
- 160 - 89.99
369
- High
370
- //
371
- darkred
372
- 190 - 500
373
- Very High
374
- current
375
- </div>
376
-
377
- </td>
378
- <td class="biom-range">10 - 100</td>
379
- <td class="biom-past"></td>
380
- </tr>
381
-
382
- <tr class="">
383
- <td>
384
- <div class="biom-title">Triglycerides</div>
385
- <div class="biom-method"></div>
386
- </td>
387
- <td class="biom-value">157</td>
388
- <td class="biom-unit">mg/dL</td>
389
- <td class="biom-bar">
390
- <div class="range-placeholder">
391
- green
392
- 10 - 200
393
- Normal
394
- current
395
- //
396
- orange
397
- 200 - 249.99
398
- Borderline High
399
- //
400
- red
401
- 250 - 549.99
402
- High
403
- //
404
- darkred
405
- 550 - 1,500
406
- Very High
407
- </div>
408
-
409
- </td>
410
- <td class="biom-range">10 - 200</td>
411
- <td class="biom-past"></td>
412
- </tr>
413
-
414
- </table>
415
-
416
- </div>
417
-
418
- </div>
419
- <!--panel END-->
420
-
421
-
422
- </div>
423
-
424
-
425
-
426
-
427
- <!--******************** PAGE END ********************-->
428
-
429
-
430
-
431
- <!--********************** PAGE 6 ********************-->
432
-
433
-
434
-
435
-
436
-
437
- <div class="content">
438
-
439
- <div class="section">
440
- <div class="resume-title">
441
- Details
442
- </div>
443
- </div>
444
-
445
-
446
- <!--panel-->
447
- <div class="section">
448
-
449
- <div class="panel-title">
450
- Blood Glucose
451
- </div>
452
-
453
-
454
- <div class="section-content">
455
-
456
- <div class="panel-container">
457
-
458
-
459
- <!-- biomarker -->
460
- <div class="biomarker-container">
461
- <div class="grid-row">
462
- <div class="grid-col size4">
463
- <div class="biomarker green">
464
- <div class="biom-circle">
465
- FBG
466
- </div>
467
- <div class="biom-info">
468
- <div class="title">
469
- Fasting Blood Glucose
470
- </div>
471
- <div class="value colorable">
472
- 93
473
- <span class="unit colorable">mg/dL
474
- </span>
475
- </div>
476
- <div class="risk colorable">
477
- Normal
478
- </div>
479
- </div>
480
- </div>
481
- </div>
482
- <div class="grid-col size4">
483
- <div class="biom-bar">
484
- <div class="range-placeholder">red
485
- 15 - 39.98
486
- Low
487
- //
488
- orange
489
- 39.99 - 69.99
490
- Borderline Low
491
- //
492
- green
493
- 70 - 100
494
- Normal
495
- current
496
- //
497
- red
498
- 100.01 - 1,000
499
- High
500
- </div>
501
- </div>
502
- </div>
503
- </div>
504
-
505
- <div class="grid-row">
506
- <div class="card cr">
507
- <div class="icon">
508
- <img src="../assets/card-cr.png" width="100%">
509
- </div>
510
- <div class="text">
511
- Your fasting blood glucose (FBG) level is optimal. Your diet and lifestyle are keeping you safe from diabetes! Glucose is the main sugar in your blood. It is your body's primary energy source, and is essential for your cells to function properly. Adequate blood sugar levels are required since high and low levels can be associated with numerous health problems. You are on the right track, so keep it up!
512
-
513
-
514
- </div>
515
- </div>
516
- </div>
517
- </div>
518
- <!-- biomarker END -->
519
-
520
- </div>
521
-
522
- </div>
523
-
524
- </div>
525
- <!--panel END-->
526
-
527
-
528
- <!--panel-->
529
- <div class="section">
530
-
531
- <div class="panel-title">
532
- Lipids
533
- </div>
534
-
535
-
536
- <div class="section-content">
537
-
538
- <div class="panel-container">
539
-
540
- <!-- biomarker -->
541
- <div class="biomarker-container">
542
- <div class="grid-row">
543
- <div class="grid-col size4">
544
- <div class="biomarker green">
545
- <div class="biom-circle">
546
- TCH
547
- </div>
548
- <div class="biom-info">
549
- <div class="title">
550
- Total Cholesterol
551
- </div>
552
- <div class="value colorable">
553
- 163
554
- <span class="unit colorable">mg/dL</span>
555
- </div>
556
- <div class="risk colorable">
557
- Optimal
558
- </div>
559
- </div>
560
- </div>
561
- </div>
562
- <div class="grid-col size4">
563
- <div class="biom-bar">
564
- <div class="range-placeholder">
565
- green
566
- 0 - 200
567
- Optimal
568
- current
569
- //
570
- orange
571
- 200 - 239.99
572
- Borderline High
573
- //
574
- red
575
- 240 - 1,000
576
- High
577
- </div>
578
- </div>
579
- </div>
580
- </div>
581
-
582
- <div class="grid-row">
583
- <div class="card cr">
584
- <div class="icon">
585
- <img src="../assets/card-cr.png" width="100%">
586
- </div>
587
- <div class="text">
588
- It's great! Your total cholesterol (TCH) level is optimal. Cholesterol is a type of fat in the blood that the body makes and gets from the food you eat. Contrary to its bad reputation, it's not entirely harmful when its levels are kept under control. Keeping those cholesterol digits in healthy levels is a great way to keep your heart healthy and lower the risk of developing future health problems that accompany high cholesterol levels such as heart disease or stroke, among others.
589
-
590
-
591
- </div>
592
- </div>
593
- </div>
594
- </div>
595
- <!-- biomarker END -->
596
- <!-- biomarker -->
597
- <div class="biomarker-container">
598
- <div class="grid-row">
599
- <div class="grid-col size4">
600
- <div class="biomarker orange">
601
- <div class="biom-circle">
602
- HDL
603
- </div>
604
- <div class="biom-info">
605
- <div class="title">
606
- High-Density Lipoprotein Cholesterol
607
- </div>
608
- <div class="value colorable">
609
- 43
610
-
611
- <span class="unit colorable">mg/dL</span>
612
- </div>
613
- <div class="risk colorable">
614
- Borderline
615
- </div>
616
- </div>
617
- </div>
618
- </div>
619
- <div class="grid-col size4">
620
- <div class="biom-bar">
621
- <div class="range-placeholder">
622
- red
623
- 10 - 39.98
624
- Low
625
- //
626
- orange
627
- 39.99 - 59.99
628
- Borderline High
629
- current
630
- //
631
- green
632
- 60 - 200
633
- Optimal
634
- </div>
635
- </div>
636
- </div>
637
- </div>
638
-
639
- <div class="grid-row">
640
- <div class="card cr">
641
- <div class="icon">
642
- <img src="../assets/card-cr.png" width="100%">
643
- </div>
644
- <div class="text">
645
- Your high-density lipoprotein cholesterol (HDL) level is borderline. High-density lipoprotein cholesterol is the well-behaved or "good cholesterol." This friendly scavenger cruises your bloodstream and removes harmful cholesterol from where it does not belong, taking it back to the liver where it can be reprocessed. A low high-density lipoprotein cholesterol level is thought to accelerate the development of atherosclerosis, among others, which can lead to heart attacks and strokes if accompanied with other risk factors.
646
- </div>
647
- </div>
648
-
649
- <div class="card tip">
650
- <div class="icon">
651
- <img src="../assets/card-tip.png" width="100%">
652
- </div>
653
- <div class="text">
654
- Eliminate trans fats that are found in fried foods and many commercial products, such as cookies, crackers, and snack cakes. These increase the burden on your body caused by fats, which is bad for your overall health.
655
- </div>
656
- </div>
657
- </div>
658
- </div>
659
- <!-- biomarker END -->
660
- <!-- biomarker -->
661
- <div class="biomarker-container">
662
- <div class="grid-row">
663
- <div class="grid-col size4">
664
- <div class="biomarker blue">
665
- <div class="biom-circle">
666
- LDL
667
- </div>
668
- <div class="biom-info">
669
- <div class="title">
670
- Low-Density Lipoprotein Cholesterol
671
- </div>
672
- <div class="value colorable">
673
- 111
674
- <span class="unit colorable">mg/dL</span>
675
- </div>
676
- <div class="risk colorable">
677
- Near Optimal
678
- </div>
679
- </div>
680
- </div>
681
- </div>
682
- <div class="grid-col size4">
683
- <div class="biom-bar">
684
- <div class="range-placeholder">
685
- green
686
- 0 - 100
687
- Optimal
688
- //
689
- green
690
- 100 - 129.99
691
- Near Optimal
692
- current
693
- //
694
- orange
695
- 130 - 159.99
696
- Borderline High
697
- //
698
- red
699
- 160 - 89.99
700
- High
701
- //
702
- darkred
703
- 190 - 500
704
- Very High
705
- </div>
706
- </div>
707
- </div>
708
- </div>
709
-
710
- <div class="grid-row">
711
- <div class="card cr">
712
- <div class="icon">
713
- <img src="../assets/card-cr.png" width="100%">
714
- </div>
715
- <div class="text">
716
- Great job! Your low-density lipoprotein cholesterol (LDL) level is near optimal. Low-density lipoprotein cholesterol is thought of as the bad type of cholesterol. Keeping those low-density lipoprotein cholesterol digits in check is a great way to keep your heart healthy and lower the risk of developing future health problems that accompany high low-density lipoprotein cholesterol levels like heart disease or stroke, among others.
717
- </div>
718
- </div>
719
-
720
-
721
- <div class="card tip">
722
- <div class="icon">
723
- <img src="../assets/card-tip.png" width="100%">
724
- </div>
725
- <div class="text">
726
- Eliminate trans fats that are found in fried foods and many commercial products, such as cookies, crackers, and snack cakes. These increase the burden on your body caused by fats, which is bad for your overall health.
727
- </div>
728
- </div>
729
- <div class="card tip">
730
- <div class="icon">
731
- <img src="../assets/card-tip.png" width="100%">
732
- </div>
733
- <div class="text">
734
- Exercise improves the results of your lipid profile. Incorporate more physical activity into your day by walking or cycling. You can also exercise at home while watching television. Keep in mind that physical activity allows your body to get rid of the excess body fat.
735
- </div>
736
- </div>
737
- <div class="card tip">
738
- <div class="icon">
739
- <img src="../assets/card-tip.png" width="100%">
740
- </div>
741
- <div class="text">
742
- It is always tea time! Take a break and enjoy a cup of hot green tea. Green tea is rich in antioxidants and can lower your bad cholesterol, as well as your total cholesterol levels.
743
- </div>
744
- </div>
745
- </div>
746
- </div>
747
- <!-- biomarker END -->
748
-
749
- </div>
750
-
751
- </div>
752
-
753
- </div>
754
- <!--panel END-->
755
-
756
-
757
-
758
-
759
-
760
- </div>
761
-
762
-
763
-
764
- <!--******************** PAGE END ********************-->
765
-
766
-
767
- <!--********************** PAGE 10 *******************-->
768
-
769
-
770
-
771
-
772
-
773
- <div class="content">
774
-
775
- <!--panel-->
776
- <div class="section">
777
-
778
- <div class="panel-title">
779
- Lipids (Continued)
780
- </div>
781
-
782
-
783
- <div class="section-content">
784
-
785
- <div class="panel-container">
786
- <!-- biomarker -->
787
- <div class="biomarker-container">
788
- <div class="grid-row">
789
- <div class="grid-col size4">
790
- <div class="biomarker orange">
791
- <div class="biom-circle">
792
- Vit. D
793
- </div>
794
- <div class="biom-info">
795
- <div class="title">
796
- Vitamin D
797
- </div>
798
- <div class="value colorable">
799
- 23
800
- <span class="unit colorable">ng/mL</span>
801
- </div>
802
- <div class="risk colorable">
803
- Low
804
- </div>
805
- </div>
806
- </div>
807
- </div>
808
- <div class="grid-col size4">
809
- <div class="biom-bar">
810
- <div class="range-placeholder">
811
- red
812
- 0 - 21.99
813
- Severely Low
814
- //
815
- orange
816
- 22 - 29.99
817
- Low
818
- current
819
- //
820
- green
821
- 30 - 100
822
- Normal
823
- //
824
- orange
825
- 100.01 - 250.01
826
- High
827
- //
828
- red
829
- 250.02 - 1,000
830
- Very High
831
- </div>
832
- </div>
833
- </div>
834
- </div>
835
-
836
- <div class="grid-row">
837
- <div class="card cr">
838
- <div class="icon">
839
- <img src="../assets/card-cr.png" width="100%">
840
- </div>
841
- <div class="text">
842
- Your low vitamin D (Vit. D) level may be referred to as vitamin D insufficiency. Vitamin D insufficiency is defined as a lower than average vitamin D concentration in the blood. Vitamin D is essential for your overall health, especially the health of your bones. Vitamin D insufficiency may occur due to an insufficient vitamin D intake from your diet, limited exposure to sunlight, an inability of your kidneys to convert vitamin D to its active form or an inadequate vitamin D absorption in your digestive tract, among others.
843
- </div>
844
- </div>
845
-
846
- <div class="card tip orange">
847
- <div class="icon">
848
- <img src="../assets/card-risk.png" width="100%">
849
- </div>
850
- <div class="text">
851
- Insufficient levels of vitamin D can affect your bone's strength over time. To prevent vitamin D deficiency-related diseases such as osteomalacia, osteoporosis and osteopenia, increase your vitamin D intake.
852
- </div>
853
- </div>
854
- <div class="card tip">
855
- <div class="icon">
856
- <img src="../assets/card-tip.png" width="100%">
857
- </div>
858
- <div class="text">
859
- Vitamin D is known as the "sunshine vitamin". It is a good idea to enjoy the sunny weather outdoors with your family or friends. Since you will be going outside without wearing a sunscreen to get the most out of the sun, make sure not to stay outside for long periods of time.
860
- </div>
861
- </div>
862
- </div>
863
- </div>
864
- <!-- biomarker END -->
865
-
866
- </div>
867
-
868
- </div>
869
-
870
- </div>
871
- <!--panel END-->
872
-
873
-
874
- <!--panel-->
875
- <div class="section">
876
-
877
- <div class="panel-title">
878
- Thyroid
879
- </div>
880
-
881
-
882
- <div class="section-content">
883
-
884
- <div class="panel-container">
885
-
886
- <!-- biomarker -->
887
- <div class="biomarker-container">
888
- <div class="grid-row">
889
- <div class="grid-col size4">
890
- <div class="biomarker green">
891
- <div class="biom-circle">
892
- TSH
893
- </div>
894
- <div class="biom-info">
895
- <div class="title">
896
- Thyroid-Stimulating Hormone
897
- </div>
898
- <div class="value colorable">
899
- 0.7
900
- <span class="unit colorable">µIU/mL</span>
901
- </div>
902
- <div class="risk colorable">
903
- Normal
904
- </div>
905
- </div>
906
- </div>
907
- </div>
908
- <div class="grid-col size4">
909
- <div class="biom-bar">
910
- <div class="range-placeholder">
911
- orange
912
- 0 - 0.34
913
- Low
914
- //
915
- green
916
- 0.35 - 4.94
917
- Normal
918
- current
919
- //
920
- red
921
- 4.95 - 1,000
922
- High
923
- </div>
924
- </div>
925
- </div>
926
- </div>
927
-
928
- <!-- history -->
929
- <div class="gird-row">
930
- <div class="grid-col size4">
931
- dates
932
- </div>
933
- <div class="grid-col size4">
934
- <div class="biom-bar history">
935
- <table>
936
- <tbody>
937
- <tr class="ranges">
938
- <td class="orange ">
939
- <div class="range colorablebg"></div>
940
- </td>
941
- <td class="green current">
942
- <div class="range colorablebg"></div>
943
- </td>
944
- <td class="red ">
945
- <div class="range colorablebg"></div>
946
- </td>
947
- </tr>
948
- <tr class="ranges">
949
- <td class="orange ">
950
- <div class="range colorablebg"></div>
951
- </td>
952
- <td class="green current">
953
- <div class="range colorablebg"></div>
954
- </td>
955
- <td class="red ">
956
- <div class="range colorablebg"></div>
957
- </td>
958
- </tr>
959
- <tr class="ranges">
960
- <td class="orange current">
961
- <div class="range colorablebg"></div>
962
- </td>
963
- <td class="green ">
964
- <div class="range colorablebg"></div>
965
- </td>
966
- <td class="red ">
967
- <div class="range colorablebg"></div>
968
- </td>
969
- </tr>
970
- <tr class="ranges">
971
- <td class="orange ">
972
- <div class="range colorablebg"></div>
973
- </td>
974
- <td class="green ">
975
- <div class="range colorablebg"></div>
976
- </td>
977
- <td class="red current">
978
- <div class="range colorablebg"></div>
979
- </td>
980
- </tr>
981
- </tbody>
982
- </table>
983
- </div>
984
-
985
- </div>
986
-
987
- </div>
988
- <!--/history -->
989
-
990
- <div class="grid-row">
991
- <div class="card cr">
992
- <div class="icon">
993
- <img src="../assets/card-cr.png" width="100%">
994
- </div>
995
- <div class="text">
996
- Taken together, your thyroid function test results may suggest that the thyroid gland is functioning efficiently. The thyroid gland produces thyroid hormones, including triiodothyronine (T3) and thyroxine (T4), in response to stimulation, often by the thyroid-stimulating hormone (TSH). These thyroid hormones play a significant role in metabolism and how the body uses food for energy. In case you are experiencing unusual symptoms, further tests may be required for an accurate assessment of your results in the light of your clinical picture. Please note that free triiodothyronine (FT3) and free thyroxine (FT4) are the active forms of triiodothyronine and thyroxine, respectively.
997
- </div>
998
- </div>
999
-
1000
- <div class="card green organ">
1001
- <div class="icon">
1002
- <img src="../assets/card-organ.png" width="100%">
1003
- </div>
1004
- <div class="text">
1005
- <div class="title">Your TSH value may suggest normal thyroid function.</div>
1006
- Your serum thyroid-stimulating hormone (TSH) level may exclude a thyroid dysfunction.
1007
- </div>
1008
- </div>
1009
- </div>
1010
- </div>
1011
- <!-- biomarker END -->
1012
-
1013
- <!-- biomarker -->
1014
- <div class="biomarker-container">
1015
- <div class="grid-row">
1016
- <div class="grid-col size4">
1017
- <div class="biomarker green">
1018
- <div class="biom-circle">
1019
- FT4
1020
- </div>
1021
- <div class="biom-info">
1022
- <div class="title">
1023
- Free Thyroxine
1024
- </div>
1025
- <div class="value colorable">
1026
- 1.05
1027
- <span class="unit colorable">ng/dL</span>
1028
- </div>
1029
- <div class="risk colorable">
1030
- Normal
1031
- </div>
1032
- </div>
1033
- </div>
1034
- </div>
1035
- <div class="grid-col size4">
1036
- <div class="biom-bar">
1037
- <div class="range-placeholder">
1038
- orange
1039
- 0 - 0.69
1040
- Low
1041
- //
1042
- green
1043
- 0.7 - 1.48
1044
- Normal
1045
- current
1046
- //
1047
- red
1048
- 1.49 - 100
1049
- High
1050
- </div>
1051
- </div>
1052
- </div>
1053
- </div>
1054
-
1055
- <div class="grid-row">
1056
- <div class="card cr">
1057
- <div class="icon">
1058
- <img src="../assets/card-cr.png" width="100%">
1059
- </div>
1060
- <div class="text">
1061
- Taken together, your thyroid function test results may suggest that the thyroid gland is functioning efficiently. The thyroid gland produces thyroid hormones, including triiodothyronine (T3) and thyroxine (T4), in response to stimulation, often by the thyroid-stimulating hormone (TSH). These thyroid hormones play a significant role in metabolism and how the body uses food for energy. In case you are experiencing unusual symptoms, further tests may be required for an accurate assessment of your results in the light of your clinical picture. Please note that free triiodothyronine (FT3) and free thyroxine (FT4) are the active forms of triiodothyronine and thyroxine, respectively.
1062
-
1063
-
1064
- </div>
1065
- </div>
1066
- </div>
1067
- </div>
1068
- <!-- biomarker END -->
1069
-
1070
-
1071
- </div>
1072
-
1073
- </div>
1074
-
1075
- </div>
1076
- <!--panel END-->
1077
-
1078
-
1079
-
1080
-
1081
- </div>
1082
-
1083
-
1084
-
1085
- <!--******************** PAGE END ********************-->
1086
-
1087
-
1088
- <!--********************** PAGE 11 *******************-->
1089
-
1090
-
1091
-
1092
- <div class="content">
1093
-
1094
- <!-- RESUME -->
1095
- <div class="section">
1096
-
1097
- <div class="resume-title">
1098
- Summary
1099
- </div>
1100
-
1101
- <div class="section-content">
1102
-
1103
-
1104
- <div class="card has-related">
1105
- <div class="icon">
1106
- <img src="../assets/card-cr.png" width="100%">
1107
- </div>
1108
- <div class="text">
1109
- Your high-density lipoprotein cholesterol (HDL) level is borderline.
1110
- </div>
1111
-
1112
- <div class="related-icons">
1113
-
1114
- <div class="related orange">
1115
- <div class="bicon">HDL</div>
1116
- <div class="label">High-Density Lipoprotein Cholesterol</div>
1117
- </div>
1118
-
1119
-
1120
- </div>
1121
- </div>
1122
- <div class="card has-related">
1123
- <div class="icon">
1124
- <img src="../assets/card-cr.png" width="100%">
1125
- </div>
1126
- <div class="text">
1127
- Your total bilirubin (TBIL) and indirect bilirubin (IDBIL) levels are within their respective reference ranges, while your direct bilirubin (DBIL) level is above its reference range.
1128
- </div>
1129
-
1130
- <div class="related-icons">
1131
-
1132
- <div class="related red">
1133
- <div class="bicon">DBIL</div>
1134
- <div class="label">Direct Bilirubin</div>
1135
- </div>
1136
-
1137
-
1138
- </div>
1139
- </div>
1140
-
1141
- <div class="card has-related organ green">
1142
- <div class="icon">
1143
- <img src="../assets/card-organ.png" width="100%">
1144
- </div>
1145
- <div class="text">
1146
- <div class="title">Your eGFR value may suggest a normal kidney function.</div>
1147
- Your estimated glomerular filtration rate (eGFR) value is within the reference range. This result may suggest that the kidneys are functioning properly.
1148
- </div>
1149
-
1150
- <div class="related-icons">
1151
-
1152
- <div class="related green">
1153
- <div class="bicon">eGFR</div>
1154
- <div class="label">Estimated Glomerular Filtration Rate</div>
1155
- </div>
1156
-
1157
- </div>
1158
- </div>
1159
-
1160
- <div class="card has-related green organ">
1161
- <div class="icon">
1162
- <img src="../assets/card-organ.png" width="100%">
1163
- </div>
1164
- <div class="text">
1165
- <div class="title">Your TSH value may suggest normal thyroid function.</div>
1166
- Your serum thyroid-stimulating hormone (TSH) level may exclude a thyroid dysfunction.
1167
- </div>
1168
-
1169
- <div class="related-icons">
1170
-
1171
- <div class="related green">
1172
- <div class="bicon">TSH</div>
1173
- <div class="label">Thyroid-Stimulating Hormone</div>
1174
- </div>
1175
-
1176
- </div>
1177
- </div>
1178
-
1179
-
1180
-
1181
- </div>
1182
-
1183
- </div>
1184
- <!-- RESUME END -->
1185
-
1186
-
1187
- </div>
1188
-
1189
-
1190
- <!--Sign -->
1191
- <br><br><br><br>
1192
- <div class="grid-row">
1193
- <div class="grid-col size4">
1194
- &nbsp;
1195
- </div>
1196
- <div class="grid-col size2 underline">
1197
- <div class="info-label">
1198
- APPROVED BY
1199
- </div>
1200
- <div class="info-value">
1201
- Dr. Faraj N. Rabah
1202
- <br>
1203
- 4/10/2018
1204
- </div>
1205
- </div>
1206
- <div class="grid-col size2">
1207
- <img src="../assets/signature.png" height="150">
1208
- </div>
1209
- </div>
1210
- <!--Sign end -->
1211
-
1212
- </div>
1213
-
1214
- <!--******************** PAGE END ********************-->
1215
-
1216
-
1217
-
1218
-
1219
-
1220
- <!-- JS ------------------------------------>
1221
- <script src="../assets/jquery-1.4.min.js"></script>
1222
- <script src="../assets/js.min.js"></script>
1223
- </body>
1224
- </html>
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>TEMPLATE</title>
5
+ <link rel="stylesheet" href="../assets/styles.min.css">
6
+ <link rel="stylesheet" href="../assets/print.min.css" media="print">
7
+ <script src="../node_modules/chart.js/dist/Chart.min.js"></script>
8
+
9
+ <script>
10
+ var IS_ARABIC = false;
11
+ </script>
12
+
13
+ </head>
14
+ <body>
15
+
16
+
17
+ <!--********************** PAGE 1 ********************-->
18
+ <div class="all-pages">
19
+
20
+ <div class="page-head" id="main_header">
21
+ <div class="grid-row">
22
+ <div class="grid-col size4">
23
+ <div class="logo">
24
+ <img src="../assets/logo.png" height="70">
25
+ </div>
26
+ </div>
27
+
28
+ <div class="grid-col size4">
29
+ <div class="lab-box color-box">
30
+ <div class="grid-col size2">
31
+ <div class="info-label">
32
+ LAB
33
+ </div>
34
+ <div id="lab-info" class="info-value">
35
+ Al Borg Laboratories Jeddah<br> Address comes here <br>+971 45 7367637
36
+ </div>
37
+ </div>
38
+
39
+ <div class="grid-col size1">
40
+ <div class="info-label">
41
+ REFERENCE
42
+ </div>
43
+ <div id="reference" class="info-value">
44
+ 7436247236
45
+ </div>
46
+ </div>
47
+
48
+ <div class="grid-col size1">
49
+ <div class="info-label">
50
+ REPORT DATE
51
+ </div>
52
+ <div id="report-date" class="info-value">
53
+ 5/10/2018
54
+ </div>
55
+ </div>
56
+ </div>
57
+
58
+ </div>
59
+
60
+ </div>
61
+ </div>
62
+
63
+ <!--info-->
64
+ <div class="intro">
65
+ <div class="grid-row">
66
+ <div class="grid-col size4">
67
+ <div class="report-title">
68
+ <div id="report-title" class="heading">Chemistry Report</div>
69
+ </div>
70
+
71
+ <!--patient -->
72
+ <div class="grid-row">
73
+ <div class="grid-col size4">
74
+
75
+ <div class="grid-col size2 ">
76
+ <div class="info-label">
77
+ PREPARED FOR
78
+ </div>
79
+ <div id="patient-name" class="info-value">
80
+ Al borg-SBPSP 1
81
+ </div>
82
+ </div>
83
+
84
+ <div class="grid-col size2 ">
85
+ <div class="info-label">
86
+ DATE OF BIRTH
87
+ </div>
88
+ <div id="patient-birth-date" class="info-value">
89
+ 4/11/1985 (Age 33)
90
+ </div>
91
+ </div>
92
+
93
+ </div>
94
+ <div class="grid-row">
95
+ <div class="grid-col size2">
96
+ <div class="info-label">
97
+ GENDER
98
+ </div>
99
+ <div id="patient-gender" class="info-value">
100
+ Male
101
+ </div>
102
+ </div>
103
+
104
+ <div class="grid-col size2">
105
+ <div class="info-label">
106
+ WEIGHT / HEIGHT
107
+ </div>
108
+ <div id="patient-weight-height" class="info-value">
109
+ 97 kg / 176 cm
110
+ </div>
111
+ </div>
112
+ </div>
113
+ </div>
114
+
115
+ <!--/patient -->
116
+
117
+ </div>
118
+ <div class="grid-col size4">
119
+
120
+ <!--PLUS-->
121
+ <div class="plus-info color-box">
122
+ <div class="logos">
123
+ <img src="../assets/online-icons.png" height="60">
124
+ </div>
125
+ <div class="heading">
126
+ There's more...
127
+ </div>
128
+
129
+ <div class="grid-row">
130
+ <div class="grid-col size3">
131
+ <div id="more-link" class="description">
132
+ Access a detailed report online or in our app.
133
+ <br>1) Visit alborglaboratories.com/report
134
+ <br>2) Enter this PIN code:
135
+ </div>
136
+ <div id="pin" class="pin">
137
+ 4KH64EH
138
+ </div>
139
+
140
+ </div>
141
+ <div id="pin-qr" class="grid-col size1" style="text-align:right">
142
+ <img src="../assets/QR.png" width="100">
143
+ </div>
144
+ </div>
145
+
146
+
147
+
148
+ </div>
149
+ <!--PLUS END-->
150
+
151
+ </div>
152
+ </div>
153
+
154
+
155
+
156
+ </div>
157
+ <div class="clear"></div>
158
+ <!--info END-->
159
+
160
+
161
+ <div class="content">
162
+
163
+
164
+ <!--panel-->
165
+ <div class="section">
166
+
167
+ <div class="panel-title">
168
+ Blood Glucose
169
+ </div>
170
+
171
+
172
+ <div class="section-content">
173
+
174
+ <table width="100%" cellspacing="0" cellpadding="0" class="listing">
175
+ <tr class="header">
176
+ <td >&nbsp;</td>
177
+ <td width="120">&nbsp;</td>
178
+ <td width="150">&nbsp;</td>
179
+ <td width="100">&nbsp;</td>
180
+ <td width="180" class="biom-range">Reference range</td>
181
+ <td width="100" class="biom-past">19/05/2018</td>
182
+ </tr>
183
+
184
+ <tr class="">
185
+ <td>
186
+ <div class="biom-title">Fasting Blood Glucose</div>
187
+ <div class="biom-method"></div>
188
+ </td>
189
+ <td class="biom-value">93</td>
190
+ <td class="biom-unit">mg/dL</td>
191
+ <td class="biom-bar">
192
+ <div class="range-placeholder">red
193
+ 15 - 39.98
194
+ Low
195
+ //
196
+ orange
197
+ 39.99 - 69.99
198
+ Borderline Low
199
+ //
200
+ green
201
+ 70 - 100
202
+ Normal
203
+ current
204
+ //
205
+ red
206
+ 100.01 - 1,000
207
+ High
208
+ </div>
209
+
210
+ </td>
211
+ <td class="biom-range">70 - 100</td>
212
+ <td class="biom-past">92</td>
213
+ </tr>
214
+
215
+
216
+ <tr class="">
217
+ <td>
218
+ <div class="biom-title">Glycated Hemoglobin</div>
219
+ <div class="biom-method"></div>
220
+ </td>
221
+ <td class="biom-value">4.9<br>132</td>
222
+ <td class="biom-unit">%<br>mg/dL</td>
223
+ <td class="biom-bar">
224
+ <div class="range-placeholder">
225
+ orange
226
+ 2.5 - 3.99
227
+ Low
228
+ //
229
+ green
230
+ 4 - 6
231
+ Normal
232
+ current
233
+ //
234
+ red
235
+ 6.01 - 25
236
+ High
237
+ </div>
238
+
239
+ </td>
240
+ <td class="biom-range">4 - 6<br>100 - 220</td>
241
+ <td class="biom-past">2<br>88</td>
242
+ </tr>
243
+
244
+
245
+ <tr class="">
246
+ <td>
247
+ <div class="biom-title">Mean of Blood Glucose</div>
248
+ <div class="biom-method"></div>
249
+ </td>
250
+ <td class="biom-value">94</td>
251
+ <td class="biom-unit"></td>
252
+ <td class="biom-bar">
253
+
254
+ </td>
255
+ <td class="biom-range"></td>
256
+ <td class="biom-past">92</td>
257
+ </tr>
258
+
259
+
260
+ </table>
261
+
262
+ </div>
263
+
264
+ </div>
265
+ <!--panel END-->
266
+
267
+
268
+ <!--panel-->
269
+ <div class="section">
270
+
271
+ <div class="panel-title">
272
+ Lipids
273
+ </div>
274
+
275
+
276
+ <div class="section-content">
277
+
278
+ <table width="100%" cellspacing="0" cellpadding="0" class="listing">
279
+ <tr class="header">
280
+ <td >&nbsp;</td>
281
+ <td width="120">&nbsp;</td>
282
+ <td width="150">&nbsp;</td>
283
+ <td width="100">&nbsp;</td>
284
+ <td width="180" class="biom-range">Reference range</td>
285
+ <td class="biom-past" width="100"><!-- NOTE: even if there's no past value in a panel keep this row --></td>
286
+ </tr>
287
+
288
+ <tr class="">
289
+ <td>
290
+ <div class="biom-title">Total Cholesterol</div>
291
+ <div class="biom-method"></div>
292
+ </td>
293
+ <td class="biom-value">163</td>
294
+ <td class="biom-unit">mg/dL</td>
295
+ <td class="biom-bar">
296
+ <div class="range-placeholder">
297
+ green
298
+ 10 - 200
299
+ Optimal
300
+ current
301
+ //
302
+ orange
303
+ 200 - 239.99
304
+ Borderline High
305
+ //
306
+ red
307
+ 240 - 1,000
308
+ High
309
+ </div>
310
+
311
+ </td>
312
+ <td class="biom-range">10 - 200</td>
313
+ <td class="biom-past"></td>
314
+ </tr>
315
+
316
+
317
+ <tr class="risk orange">
318
+ <td>
319
+ <div class="biom-title">High-Density Lipoprotein Cholesterol</div>
320
+ <div class="biom-method"></div>
321
+ </td>
322
+ <td class="biom-value">43</td>
323
+ <td class="biom-unit">mg/dL</td>
324
+ <td class="biom-bar">
325
+ <div class="range-placeholder">
326
+ red
327
+ 10 - 39.98
328
+ Optimal
329
+ //
330
+ orange
331
+ 39.99 - 59.99
332
+ Borderline High
333
+ current
334
+ //
335
+ green
336
+ 60 - 300
337
+ High
338
+ </div>
339
+
340
+ </td>
341
+ <td class="biom-range">60 - 300</td>
342
+ <td class="biom-past"></td>
343
+ </tr>
344
+
345
+
346
+ <tr class="risk red">
347
+ <td>
348
+ <div class="biom-title">Low-Density Lipoprotein Cholesterol</div>
349
+ <div class="biom-method"></div>
350
+ </td>
351
+ <td class="biom-value">111</td>
352
+ <td class="biom-unit">mg/dL</td>
353
+ <td class="biom-bar">
354
+ <div class="range-placeholder">
355
+ green
356
+ 10 - 100
357
+ Optimal
358
+ //
359
+ green
360
+ 100 - 129.99
361
+ Near Optimal
362
+ //
363
+ orange
364
+ 130 - 159.99
365
+ Borderline High
366
+ //
367
+ red
368
+ 160 - 89.99
369
+ High
370
+ //
371
+ darkred
372
+ 190 - 500
373
+ Very High
374
+ current
375
+ </div>
376
+
377
+ </td>
378
+ <td class="biom-range">10 - 100</td>
379
+ <td class="biom-past"></td>
380
+ </tr>
381
+
382
+ <tr class="">
383
+ <td>
384
+ <div class="biom-title">Triglycerides</div>
385
+ <div class="biom-method"></div>
386
+ </td>
387
+ <td class="biom-value">157</td>
388
+ <td class="biom-unit">mg/dL</td>
389
+ <td class="biom-bar">
390
+ <div class="range-placeholder">
391
+ green
392
+ 10 - 200
393
+ Normal
394
+ current
395
+ //
396
+ orange
397
+ 200 - 249.99
398
+ Borderline High
399
+ //
400
+ red
401
+ 250 - 549.99
402
+ High
403
+ //
404
+ darkred
405
+ 550 - 1,500
406
+ Very High
407
+ </div>
408
+
409
+ </td>
410
+ <td class="biom-range">10 - 200</td>
411
+ <td class="biom-past"></td>
412
+ </tr>
413
+
414
+ </table>
415
+
416
+ </div>
417
+
418
+ </div>
419
+ <!--panel END-->
420
+
421
+
422
+ </div>
423
+
424
+
425
+
426
+
427
+ <!--******************** PAGE END ********************-->
428
+
429
+
430
+
431
+ <!--********************** PAGE 6 ********************-->
432
+
433
+
434
+
435
+
436
+
437
+ <div class="content">
438
+
439
+ <div class="section">
440
+ <div class="resume-title">
441
+ Details
442
+ </div>
443
+ </div>
444
+
445
+
446
+ <!--panel-->
447
+ <div class="section">
448
+
449
+ <div class="panel-title">
450
+ Blood Glucose
451
+ </div>
452
+
453
+
454
+ <div class="section-content">
455
+
456
+ <div class="panel-container">
457
+
458
+
459
+ <!-- biomarker -->
460
+ <div class="biomarker-container">
461
+ <div class="grid-row">
462
+ <div class="grid-col size4">
463
+ <div class="biomarker green">
464
+ <div class="biom-circle">
465
+ FBG
466
+ </div>
467
+ <div class="biom-info">
468
+ <div class="title">
469
+ Fasting Blood Glucose
470
+ </div>
471
+ <div class="value colorable">
472
+ 93
473
+ <span class="unit colorable">mg/dL
474
+ </span>
475
+ </div>
476
+ <div class="risk colorable">
477
+ Normal
478
+ </div>
479
+ </div>
480
+ </div>
481
+ </div>
482
+ <div class="grid-col size4">
483
+ <div class="biom-bar">
484
+ <div class="range-placeholder">red
485
+ 15 - 39.98
486
+ Low
487
+ //
488
+ orange
489
+ 39.99 - 69.99
490
+ Borderline Low
491
+ //
492
+ green
493
+ 70 - 100
494
+ Normal
495
+ current
496
+ //
497
+ red
498
+ 100.01 - 1,000
499
+ High
500
+ </div>
501
+ </div>
502
+ </div>
503
+ </div>
504
+
505
+ <div class="grid-row">
506
+ <div class="card cr">
507
+ <div class="icon">
508
+ <img src="../assets/card-cr.png" width="100%">
509
+ </div>
510
+ <div class="text">
511
+ Your fasting blood glucose (FBG) level is optimal. Your diet and lifestyle are keeping you safe from diabetes! Glucose is the main sugar in your blood. It is your body's primary energy source, and is essential for your cells to function properly. Adequate blood sugar levels are required since high and low levels can be associated with numerous health problems. You are on the right track, so keep it up!
512
+
513
+
514
+ </div>
515
+ </div>
516
+ </div>
517
+ </div>
518
+ <!-- biomarker END -->
519
+
520
+ </div>
521
+
522
+ </div>
523
+
524
+ </div>
525
+ <!--panel END-->
526
+
527
+
528
+ <!--panel-->
529
+ <div class="section">
530
+
531
+ <div class="panel-title">
532
+ Lipids
533
+ </div>
534
+
535
+
536
+ <div class="section-content">
537
+
538
+ <div class="panel-container">
539
+
540
+ <!-- biomarker -->
541
+ <div class="biomarker-container">
542
+ <div class="grid-row">
543
+ <div class="grid-col size4">
544
+ <div class="biomarker green">
545
+ <div class="biom-circle">
546
+ TCH
547
+ </div>
548
+ <div class="biom-info">
549
+ <div class="title">
550
+ Total Cholesterol
551
+ </div>
552
+ <div class="value colorable">
553
+ 163
554
+ <span class="unit colorable">mg/dL</span>
555
+ </div>
556
+ <div class="risk colorable">
557
+ Optimal
558
+ </div>
559
+ </div>
560
+ </div>
561
+ </div>
562
+ <div class="grid-col size4">
563
+ <div class="biom-bar">
564
+ <div class="range-placeholder">
565
+ green
566
+ 0 - 200
567
+ Optimal
568
+ current
569
+ //
570
+ orange
571
+ 200 - 239.99
572
+ Borderline High
573
+ //
574
+ red
575
+ 240 - 1,000
576
+ High
577
+ </div>
578
+ </div>
579
+ </div>
580
+ </div>
581
+
582
+ <div class="grid-row">
583
+ <div class="card cr">
584
+ <div class="icon">
585
+ <img src="../assets/card-cr.png" width="100%">
586
+ </div>
587
+ <div class="text">
588
+ It's great! Your total cholesterol (TCH) level is optimal. Cholesterol is a type of fat in the blood that the body makes and gets from the food you eat. Contrary to its bad reputation, it's not entirely harmful when its levels are kept under control. Keeping those cholesterol digits in healthy levels is a great way to keep your heart healthy and lower the risk of developing future health problems that accompany high cholesterol levels such as heart disease or stroke, among others.
589
+
590
+
591
+ </div>
592
+ </div>
593
+ </div>
594
+ </div>
595
+ <!-- biomarker END -->
596
+ <!-- biomarker -->
597
+ <div class="biomarker-container">
598
+ <div class="grid-row">
599
+ <div class="grid-col size4">
600
+ <div class="biomarker orange">
601
+ <div class="biom-circle">
602
+ HDL
603
+ </div>
604
+ <div class="biom-info">
605
+ <div class="title">
606
+ High-Density Lipoprotein Cholesterol
607
+ </div>
608
+ <div class="value colorable">
609
+ 43
610
+
611
+ <span class="unit colorable">mg/dL</span>
612
+ </div>
613
+ <div class="risk colorable">
614
+ Borderline
615
+ </div>
616
+ </div>
617
+ </div>
618
+ </div>
619
+ <div class="grid-col size4">
620
+ <div class="biom-bar">
621
+ <div class="range-placeholder">
622
+ red
623
+ 10 - 39.98
624
+ Low
625
+ //
626
+ orange
627
+ 39.99 - 59.99
628
+ Borderline High
629
+ current
630
+ //
631
+ green
632
+ 60 - 200
633
+ Optimal
634
+ </div>
635
+ </div>
636
+ </div>
637
+ </div>
638
+
639
+ <div class="grid-row">
640
+ <div class="card cr">
641
+ <div class="icon">
642
+ <img src="../assets/card-cr.png" width="100%">
643
+ </div>
644
+ <div class="text">
645
+ Your high-density lipoprotein cholesterol (HDL) level is borderline. High-density lipoprotein cholesterol is the well-behaved or "good cholesterol." This friendly scavenger cruises your bloodstream and removes harmful cholesterol from where it does not belong, taking it back to the liver where it can be reprocessed. A low high-density lipoprotein cholesterol level is thought to accelerate the development of atherosclerosis, among others, which can lead to heart attacks and strokes if accompanied with other risk factors.
646
+ </div>
647
+ </div>
648
+
649
+ <div class="card tip">
650
+ <div class="icon">
651
+ <img src="../assets/card-tip.png" width="100%">
652
+ </div>
653
+ <div class="text">
654
+ Eliminate trans fats that are found in fried foods and many commercial products, such as cookies, crackers, and snack cakes. These increase the burden on your body caused by fats, which is bad for your overall health.
655
+ </div>
656
+ </div>
657
+ </div>
658
+ </div>
659
+ <!-- biomarker END -->
660
+ <!-- biomarker -->
661
+ <div class="biomarker-container">
662
+ <div class="grid-row">
663
+ <div class="grid-col size4">
664
+ <div class="biomarker blue">
665
+ <div class="biom-circle">
666
+ LDL
667
+ </div>
668
+ <div class="biom-info">
669
+ <div class="title">
670
+ Low-Density Lipoprotein Cholesterol
671
+ </div>
672
+ <div class="value colorable">
673
+ 111
674
+ <span class="unit colorable">mg/dL</span>
675
+ </div>
676
+ <div class="risk colorable">
677
+ Near Optimal
678
+ </div>
679
+ </div>
680
+ </div>
681
+ </div>
682
+ <div class="grid-col size4">
683
+ <div class="biom-bar">
684
+ <div class="range-placeholder">
685
+ green
686
+ 0 - 100
687
+ Optimal
688
+ //
689
+ green
690
+ 100 - 129.99
691
+ Near Optimal
692
+ current
693
+ //
694
+ orange
695
+ 130 - 159.99
696
+ Borderline High
697
+ //
698
+ red
699
+ 160 - 89.99
700
+ High
701
+ //
702
+ darkred
703
+ 190 - 500
704
+ Very High
705
+ </div>
706
+ </div>
707
+ </div>
708
+ </div>
709
+
710
+ <div class="grid-row">
711
+ <div class="card cr">
712
+ <div class="icon">
713
+ <img src="../assets/card-cr.png" width="100%">
714
+ </div>
715
+ <div class="text">
716
+ Great job! Your low-density lipoprotein cholesterol (LDL) level is near optimal. Low-density lipoprotein cholesterol is thought of as the bad type of cholesterol. Keeping those low-density lipoprotein cholesterol digits in check is a great way to keep your heart healthy and lower the risk of developing future health problems that accompany high low-density lipoprotein cholesterol levels like heart disease or stroke, among others.
717
+ </div>
718
+ </div>
719
+
720
+
721
+ <div class="card tip">
722
+ <div class="icon">
723
+ <img src="../assets/card-tip.png" width="100%">
724
+ </div>
725
+ <div class="text">
726
+ Eliminate trans fats that are found in fried foods and many commercial products, such as cookies, crackers, and snack cakes. These increase the burden on your body caused by fats, which is bad for your overall health.
727
+ </div>
728
+ </div>
729
+ <div class="card tip">
730
+ <div class="icon">
731
+ <img src="../assets/card-tip.png" width="100%">
732
+ </div>
733
+ <div class="text">
734
+ Exercise improves the results of your lipid profile. Incorporate more physical activity into your day by walking or cycling. You can also exercise at home while watching television. Keep in mind that physical activity allows your body to get rid of the excess body fat.
735
+ </div>
736
+ </div>
737
+ <div class="card tip">
738
+ <div class="icon">
739
+ <img src="../assets/card-tip.png" width="100%">
740
+ </div>
741
+ <div class="text">
742
+ It is always tea time! Take a break and enjoy a cup of hot green tea. Green tea is rich in antioxidants and can lower your bad cholesterol, as well as your total cholesterol levels.
743
+ </div>
744
+ </div>
745
+ </div>
746
+ </div>
747
+ <!-- biomarker END -->
748
+
749
+ </div>
750
+
751
+ </div>
752
+
753
+ </div>
754
+ <!--panel END-->
755
+
756
+
757
+
758
+
759
+
760
+ </div>
761
+
762
+
763
+
764
+ <!--******************** PAGE END ********************-->
765
+
766
+
767
+ <!--********************** PAGE 10 *******************-->
768
+
769
+
770
+
771
+
772
+
773
+ <div class="content">
774
+
775
+ <!--panel-->
776
+ <div class="section">
777
+
778
+ <div class="panel-title">
779
+ Lipids (Continued)
780
+ </div>
781
+
782
+
783
+ <div class="section-content">
784
+
785
+ <div class="panel-container">
786
+ <!-- biomarker -->
787
+ <div class="biomarker-container">
788
+ <div class="grid-row">
789
+ <div class="grid-col size4">
790
+ <div class="biomarker orange">
791
+ <div class="biom-circle">
792
+ Vit. D
793
+ </div>
794
+ <div class="biom-info">
795
+ <div class="title">
796
+ Vitamin D
797
+ </div>
798
+ <div class="value colorable">
799
+ 23
800
+ <span class="unit colorable">ng/mL</span>
801
+ </div>
802
+ <div class="risk colorable">
803
+ Low
804
+ </div>
805
+ </div>
806
+ </div>
807
+ </div>
808
+ <div class="grid-col size4">
809
+ <div class="biom-bar">
810
+ <div class="range-placeholder">
811
+ red
812
+ 0 - 21.99
813
+ Severely Low
814
+ //
815
+ orange
816
+ 22 - 29.99
817
+ Low
818
+ current
819
+ //
820
+ green
821
+ 30 - 100
822
+ Normal
823
+ //
824
+ orange
825
+ 100.01 - 250.01
826
+ High
827
+ //
828
+ red
829
+ 250.02 - 1,000
830
+ Very High
831
+ </div>
832
+ </div>
833
+ </div>
834
+ </div>
835
+
836
+ <div class="grid-row">
837
+ <div class="card cr">
838
+ <div class="icon">
839
+ <img src="../assets/card-cr.png" width="100%">
840
+ </div>
841
+ <div class="text">
842
+ Your low vitamin D (Vit. D) level may be referred to as vitamin D insufficiency. Vitamin D insufficiency is defined as a lower than average vitamin D concentration in the blood. Vitamin D is essential for your overall health, especially the health of your bones. Vitamin D insufficiency may occur due to an insufficient vitamin D intake from your diet, limited exposure to sunlight, an inability of your kidneys to convert vitamin D to its active form or an inadequate vitamin D absorption in your digestive tract, among others.
843
+ </div>
844
+ </div>
845
+
846
+ <div class="card tip orange">
847
+ <div class="icon">
848
+ <img src="../assets/card-risk.png" width="100%">
849
+ </div>
850
+ <div class="text">
851
+ Insufficient levels of vitamin D can affect your bone's strength over time. To prevent vitamin D deficiency-related diseases such as osteomalacia, osteoporosis and osteopenia, increase your vitamin D intake.
852
+ </div>
853
+ </div>
854
+ <div class="card tip">
855
+ <div class="icon">
856
+ <img src="../assets/card-tip.png" width="100%">
857
+ </div>
858
+ <div class="text">
859
+ Vitamin D is known as the "sunshine vitamin". It is a good idea to enjoy the sunny weather outdoors with your family or friends. Since you will be going outside without wearing a sunscreen to get the most out of the sun, make sure not to stay outside for long periods of time.
860
+ </div>
861
+ </div>
862
+ </div>
863
+ </div>
864
+ <!-- biomarker END -->
865
+
866
+ </div>
867
+
868
+ </div>
869
+
870
+ </div>
871
+ <!--panel END-->
872
+
873
+
874
+ <!--panel-->
875
+ <div class="section">
876
+
877
+ <div class="panel-title">
878
+ Thyroid
879
+ </div>
880
+
881
+
882
+ <div class="section-content">
883
+
884
+ <div class="panel-container">
885
+
886
+ <!-- biomarker -->
887
+ <div class="biomarker-container">
888
+ <div class="grid-row">
889
+ <div class="grid-col size4">
890
+ <div class="biomarker green">
891
+ <div class="biom-circle">
892
+ TSH
893
+ </div>
894
+ <div class="biom-info">
895
+ <div class="title">
896
+ Thyroid-Stimulating Hormone
897
+ </div>
898
+ <div class="value colorable">
899
+ 0.7
900
+ <span class="unit colorable">µIU/mL</span>
901
+ </div>
902
+ <div class="risk colorable">
903
+ Normal
904
+ </div>
905
+ </div>
906
+ </div>
907
+ </div>
908
+ <div class="grid-col size4">
909
+ <div class="biom-bar">
910
+ <div class="range-placeholder">
911
+ orange
912
+ 0 - 0.34
913
+ Low
914
+ //
915
+ green
916
+ 0.35 - 4.94
917
+ Normal
918
+ current
919
+ //
920
+ red
921
+ 4.95 - 1,000
922
+ High
923
+ </div>
924
+ </div>
925
+ </div>
926
+ </div>
927
+
928
+ <!-- history -->
929
+ <div class="gird-row">
930
+ <div class="grid-col size4">
931
+ dates
932
+ </div>
933
+ <div class="grid-col size4">
934
+ <div class="biom-bar history">
935
+ <table>
936
+ <tbody>
937
+ <tr class="ranges">
938
+ <td class="orange ">
939
+ <div class="range colorablebg"></div>
940
+ </td>
941
+ <td class="green current">
942
+ <div class="range colorablebg"></div>
943
+ </td>
944
+ <td class="red ">
945
+ <div class="range colorablebg"></div>
946
+ </td>
947
+ </tr>
948
+ <tr class="ranges">
949
+ <td class="orange ">
950
+ <div class="range colorablebg"></div>
951
+ </td>
952
+ <td class="green current">
953
+ <div class="range colorablebg"></div>
954
+ </td>
955
+ <td class="red ">
956
+ <div class="range colorablebg"></div>
957
+ </td>
958
+ </tr>
959
+ <tr class="ranges">
960
+ <td class="orange current">
961
+ <div class="range colorablebg"></div>
962
+ </td>
963
+ <td class="green ">
964
+ <div class="range colorablebg"></div>
965
+ </td>
966
+ <td class="red ">
967
+ <div class="range colorablebg"></div>
968
+ </td>
969
+ </tr>
970
+ <tr class="ranges">
971
+ <td class="orange ">
972
+ <div class="range colorablebg"></div>
973
+ </td>
974
+ <td class="green ">
975
+ <div class="range colorablebg"></div>
976
+ </td>
977
+ <td class="red current">
978
+ <div class="range colorablebg"></div>
979
+ </td>
980
+ </tr>
981
+ </tbody>
982
+ </table>
983
+ </div>
984
+
985
+ </div>
986
+
987
+ </div>
988
+ <!--/history -->
989
+
990
+ <div class="grid-row">
991
+ <div class="card cr">
992
+ <div class="icon">
993
+ <img src="../assets/card-cr.png" width="100%">
994
+ </div>
995
+ <div class="text">
996
+ Taken together, your thyroid function test results may suggest that the thyroid gland is functioning efficiently. The thyroid gland produces thyroid hormones, including triiodothyronine (T3) and thyroxine (T4), in response to stimulation, often by the thyroid-stimulating hormone (TSH). These thyroid hormones play a significant role in metabolism and how the body uses food for energy. In case you are experiencing unusual symptoms, further tests may be required for an accurate assessment of your results in the light of your clinical picture. Please note that free triiodothyronine (FT3) and free thyroxine (FT4) are the active forms of triiodothyronine and thyroxine, respectively.
997
+ </div>
998
+ </div>
999
+
1000
+ <div class="card green organ">
1001
+ <div class="icon">
1002
+ <img src="../assets/card-organ.png" width="100%">
1003
+ </div>
1004
+ <div class="text">
1005
+ <div class="title">Your TSH value may suggest normal thyroid function.</div>
1006
+ Your serum thyroid-stimulating hormone (TSH) level may exclude a thyroid dysfunction.
1007
+ </div>
1008
+ </div>
1009
+ </div>
1010
+ </div>
1011
+ <!-- biomarker END -->
1012
+
1013
+ <!-- biomarker -->
1014
+ <div class="biomarker-container">
1015
+ <div class="grid-row">
1016
+ <div class="grid-col size4">
1017
+ <div class="biomarker green">
1018
+ <div class="biom-circle">
1019
+ FT4
1020
+ </div>
1021
+ <div class="biom-info">
1022
+ <div class="title">
1023
+ Free Thyroxine
1024
+ </div>
1025
+ <div class="value colorable">
1026
+ 1.05
1027
+ <span class="unit colorable">ng/dL</span>
1028
+ </div>
1029
+ <div class="risk colorable">
1030
+ Normal
1031
+ </div>
1032
+ </div>
1033
+ </div>
1034
+ </div>
1035
+ <div class="grid-col size4">
1036
+ <div class="biom-bar">
1037
+ <div class="range-placeholder">
1038
+ orange
1039
+ 0 - 0.69
1040
+ Low
1041
+ //
1042
+ green
1043
+ 0.7 - 1.48
1044
+ Normal
1045
+ current
1046
+ //
1047
+ red
1048
+ 1.49 - 100
1049
+ High
1050
+ </div>
1051
+ </div>
1052
+ </div>
1053
+ </div>
1054
+
1055
+ <div class="grid-row">
1056
+ <div class="card cr">
1057
+ <div class="icon">
1058
+ <img src="../assets/card-cr.png" width="100%">
1059
+ </div>
1060
+ <div class="text">
1061
+ Taken together, your thyroid function test results may suggest that the thyroid gland is functioning efficiently. The thyroid gland produces thyroid hormones, including triiodothyronine (T3) and thyroxine (T4), in response to stimulation, often by the thyroid-stimulating hormone (TSH). These thyroid hormones play a significant role in metabolism and how the body uses food for energy. In case you are experiencing unusual symptoms, further tests may be required for an accurate assessment of your results in the light of your clinical picture. Please note that free triiodothyronine (FT3) and free thyroxine (FT4) are the active forms of triiodothyronine and thyroxine, respectively.
1062
+
1063
+
1064
+ </div>
1065
+ </div>
1066
+ </div>
1067
+ </div>
1068
+ <!-- biomarker END -->
1069
+
1070
+
1071
+ </div>
1072
+
1073
+ </div>
1074
+
1075
+ </div>
1076
+ <!--panel END-->
1077
+
1078
+
1079
+
1080
+
1081
+ </div>
1082
+
1083
+
1084
+
1085
+ <!--******************** PAGE END ********************-->
1086
+
1087
+
1088
+ <!--********************** PAGE 11 *******************-->
1089
+
1090
+
1091
+
1092
+ <div class="content">
1093
+
1094
+ <!-- RESUME -->
1095
+ <div class="section">
1096
+
1097
+ <div class="resume-title">
1098
+ Summary
1099
+ </div>
1100
+
1101
+ <div class="section-content">
1102
+
1103
+
1104
+ <div class="card has-related">
1105
+ <div class="icon">
1106
+ <img src="../assets/card-cr.png" width="100%">
1107
+ </div>
1108
+ <div class="text">
1109
+ Your high-density lipoprotein cholesterol (HDL) level is borderline.
1110
+ </div>
1111
+
1112
+ <div class="related-icons">
1113
+
1114
+ <div class="related orange">
1115
+ <div class="bicon">HDL</div>
1116
+ <div class="label">High-Density Lipoprotein Cholesterol</div>
1117
+ </div>
1118
+
1119
+
1120
+ </div>
1121
+ </div>
1122
+ <div class="card has-related">
1123
+ <div class="icon">
1124
+ <img src="../assets/card-cr.png" width="100%">
1125
+ </div>
1126
+ <div class="text">
1127
+ Your total bilirubin (TBIL) and indirect bilirubin (IDBIL) levels are within their respective reference ranges, while your direct bilirubin (DBIL) level is above its reference range.
1128
+ </div>
1129
+
1130
+ <div class="related-icons">
1131
+
1132
+ <div class="related red">
1133
+ <div class="bicon">DBIL</div>
1134
+ <div class="label">Direct Bilirubin</div>
1135
+ </div>
1136
+
1137
+
1138
+ </div>
1139
+ </div>
1140
+
1141
+ <div class="card has-related organ green">
1142
+ <div class="icon">
1143
+ <img src="../assets/card-organ.png" width="100%">
1144
+ </div>
1145
+ <div class="text">
1146
+ <div class="title">Your eGFR value may suggest a normal kidney function.</div>
1147
+ Your estimated glomerular filtration rate (eGFR) value is within the reference range. This result may suggest that the kidneys are functioning properly.
1148
+ </div>
1149
+
1150
+ <div class="related-icons">
1151
+
1152
+ <div class="related green">
1153
+ <div class="bicon">eGFR</div>
1154
+ <div class="label">Estimated Glomerular Filtration Rate</div>
1155
+ </div>
1156
+
1157
+ </div>
1158
+ </div>
1159
+
1160
+ <div class="card has-related green organ">
1161
+ <div class="icon">
1162
+ <img src="../assets/card-organ.png" width="100%">
1163
+ </div>
1164
+ <div class="text">
1165
+ <div class="title">Your TSH value may suggest normal thyroid function.</div>
1166
+ Your serum thyroid-stimulating hormone (TSH) level may exclude a thyroid dysfunction.
1167
+ </div>
1168
+
1169
+ <div class="related-icons">
1170
+
1171
+ <div class="related green">
1172
+ <div class="bicon">TSH</div>
1173
+ <div class="label">Thyroid-Stimulating Hormone</div>
1174
+ </div>
1175
+
1176
+ </div>
1177
+ </div>
1178
+
1179
+
1180
+
1181
+ </div>
1182
+
1183
+ </div>
1184
+ <!-- RESUME END -->
1185
+
1186
+
1187
+ </div>
1188
+
1189
+
1190
+ <!--Sign -->
1191
+ <br><br><br><br>
1192
+ <div class="grid-row">
1193
+ <div class="grid-col size4">
1194
+ &nbsp;
1195
+ </div>
1196
+ <div class="grid-col size2 underline">
1197
+ <div class="info-label">
1198
+ APPROVED BY
1199
+ </div>
1200
+ <div class="info-value">
1201
+ Dr. Faraj N. Rabah
1202
+ <br>
1203
+ 4/10/2018
1204
+ </div>
1205
+ </div>
1206
+ <div class="grid-col size2">
1207
+ <img src="../assets/signature.png" height="150">
1208
+ </div>
1209
+ </div>
1210
+ <!--Sign end -->
1211
+
1212
+ </div>
1213
+
1214
+ <!--******************** PAGE END ********************-->
1215
+
1216
+
1217
+
1218
+
1219
+
1220
+ <!-- JS ------------------------------------>
1221
+ <script src="../assets/jquery-1.4.min.js"></script>
1222
+ <script src="../assets/js.min.js"></script>
1223
+ </body>
1224
+ </html>