@qhealth-design-system/core 1.16.4 → 1.16.5

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 (63) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/package.json +1 -1
  3. package/src/components/_template/html/component-page.html +25 -31
  4. package/src/components/prefooter/css/component.scss +62 -0
  5. package/src/components/prefooter/js/manifest.json +9 -0
  6. package/src/data/current.json +3 -9
  7. package/src/html/component-a-z_listing.html +13 -41
  8. package/src/html/component-abstract.html +536 -40
  9. package/src/html/component-accordion.html +537 -41
  10. package/src/html/component-banner.html +537 -40
  11. package/src/html/component-banner_advanced.html +14 -41
  12. package/src/html/component-banner_basic.html +13 -40
  13. package/src/html/component-banner_intermediate.html +14 -41
  14. package/src/html/component-basic_search.html +10 -26
  15. package/src/html/component-body.html +541 -52
  16. package/src/html/component-breadcrumbs.html +538 -43
  17. package/src/html/component-btn.html +471 -69
  18. package/src/html/component-callout.html +536 -40
  19. package/src/html/component-card_feature.html +691 -308
  20. package/src/html/component-card_multi_action.html +651 -217
  21. package/src/html/component-card_no_action.html +163 -289
  22. package/src/html/component-card_single_action.html +1251 -324
  23. package/src/html/component-code.html +13 -40
  24. package/src/html/component-file_upload.html +13 -41
  25. package/src/html/component-footer.html +537 -41
  26. package/src/html/component-forms.html +4 -5
  27. package/src/html/component-global-elements.html +720 -152
  28. package/src/html/component-global_alert.html +536 -41
  29. package/src/html/component-header.html +537 -42
  30. package/src/html/component-horizontal_rule.html +459 -65
  31. package/src/html/component-in_page_navigation.html +544 -48
  32. package/src/html/component-internal_navigation.html +537 -41
  33. package/src/html/component-left_hand_navigation.html +13 -41
  34. package/src/html/component-loading_spinner.html +13 -42
  35. package/src/html/component-main_navigation.html +537 -41
  36. package/src/html/component-mega_main_navigation.html +537 -42
  37. package/src/html/component-multi_column.html +536 -40
  38. package/src/html/component-overflow_menu.html +12 -35
  39. package/src/html/component-page_alert.html +536 -40
  40. package/src/html/component-page_footer_info.html +583 -0
  41. package/src/html/component-pagination.html +459 -65
  42. package/src/html/component-promo_panel.html +13 -43
  43. package/src/html/component-tab.html +13 -41
  44. package/src/html/component-tag_list.html +495 -77
  45. package/src/html/component-toggle_tip.html +2 -3
  46. package/src/html/component-tool_tip.html +2 -3
  47. package/src/html/component-video_player.html +13 -41
  48. package/src/html/components.html +306 -88
  49. package/src/html/home.html +1807 -628
  50. package/src/html/index.html +9 -22
  51. package/src/html/inner-with-nav.html +551 -137
  52. package/src/html/inner.html +570 -59
  53. package/src/components/updated_date/css/component.scss +0 -24
  54. package/src/components/updated_date/js/manifest.json +0 -9
  55. package/src/components/widgets/css/component.scss +0 -130
  56. package/src/components/widgets/html/component.hbs +0 -8
  57. package/src/components/widgets/html/default.html +0 -3
  58. package/src/components/widgets/js/current.json +0 -471
  59. package/src/components/widgets/js/manifest.json +0 -9
  60. package/src/components/widgets/js/site.json +0 -350
  61. package/src/html/component-updated_date.html +0 -88
  62. package/src/html/component-widgets.html +0 -90
  63. /package/src/components/{updated_date → prefooter}/html/component.hbs +0 -0
package/src/html/component-card_no_action.html CHANGED
@@ -14,28 +14,19 @@
14
14
 
15
15
  <head>
16
16
  <title>Queensland Design System</title>
17
-
17
+
18
18
  ${require('../components/_global/html/head.html')}
19
19
  </head>
20
20
 
21
21
  <body class="qld__grid">
22
22
  <!--noindex-->
23
- ${require('../components/header/html/component.hbs')({
24
- "site":require('/src/data/site.json')
25
- })}
23
+ ${require('../components/header/html/component.hbs')({ "site":require('/src/data/site.json') })}
26
24
  <!--endnoindex-->
