@medicus.ai/medicus-report-pdf-generator 1.3.13 → 1.3.15

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 (178) hide show
  1. package/.vscode/settings.json +3 -3
  2. package/HANDOVER.md +146 -0
  3. package/README.md +26 -26
  4. package/app/i18n.config.js +20 -20
  5. package/app/i18n_wellbeing.config.js +20 -20
  6. package/app/services/localeService.js +28 -28
  7. package/assets/Mediclinic/css/nasco_report.css +6297 -6297
  8. package/assets/Mediclinic/css/nasco_report_rtl.css +851 -851
  9. package/assets/Mediclinic/css/style.css +33 -33
  10. package/assets/Mediclinic/js/js.js +112 -112
  11. package/assets/Mediclinic/js/raphael.js +8437 -8437
  12. package/assets/arabic.css +275 -275
  13. package/assets/charts.min.js +7 -7
  14. package/assets/corporate_report/css/report.css +582 -582
  15. package/assets/corporate_report/css/report_rtl.css +144 -144
  16. package/assets/corporate_report/js/js.js +14 -14
  17. package/assets/data/data.json +124 -124
  18. package/assets/data/data2.json +675 -675
  19. package/assets/data/pdf_data_with_history.json +1255 -1255
  20. package/assets/doctor-note-insight-icon.svg +11 -11
  21. package/assets/imc/css/style.css +61 -61
  22. package/assets/jquery-1.4.min.js +151 -151
  23. package/assets/jquery-2.1.0.min.js +3 -3
  24. package/assets/js.js +201 -201
  25. package/assets/medicus_pdf/arabic.css +444 -444
  26. package/assets/medicus_pdf/styles.css +2427 -2427
  27. package/assets/print.css +4 -4
  28. package/assets/qr-code-style.css +68 -68
  29. package/assets/qrcode.min.js +3 -3
  30. package/assets/raphael-min.js +10 -10
  31. package/assets/sanusx/css/sanusx_report.css +707 -707
  32. package/assets/sizing.js +2 -2
  33. package/assets/styles.css +1545 -1545
  34. package/assets/styles.min.css +1358 -1358
  35. package/assets/translation.js +30 -30
  36. package/assets/wellbeing/css/nasco_report.css +3472 -3472
  37. package/assets/wellbeing/css/nasco_report_rtl.css +679 -679
  38. package/assets/wellbeing/js/js.js +111 -111
  39. package/assets/wellbeing/js/raphael.js +8437 -8437
  40. package/base64/cairo-font.js +2 -2
  41. package/config/Mediclinic.json +37 -37
  42. package/config/Najeeb.ai.json +35 -35
  43. package/config/Pha.json +64 -64
  44. package/config/bionext.json +37 -37
  45. package/config/default.json +35 -35
  46. package/config/diagnostikare.json +34 -34
  47. package/config/maisonsante.json +39 -39
  48. package/config/nasco.json +35 -35
  49. package/config/sanitas.json +35 -35
  50. package/config/sanusx.json +34 -34
  51. package/config/test.txt +4 -4
  52. package/data converter.js +53 -53
  53. package/docs/01-architecture-overview.md +149 -0
  54. package/docs/02-configuration-and-whitelabelling.md +111 -0
  55. package/docs/03-templating-and-rendering.md +71 -0
  56. package/docs/04-report-pipelines.md +128 -0
  57. package/docs/05-questions-and-data-model.md +67 -0
  58. package/docs/06-internationalization.md +59 -0
  59. package/docs/07-email-notifications.md +59 -0
  60. package/docs/08-known-issues-and-technical-debt.md +41 -0
  61. package/docs/README.md +22 -0
  62. package/downloadfile.js +6 -6
  63. package/example.txt +1188 -1188
  64. package/index.js +481 -480
  65. package/lib/big_integral_questionnaire.js +370 -298
  66. package/lib/corporate_report_generator.js +399 -399
  67. package/lib/pdf_generator.min.js +525 -525
  68. package/lib/sanusx_report_generator.js +533 -533
  69. package/lib/sendEmail.js +343 -343
  70. package/lib/template.js +2227 -2227
  71. package/lib/wellbeing_report_generator.js +2164 -2134
  72. package/locales/ar-AE.json +169 -169
  73. package/locales/ar-SA.json +169 -169
  74. package/locales/ar.json +397 -397
  75. package/locales/de.json +169 -169
  76. package/locales/en.json +229 -229
  77. package/locales/fr.json +168 -168
  78. package/locales/pt.json +165 -165
  79. package/locales/wellbeing/ar-AE.json +149 -149
  80. package/locales/wellbeing/ar-SA.json +257 -257
  81. package/locales/wellbeing/de.json +301 -301
  82. package/locales/wellbeing/en.json +423 -423
  83. package/locales/wellbeing/es.json +133 -133
  84. package/locales/wellbeing/fr.json +121 -121
  85. package/locales/wellbeing/it-IT.json +121 -121
  86. package/locales/wellbeing/pt.json +121 -121
  87. package/locales/wellbeing/tr.json +121 -121
  88. package/locales/wellbeing/zh-CN.json +121 -121
  89. package/locales/zh-CN.json +165 -165
  90. package/package.json +47 -47
  91. package/preview-big-integral.js +75 -75
  92. package/run.js +15 -15
  93. package/templates/Mediclinic/blocks/first-section.html +205 -205
  94. package/templates/Mediclinic/blocks/footer.html +7 -7
  95. package/templates/Mediclinic/blocks/header-template.html +5 -5
  96. package/templates/Mediclinic/blocks/header.html +20 -20
  97. package/templates/Mediclinic/blocks/patient-table.html +38 -38
  98. package/templates/Mediclinic/blocks/pdf-header.html +9 -9
  99. package/templates/Mediclinic/blocks/tips.html +8 -8
  100. package/templates/Mediclinic/ltr_no_pages.html +37 -37
  101. package/templates/Mediclinic/rtl_no_pages.html +42 -42
  102. package/templates/Mediclinic/wellbeing_template.html +41 -41
  103. package/templates/Pha/blocks/first-section.html +207 -207
  104. package/templates/Pha/blocks/footer.html +7 -7
  105. package/templates/Pha/blocks/header-template.html +5 -5
  106. package/templates/Pha/blocks/header.html +20 -20
  107. package/templates/Pha/blocks/patient-table.html +38 -38
  108. package/templates/Pha/blocks/pdf-header.html +8 -8
  109. package/templates/Pha/blocks/tips.html +8 -8
  110. package/templates/Pha/ltr_no_pages.html +37 -37
  111. package/templates/Pha/rtl_no_pages.html +42 -42
  112. package/templates/Pha/wellbeing_template.html +41 -41
  113. package/templates/base.html +23 -23
  114. package/templates/blocks/ar-first-page-header.html +68 -68
  115. package/templates/blocks/ar-footer.html +54 -54
  116. package/templates/blocks/ar-header.html +67 -67
  117. package/templates/blocks/biomarker-compact-ar.html +27 -27
  118. package/templates/blocks/biomarker-compact.html +27 -27
  119. package/templates/blocks/biomarker-details.html +41 -41
  120. package/templates/blocks/biomarker-insight.html +22 -22
  121. package/templates/blocks/biomarker-min.html +9 -9
  122. package/templates/blocks/doctor-note.html +11 -11
  123. package/templates/blocks/footer.html +35 -35
  124. package/templates/blocks/header-first-page.html +46 -46
  125. package/templates/blocks/header.html +49 -49
  126. package/templates/blocks/panel-compact.html +38 -38
  127. package/templates/blocks/panel-details.html +16 -16
  128. package/templates/blocks/report-summary.html +16 -16
  129. package/templates/blocks/section-title.html +4 -4
  130. package/templates/blocks/signature.html +16 -16
  131. package/templates/blocks/summary-insight.html +15 -15
  132. package/templates/blocks/summary.html +9 -9
  133. package/templates/corporate_report/cover_page.html +23 -23
  134. package/templates/corporate_report/footer.html +9 -9
  135. package/templates/corporate_report/ltr_no_pages.html +20 -20
  136. package/templates/corporate_report/page.html +24 -24
  137. package/templates/corporate_report/participant_analytics.html +5 -5
  138. package/templates/corporate_report/rtl_no_pages.html +20 -20
  139. package/templates/empty.html +10 -10
  140. package/templates/first_page_head.html +157 -157
  141. package/templates/imc/first-header-template.html +53 -53
  142. package/templates/ltr.html +1368 -1368
  143. package/templates/ltr_no_pages.html +89 -89
  144. package/templates/maisonsante/blocks/first-section.html +151 -207
  145. package/templates/maisonsante/blocks/footer.html +7 -7
  146. package/templates/maisonsante/blocks/header-template.html +5 -5
  147. package/templates/maisonsante/blocks/header.html +20 -20
  148. package/templates/maisonsante/blocks/patient-table.html +38 -38
  149. package/templates/maisonsante/blocks/pdf-header.html +8 -8
  150. package/templates/maisonsante/blocks/tips.html +8 -8
  151. package/templates/maisonsante/ltr_no_pages.html +38 -38
  152. package/templates/maisonsante/rtl_no_pages.html +43 -43
  153. package/templates/maisonsante/wellbeing_template.html +41 -41
  154. package/templates/no_pages.html +1224 -1224
  155. package/templates/popup/popup-template.html +129 -129
  156. package/templates/rtl_no_pages.html +92 -92
  157. package/templates/sanusx/blocks/footer.html +6 -6
  158. package/templates/sanusx/blocks/header.html +20 -20
  159. package/templates/sanusx/blocks/personal-details.html +123 -123
  160. package/templates/sanusx/blocks/predictions-section.html +57 -57
  161. package/templates/sanusx/blocks/recommendations-section.html +6 -6
  162. package/templates/sanusx/blocks/super-power-section.html +29 -29
  163. package/templates/sanusx/blocks/tips.html +8 -8
  164. package/templates/sanusx/ltr_no_pages.html +26 -26
  165. package/templates/sanusx/rtl_no_pages.html +36 -36
  166. package/templates/template.html +1377 -1377
  167. package/templates/wellbeing/blocks/first-section.html +106 -106
  168. package/templates/wellbeing/blocks/footer.html +7 -7
  169. package/templates/wellbeing/blocks/header.html +37 -37
  170. package/templates/wellbeing/blocks/tips.html +8 -8
  171. package/templates/wellbeing/ltr_no_pages.html +35 -35
  172. package/templates/wellbeing/rtl_no_pages.html +36 -36
  173. package/templates/wellbeing/wellbeing_template.html +43 -43
  174. package/test.js +74 -74
  175. package/testing-reports/mediclinic/arabic-data.js +0 -439
  176. package/testing-reports/mediclinic/doctor-data.js +0 -523
  177. package/testing-reports/mediclinic/with-wellbeing.js +0 -415
  178. 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>