27
- ${require('../components/mega_main_navigation/html/component.hbs')({
28
- "site":require('/src/data/site.json')
29
- })}
25
+ ${require('../components/mega_main_navigation/html/component.hbs')({ "site":require('/src/data/site.json') })}
30
26
  <!-- MAIN BODY -->
31
27
  <main class="main" role="main">
32
28
  <section class="qld__body qld__body--breadcrumb">
33
- <div class="container-fluid">
34
- ${require('../components/breadcrumbs/html/component.hbs')({
35
- "site":require('/src/data/site.json'),
36
- "current":require('/src/data/current.json'),
37
- })}
38
- </div>
29
+ <div class="container-fluid">${require('../components/breadcrumbs/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json'), })}</div>
39
30
  </section>
40
31
  <!--CONTENT-->
41
32
  <div class="qld__body">
@@ -43,173 +34,120 @@
43
34
  <div class="row">
44
35
  <div class="col-xs-12 col-lg-4 col-xl-3">
45
36
  <!-- INTERNAL NAVIGATION -->
46
- ${require('../components/internal_navigation/html/component.hbs')({
47
- "site":require('/src/data/site.json'),
48
- "current":require('/src/data/current.json')
49
- })}
37
+ ${require('../components/internal_navigation/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
50
38
  </div>
51
39
  <div class="col-xs-12 col-lg-8 col-xl-8" id="content">
52
-
53
- ${require('../components/_global/html/component.hbs')({
54
- "manifest":require('../components/card_no_action/js/manifest.json'),
55
- "component":require('!url-loader!../components/card_no_action/html/component.hbs'),
56
- "component_output":require('../components/card_no_action/html/component.hbs')({
57
- "component":require('../components/card_no_action/js/manifest.json').component,
58
- "site":require('/src/data/site.json'),
59
- "current":require('/src/data/current.json'),
60
- "content":"Lorem Ipsum"
61
- })
62
- })}
40
+ ${require('../components/_global/html/component.hbs')({ "manifest":require('../components/card_no_action/js/manifest.json'), "component":require('!url-loader!../components/card_no_action/html/component.hbs'),
41
+ "component_output":require('../components/card_no_action/html/component.hbs')({ "component":require('../components/card_no_action/js/manifest.json').component, "site":require('/src/data/site.json'),
42
+ "current":require('/src/data/current.json'), "content":"Lorem Ipsum" }) })}
63
43
 
64
44
  <h2>No action - base</h2>
65
45
  <ul class="qld__card-list qld__card-list--matchheight">
66
46
  <li class="col-xs-12 col-md-6 col-lg-3">
67
- <div class="qld__card ">
68
- <div class="qld__card__inner">
69
- <div class="qld__card__content">
70
- <div class="qld__card__content-inner">
71
- <h3 class="qld__card__title">
72
- Light
73
- </h3>
74
- <p id="card-22724" class="qld__card__description">
75
- Additional text about the card
76
- </p>
47
+ <div class="qld__card">
48
+ <div class="qld__card__inner">
49
+ <div class="qld__card__content">
50
+ <div class="qld__card__content-inner">
51
+ <h3 class="qld__card__title">Light</h3>
52
+ <p id="card-22724" class="qld__card__description">Additional text about the card</p>
53
+ </div>
77
54
  </div>
78
- </div>
79
- </div>
80
- </div>
55
+ </div>
56
+ </div>
81
57
  </li>
82
58
  <li class="col-xs-12 col-md-6 col-lg-3">
83
- <div class="qld__card qld__card--alt">
84
- <div class="qld__card__inner">
85
- <div class="qld__card__content">
86
- <div class="qld__card__content-inner">
87
- <h3 class="qld__card__title">
88
- Alternative
89
- </h3>
90
- <p id="card-22725" class="qld__card__description">
91
- Additional text about the card
92
- </p>
59
+ <div class="qld__card qld__card--alt">
60
+ <div class="qld__card__inner">
61
+ <div class="qld__card__content">
62
+ <div class="qld__card__content-inner">
63
+ <h3 class="qld__card__title">Alternative</h3>
64
+ <p id="card-22725" class="qld__card__description">Additional text about the card</p>
65
+ </div>
93
66
  </div>
94
- </div>
95
- </div>
96
- </div>
67
+ </div>
68
+ </div>
97
69
  </li>
98
70
  <li class="col-xs-12 col-md-6 col-lg-3">
99
- <div class="qld__card qld__card--dark">
100
- <div class="qld__card__inner">
101
- <div class="qld__card__content">
102
- <div class="qld__card__content-inner">
103
- <h3 class="qld__card__title">
104
- Dark
105
- </h3>
106
- <p id="card-22726" class="qld__card__description">
107
- Additional text about the card
108
- </p>
71
+ <div class="qld__card qld__card--dark">
72
+ <div class="qld__card__inner">
73
+ <div class="qld__card__content">
74
+ <div class="qld__card__content-inner">
75
+ <h3 class="qld__card__title">Dark</h3>
76
+ <p id="card-22726" class="qld__card__description">Additional text about the card</p>
77
+ </div>
109
78
  </div>
110
- </div>
111
- </div>
112
- </div>
79
+ </div>
80
+ </div>
113
81
  </li>
114
82
  <li class="col-xs-12 col-md-6 col-lg-3">
115
- <div class="qld__card qld__card--dark-alt ">
116
- <div class="qld__card__inner">
117
- <div class="qld__card__content">
118
- <div class="qld__card__content-inner">
119
- <h3 class="qld__card__title">
120
- Dark Alternative
121
- </h3>
122
- <p id="card-22726" class="qld__card__description">
123
- Additional text about the card
124
- </p>
125
- </div>
126
- </div>
127
- </div>
83
+ <div class="qld__card qld__card--dark-alt">
84
+ <div class="qld__card__inner">
85
+ <div class="qld__card__content">
86
+ <div class="qld__card__content-inner">
87
+ <h3 class="qld__card__title">Dark Alternative</h3>
88
+ <p id="card-22726" class="qld__card__description">Additional text about the card</p>
89
+ </div>
90
+ </div>
91
+ </div>
128
92
  </div>
129
- </li>
93
+ </li>
130
94
  </ul>
131
95
 
132
96
  <h2>No action - image</h2>
133
97
  <ul class="qld__card-list qld__card-list--matchheight">
98
+ <li class="col-xs-12 col-md-6 col-xs-12">
99
+ <div class="qld__card qld__card--image">
100
+ <div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png')"></div>
134
101
 
135
-
136
- <li class="col-xs-12 col-md-6 col-xs-12">
137
-
138
- <div class="qld__card qld__card--image ">
139
-
140
- <div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png');"></div>
141
-
142
102
  <div class="qld__card__inner">
143
103
  <div class="qld__card__content">
144
104
  <div class="qld__card__content-inner">
145
- <h3 class="qld__card__title">
146
- Light
147
- </h3>
148
- <p id="card-22724" class="qld__card__description">
149
- Additional text about the card
150
- </p>
105
+ <h3 class="qld__card__title">Light</h3>
106
+ <p id="card-22724" class="qld__card__description">Additional text about the card</p>
151
107
  </div>
152
108
  </div>
153
109
  </div>
154
110
  </div>
155
111
  </li>
156
-
157
- <li class="col-xs-12 col-md-6 col-xs-12">
158
-
159
- <div class="qld__card qld__card--alt qld__card--image ">
160
-
161
- <div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png');"></div>
162
-
112
+
113
+ <li class="col-xs-12 col-md-6 col-xs-12">
114
+ <div class="qld__card qld__card--alt qld__card--image">
115
+ <div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png')"></div>
116
+
163
117
  <div class="qld__card__inner">
164
118
  <div class="qld__card__content">
165
119
  <div class="qld__card__content-inner">
166
- <h3 class="qld__card__title">
167
- Alternative
168
- </h3>
169
- <p id="card-22725" class="qld__card__description">
170
- Additional text about the card
171
- </p>
120
+ <h3 class="qld__card__title">Alternative</h3>
121
+ <p id="card-22725" class="qld__card__description">Additional text about the card</p>
172
122
  </div>
173
123
  </div>
174
124
  </div>
175
125
  </div>
176
126
  </li>
177
-
178
- <li class="col-xs-12 col-md-6 col-xs-12">
179
-
180
- <div class="qld__card qld__card--dark qld__card--image ">
181
-
182
- <div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png');"></div>
183
-
127
+
128
+ <li class="col-xs-12 col-md-6 col-xs-12">
129
+ <div class="qld__card qld__card--dark qld__card--image">
130
+ <div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png')"></div>
131
+
184
132
  <div class="qld__card__inner">
185
133
  <div class="qld__card__content">
186
134
  <div class="qld__card__content-inner">
187
- <h3 class="qld__card__title">
188
- Dark
189
- </h3>
190
- <p id="card-22726" class="qld__card__description">
191
- Additional text about the card
192
- </p>
135
+ <h3 class="qld__card__title">Dark</h3>
136
+ <p id="card-22726" class="qld__card__description">Additional text about the card</p>
193
137
  </div>
194
138
  </div>
195
139
  </div>
196
140
  </div>
197
141
  </li>
198
- <li class="col-xs-12 col-md-6 col-xs-12">
199
-
200
- <div class="qld__card qld__card--dark-alt qld__card--image ">
201
-
202
- <div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png');"></div>
203
-
142
+ <li class="col-xs-12 col-md-6 col-xs-12">
143
+ <div class="qld__card qld__card--dark-alt qld__card--image">
144
+ <div class="qld__responsive-media-img--bg" style="background-image: url('/mysource_files/img/card--content.png')"></div>
145
+
204
146
  <div class="qld__card__inner">
205
147
  <div class="qld__card__content">
206
148
  <div class="qld__card__content-inner">
207
- <h3 class="qld__card__title">
208
- Dark Alternative
209
- </h3>
210
- <p id="card-22726" class="qld__card__description">
211
- Additional text about the card
212
- </p>
149
+ <h3 class="qld__card__title">Dark Alternative</h3>
150
+ <p id="card-22726" class="qld__card__description">Additional text about the card</p>
213
151
  </div>
214
152
  </div>
215
153
  </div>
@@ -219,21 +157,17 @@
219
157
 
220
158
  <h2>No action - footer</h2>
221
159
  <ul class="qld__card-list qld__card-list--matchheight">
222
- <li class="col-xs-12 col-md-6 col-xs-12">
223
- <div class="qld__card ">
160
+ <li class="col-xs-12 col-md-6 col-xs-12">
161
+ <div class="qld__card">
224
162
  <div class="qld__card__inner">
225
163
  <div class="qld__card__content">
226
164
  <div class="qld__card__content-inner">
227
- <h3 class="qld__card__title">
228
- Light
229
- </h3>
230
- <p id="card-22724" class="qld__card__description">
231
- Additional text about the card
232
- </p>
165
+ <h3 class="qld__card__title">Light</h3>
166
+ <p id="card-22724" class="qld__card__description">Additional text about the card</p>
233
167
  </div>
234
168
  </div>
235
169
  <div class="qld__card__footer">
236
- <hr class="qld__horizontal-rule">
170
+ <hr class="qld__horizontal-rule" />
237
171
  <div class="qld__card__footer-inner">
238
172
  <p>Footer content</p>
239
173
  </div>
@@ -241,21 +175,17 @@
241
175
  </div>
242
176
  </div>
243
177
  </li>
244
- <li class="col-xs-12 col-md-6 col-xs-12">
178
+ <li class="col-xs-12 col-md-6 col-xs-12">
245
179
  <div class="qld__card qld__card--alt">
246
180
  <div class="qld__card__inner">
247
181
  <div class="qld__card__content">
248
182
  <div class="qld__card__content-inner">
249
- <h3 class="qld__card__title">
250
- Alternative
251
- </h3>
252
- <p id="card-22724" class="qld__card__description">
253
- Additional text about the card
254
- </p>
183
+ <h3 class="qld__card__title">Alternative</h3>
184
+ <p id="card-22724" class="qld__card__description">Additional text about the card</p>
255
185
  </div>
256
186
  </div>
257
187
  <div class="qld__card__footer">
258
- <hr class="qld__horizontal-rule">
188
+ <hr class="qld__horizontal-rule" />
259
189
  <div class="qld__card__footer-inner">
260
190
  <p>Footer content</p>
261
191
  </div>
@@ -263,21 +193,17 @@
263
193
  </div>
264
194
  </div>
265
195
  </li>
266
- <li class="col-xs-12 col-md-6 col-xs-12">
196
+ <li class="col-xs-12 col-md-6 col-xs-12">
267
197
  <div class="qld__card qld__card--dark">
268
198
  <div class="qld__card__inner">
269
199
  <div class="qld__card__content">
270
200
  <div class="qld__card__content-inner">
271
- <h3 class="qld__card__title">
272
- Dark
273
- </h3>
274
- <p id="card-22724" class="qld__card__description">
275
- Additional text about the card
276
- </p>
201
+ <h3 class="qld__card__title">Dark</h3>
202
+ <p id="card-22724" class="qld__card__description">Additional text about the card</p>
277
203
  </div>
278
204
  </div>
279
205
  <div class="qld__card__footer">
280
- <hr class="qld__horizontal-rule">
206
+ <hr class="qld__horizontal-rule" />
281
207
  <div class="qld__card__footer-inner">
282
208
  <p>Footer content</p>
283
209
  </div>
@@ -285,21 +211,17 @@
285
211
  </div>
286
212
  </div>
287
213
  </li>
288
- <li class="col-xs-12 col-md-6 col-xs-12">
289
- <div class="qld__card qld__card--dark-alt ">
214
+ <li class="col-xs-12 col-md-6 col-xs-12">
215
+ <div class="qld__card qld__card--dark-alt">
290
216
  <div class="qld__card__inner">
291
217
  <div class="qld__card__content">
292
218
  <div class="qld__card__content-inner">
293
- <h3 class="qld__card__title">
294
- Dark Alt
295
- </h3>
296
- <p id="card-22724" class="qld__card__description">
297
- Additional text about the card
298
- </p>
219
+ <h3 class="qld__card__title">Dark Alt</h3>
220
+ <p id="card-22724" class="qld__card__description">Additional text about the card</p>
299
221
  </div>
300
222
  </div>
301
223
  <div class="qld__card__footer">
302
- <hr class="qld__horizontal-rule">
224
+ <hr class="qld__horizontal-rule" />
303
225
  <div class="qld__card__footer-inner">
304
226
  <p>Footer content</p>
305
227
  </div>
@@ -311,91 +233,71 @@
311
233
 
312
234
  <h2>No action - icon</h2>
313
235
  <ul class="qld__card-list qld__card-list--matchheight">
236
+ <li class="col-xs-12 col-md-6 col-xs-12">
237
+ <div class="qld__card qld__card--icon">
238
+ <div class="qld__card__icon">
239
+ <i class="fal fa-question-circle" aria-hidden="true"></i>
240
+ </div>
314
241
 
315
-
316
- <li class="col-xs-12 col-md-6 col-xs-12">
317
-
318
- <div class="qld__card qld__card--icon ">
319
-
320
- <div class="qld__card__icon"><i class="fal fa-question-circle" aria-hidden="true"></i></div>
321
-
322
242
  <div class="qld__card__inner">
323
243
  <div class="qld__card__content">
324
244
  <div class="qld__card__content-inner">
325
- <h3 class="qld__card__title">
326
- Light
327
- </h3>
328
- <p id="card-22724" class="qld__card__description">
329
- Additional text about the card
330
- </p>
245
+ <h3 class="qld__card__title">Light</h3>
246
+ <p id="card-22724" class="qld__card__description">Additional text about the card</p>
331
247
  </div>
332
248
  </div>
333
249
  <div class="qld__card__footer">
334
- <hr class="qld__horizontal-rule">
335
- <div class="qld__card__footer-inner">
336
-
337
- </div>
250
+ <hr class="qld__horizontal-rule" />
251
+ <div class="qld__card__footer-inner"></div>
338
252
  </div>
339
253
  </div>
340
254
  </div>
341
255
  </li>
342
-
343
- <li class="col-xs-12 col-md-6 col-xs-12">
344
-
345
- <div class="qld__card qld__card--alt qld__card--icon ">
346
-
347
- <div class="qld__card__icon"><i class="fal fa-stethoscope" aria-hidden="true"></i></div>
348
-
256
+
257
+ <li class="col-xs-12 col-md-6 col-xs-12">
258
+ <div class="qld__card qld__card--alt qld__card--icon">
259
+ <div class="qld__card__icon">
260
+ <i class="fal fa-stethoscope" aria-hidden="true"></i>
261
+ </div>
262
+
349
263
  <div class="qld__card__inner">
350
264
  <div class="qld__card__content">
351
265
  <div class="qld__card__content-inner">
352
- <h3 class="qld__card__title">
353
- Alternative
354
- </h3>
355
- <p id="card-22725" class="qld__card__description">
356
- Additional text about the card
357
- </p>
266
+ <h3 class="qld__card__title">Alternative</h3>
267
+ <p id="card-22725" class="qld__card__description">Additional text about the card</p>
358
268
  </div>
359
269
  </div>
360
270
  </div>
361
271
  </div>
362
272
  </li>
363
-
364
- <li class="col-xs-12 col-md-6 col-xs-12">
365
-
366
- <div class="qld__card qld__card--dark qld__card--icon ">
367
-
368
- <div class="qld__card__icon"><i class="fal fa-heart" aria-hidden="true"></i></div>
369
-
273
+
274
+ <li class="col-xs-12 col-md-6 col-xs-12">
275
+ <div class="qld__card qld__card--dark qld__card--icon">
276
+ <div class="qld__card__icon">
277
+ <i class="fal fa-heart" aria-hidden="true"></i>
278
+ </div>
279
+
370
280
  <div class="qld__card__inner">
371
281
  <div class="qld__card__content">
372
282
  <div class="qld__card__content-inner">
373
- <h3 class="qld__card__title">
374
- Dark
375
- </h3>
376
- <p id="card-22726" class="qld__card__description">
377
- Additional text about the card
378
- </p>
283
+ <h3 class="qld__card__title">Dark</h3>
284
+ <p id="card-22726" class="qld__card__description">Additional text about the card</p>
379
285
  </div>
380
286
  </div>
381
287
  </div>
382
288
  </div>
383
289
  </li>
384
- <li class="col-xs-12 col-md-6 col-xs-12">
385
-
386
- <div class="qld__card qld__card--dark-alt qld__card--icon ">
387
-
388
- <div class="qld__card__icon"><i class="fal fa-heart" aria-hidden="true"></i></div>
389
-
290
+ <li class="col-xs-12 col-md-6 col-xs-12">
291
+ <div class="qld__card qld__card--dark-alt qld__card--icon">
292
+ <div class="qld__card__icon">
293
+ <i class="fal fa-heart" aria-hidden="true"></i>
294
+ </div>
295
+
390
296
  <div class="qld__card__inner">
391
297
  <div class="qld__card__content">
392
298
  <div class="qld__card__content-inner">
393
- <h3 class="qld__card__title">
394
- Dark Alternative
395
- </h3>
396
- <p id="card-22726" class="qld__card__description">
397
- Additional text about the card
398
- </p>
299
+ <h3 class="qld__card__title">Dark Alternative</h3>
300
+ <p id="card-22726" class="qld__card__description">Additional text about the card</p>
399
301
  </div>
400
302
  </div>
401
303
  </div>
@@ -405,91 +307,71 @@
405
307
 
406
308
  <h2>No action -- icon left</h2>
407
309
  <ul class="qld__card-list qld__card-list--matchheight">
310
+ <li class="col-xs-12 col-md-6 col-xs-12">
311
+ <div class="qld__card qld__card--icon qld__card--icon-left">
312
+ <div class="qld__card__icon">
313
+ <i class="fal fa-question-circle" aria-hidden="true"></i>
314
+ </div>
408
315
 
409
-
410
- <li class="col-xs-12 col-md-6 col-xs-12">
411
-
412
- <div class="qld__card qld__card--icon qld__card--icon-left">
413
-
414
- <div class="qld__card__icon"><i class="fal fa-question-circle" aria-hidden="true"></i></div>
415
-
416
316
  <div class="qld__card__inner">
417
317
  <div class="qld__card__content">
418
318
  <div class="qld__card__content-inner">
419
- <h3 class="qld__card__title">
420
- Light
421
- </h3>
422
- <p id="card-22724" class="qld__card__description">
423
- Additional text about the card
424
- </p>
319
+ <h3 class="qld__card__title">Light</h3>
320
+ <p id="card-22724" class="qld__card__description">Additional text about the card</p>
425
321
  </div>
426
322
  </div>
427
323
  <div class="qld__card__footer">
428
- <hr class="qld__horizontal-rule">
429
- <div class="qld__card__footer-inner">
430
-
431
- </div>
324
+ <hr class="qld__horizontal-rule" />
325
+ <div class="qld__card__footer-inner"></div>
432
326
  </div>
433
327
  </div>
434
328
  </div>
435
329
  </li>
436
-
437
- <li class="col-xs-12 col-md-6 col-xs-12">
438
-
439
- <div class="qld__card qld__card--alt qld__card--icon qld__card--icon-left">
440
-
441
- <div class="qld__card__icon"><i class="fal fa-stethoscope" aria-hidden="true"></i></div>
442
-
330
+
331
+ <li class="col-xs-12 col-md-6 col-xs-12">
332
+ <div class="qld__card qld__card--alt qld__card--icon qld__card--icon-left">
333
+ <div class="qld__card__icon">
334
+ <i class="fal fa-stethoscope" aria-hidden="true"></i>
335
+ </div>
336
+
443
337
  <div class="qld__card__inner">
444
338
  <div class="qld__card__content">
445
339
  <div class="qld__card__content-inner">
446
- <h3 class="qld__card__title">
447
- Alternative
448
- </h3>
449
- <p id="card-22725" class="qld__card__description">
450
- Additional text about the card
451
- </p>
340
+ <h3 class="qld__card__title">Alternative</h3>
341
+ <p id="card-22725" class="qld__card__description">Additional text about the card</p>
452
342
  </div>
453
343
  </div>
454
344
  </div>
455
345
  </div>
456
346
  </li>
457
-
458
- <li class="col-xs-12 col-md-6 col-xs-12">
459
-
460
- <div class="qld__card qld__card--dark qld__card--icon qld__card--icon-left">
461
-
462
- <div class="qld__card__icon"><i class="fal fa-heart" aria-hidden="true"></i></div>
463
-
347
+
348
+ <li class="col-xs-12 col-md-6 col-xs-12">
349
+ <div class="qld__card qld__card--dark qld__card--icon qld__card--icon-left">
350
+ <div class="qld__card__icon">
351
+ <i class="fal fa-heart" aria-hidden="true"></i>
352
+ </div>
353
+
464
354
  <div class="qld__card__inner">
465
355
  <div class="qld__card__content">
466
356
  <div class="qld__card__content-inner">
467
- <h3 class="qld__card__title">
468
- Dark
469
- </h3>
470
- <p id="card-22726" class="qld__card__description">
471
- Additional text about the card
472
- </p>
357
+ <h3 class="qld__card__title">Dark</h3>
358
+ <p id="card-22726" class="qld__card__description">Additional text about the card</p>
473
359
  </div>
474
360
  </div>
475
361
  </div>
476
362
  </div>
477
363
  </li>
478
- <li class="col-xs-12 col-md-6 col-xs-12">
479
-
480
- <div class="qld__card qld__card--dark-alt qld__card--icon qld__card--icon-left">
481
-
482
- <div class="qld__card__icon"><i class="fal fa-heart" aria-hidden="true"></i></div>
483
-
364
+ <li class="col-xs-12 col-md-6 col-xs-12">
365
+ <div class="qld__card qld__card--dark-alt qld__card--icon qld__card--icon-left">
366
+ <div class="qld__card__icon">
367
+ <i class="fal fa-heart" aria-hidden="true"></i>
368
+ </div>
369
+
484
370
  <div class="qld__card__inner">
485
371
  <div class="qld__card__content">
486
372
  <div class="qld__card__content-inner">
487
- <h3 class="qld__card__title">
488
- Dark Alternative
489
- </h3>
490
- <p id="card-22726" class="qld__card__description">
491
- Additional text about the card
492
- </p>
373
+ <h3 class="qld__card__title">Dark Alternative</h3>
374
+ <p id="card-22726" class="qld__card__description">Additional text about the card</p>
493
375
  </div>
494
376
  </div>
495
377
  </div>
@@ -499,23 +381,15 @@
499
381
  </div>
500
382
  </div>
501
383
  </div>
502
- </div>
384
+ </div>
385
+ <!-- Page Footer Info -->
386
+ ${require('../components/prefooter/html/component.hbs')({ "site":require('/src/data/site.json'), "current":require('/src/data/current.json') })}
503
387
  </main>
504
388
  <!-- END MAIN BODY -->
505
389
 
506
- <!-- WIDGETS -->
507
- ${require('../components/widgets/html/component.hbs')({
508
- "site":require('/src/data/site.json'),
509
- "current":require('/src/data/current.json')
510
- })}
511
-
512
390
  <!-- FOOTER-->
513
- ${require('../components/footer/html/component.hbs')({
514
- "site":require('/src/data/site.json')
515
- })}
391
+ ${require('../components/footer/html/component.hbs')({ "site":require('/src/data/site.json') })}
516
392
 
517
- <div class="footer-scripts" id="footer_js" style="display: none !important;">
518
- ${require('../components/_global/html/scripts.html')}
519
- </div>
393
+ <div class="footer-scripts" id="footer_js" style="display: none !important">${require('../components/_global/html/scripts.html')}</div>
520
394
  </body>
521
395
  </html>