@patternfly/patternfly 4.179.2 → 4.180.1
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.
- package/components/Dropdown/dropdown.css +4 -2
- package/components/Dropdown/dropdown.scss +4 -2
- package/components/FormControl/form-control.scss +3 -0
- package/components/MenuToggle/menu-toggle.css +10 -7
- package/components/MenuToggle/menu-toggle.scss +11 -9
- package/components/SearchInput/search-input.css +1 -0
- package/components/SearchInput/search-input.scss +1 -0
- package/components/Select/select.css +3 -2
- package/components/Select/select.scss +4 -2
- package/docs/components/AppLauncher/examples/application-launcher.md +15 -8
- package/docs/components/ContextSelector/examples/context-selector.md +84 -102
- package/docs/components/DualListSelector/examples/DualListSelector.md +240 -112
- package/docs/components/FormControl/examples/FormControl.md +0 -11
- package/docs/components/InputGroup/examples/InputGroup.md +6 -22
- package/docs/components/LogViewer/examples/LogViewer.md +567 -198
- package/docs/components/Menu/examples/Menu.md +1908 -983
- package/docs/components/MenuToggle/examples/MenuToggle.md +77 -44
- package/docs/components/Nav/examples/Navigation.md +563 -231
- package/docs/components/Page/examples/Page.md +11 -2
- package/docs/components/Select/examples/Select.md +30 -14
- package/docs/components/Table/examples/Table.md +8 -0
- package/docs/components/Toolbar/examples/Toolbar.md +300 -180
- package/docs/components/TreeView/examples/TreeView.md +15 -7
- package/docs/components/Wizard/examples/Wizard.md +6 -6
- package/docs/demos/Alert/examples/Alert.md +20 -40
- package/docs/demos/BackToTop/examples/BackToTop.md +149 -249
- package/docs/demos/ContextSelector/examples/ContextSelector.md +595 -378
- package/docs/demos/DataList/examples/DataList.md +159 -114
- package/docs/demos/Drawer/examples/Drawer.md +60 -120
- package/docs/demos/JumpLinks/examples/JumpLinks.md +80 -31
- package/docs/demos/Masthead/examples/Masthead.md +622 -517
- package/docs/demos/Nav/examples/Nav.md +203 -343
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +100 -200
- package/docs/demos/Page/examples/Page.md +1522 -1475
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +3 -3
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +207 -126
- package/docs/demos/Table/examples/Table.md +2459 -1090
- package/docs/demos/Tabs/examples/Tabs.md +11 -19
- package/docs/demos/Toolbar/examples/Toolbar.md +55 -55
- package/docs/demos/Wizard/examples/Wizard.md +6 -2
- package/package.json +1 -1
- package/patternfly-no-reset.css +18 -11
- package/patternfly.css +18 -11
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -85,14 +85,24 @@ wrapperTag: div
|
|
|
85
85
|
hidden
|
|
86
86
|
>
|
|
87
87
|
<div class="pf-c-app-launcher__menu-search">
|
|
88
|
-
<input
|
|
89
|
-
class="pf-c-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
88
|
+
<div class="pf-c-search-input">
|
|
89
|
+
<div class="pf-c-search-input__bar">
|
|
90
|
+
<span class="pf-c-search-input__text">
|
|
91
|
+
<span class="pf-c-search-input__icon">
|
|
92
|
+
<i
|
|
93
|
+
class="fas fa-search fa-fw"
|
|
94
|
+
aria-hidden="true"
|
|
95
|
+
></i>
|
|
96
|
+
</span>
|
|
97
|
+
<input
|
|
98
|
+
class="pf-c-search-input__text-input"
|
|
99
|
+
type="text"
|
|
100
|
+
placeholder="Filter by name"
|
|
101
|
+
aria-label="Filter by name"
|
|
102
|
+
/>
|
|
103
|
+
</span>
|
|
104
|
+
</div>
|
|
105
|
+
</div>
|
|
96
106
|
</div>
|
|
97
107
|
<section class="pf-c-app-launcher__group">
|
|
98
108
|
<h1 class="pf-c-app-launcher__group-title">Favorites</h1>
|
|
@@ -282,12 +292,16 @@ wrapperTag: div
|
|
|
282
292
|
<div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
|
|
283
293
|
<div class="pf-c-menu__content">
|
|
284
294
|
<section class="pf-c-menu__group pf-m-hidden-on-sm">
|
|
285
|
-
<ul class="pf-c-menu__list">
|
|
286
|
-
<li
|
|
295
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
296
|
+
<li
|
|
297
|
+
class="pf-c-menu__list-item pf-m-disabled"
|
|
298
|
+
role="none"
|
|
299
|
+
>
|
|
287
300
|
<button
|
|
288
301
|
class="pf-c-menu__item"
|
|
289
302
|
type="button"
|
|
290
303
|
disabled
|
|
304
|
+
role="menuitem"
|
|
291
305
|
>
|
|
292
306
|
<span class="pf-c-menu__item-description">
|
|
293
307
|
<div class="pf-u-font-size-sm">Username:</div>
|
|
@@ -297,11 +311,15 @@ wrapperTag: div
|
|
|
297
311
|
</span>
|
|
298
312
|
</button>
|
|
299
313
|
</li>
|
|
300
|
-
<li
|
|
314
|
+
<li
|
|
315
|
+
class="pf-c-menu__list-item pf-m-disabled"
|
|
316
|
+
role="none"
|
|
317
|
+
>
|
|
301
318
|
<button
|
|
302
319
|
class="pf-c-menu__item"
|
|
303
320
|
type="button"
|
|
304
321
|
disabled
|
|
322
|
+
role="menuitem"
|
|
305
323
|
>
|
|
306
324
|
<span class="pf-c-menu__item-description">
|
|
307
325
|
<div class="pf-u-font-size-sm">Account number:</div>
|
|
@@ -310,15 +328,23 @@ wrapperTag: div
|
|
|
310
328
|
</button>
|
|
311
329
|
</li>
|
|
312
330
|
<li class="pf-c-divider" role="separator"></li>
|
|
313
|
-
<li class="pf-c-menu__list-item">
|
|
314
|
-
<button
|
|
331
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
332
|
+
<button
|
|
333
|
+
class="pf-c-menu__item"
|
|
334
|
+
type="button"
|
|
335
|
+
role="menuitem"
|
|
336
|
+
>
|
|
315
337
|
<span class="pf-c-menu__item-main">
|
|
316
338
|
<span class="pf-c-menu__item-text">My profile</span>
|
|
317
339
|
</span>
|
|
318
340
|
</button>
|
|
319
341
|
</li>
|
|
320
|
-
<li class="pf-c-menu__list-item">
|
|
321
|
-
<button
|
|
342
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
343
|
+
<button
|
|
344
|
+
class="pf-c-menu__item"
|
|
345
|
+
type="button"
|
|
346
|
+
role="menuitem"
|
|
347
|
+
>
|
|
322
348
|
<span class="pf-c-menu__item-main">
|
|
323
349
|
<span
|
|
324
350
|
class="pf-c-menu__item-text"
|
|
@@ -326,8 +352,12 @@ wrapperTag: div
|
|
|
326
352
|
</span>
|
|
327
353
|
</button>
|
|
328
354
|
</li>
|
|
329
|
-
<li class="pf-c-menu__list-item">
|
|
330
|
-
<button
|
|
355
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
356
|
+
<button
|
|
357
|
+
class="pf-c-menu__item"
|
|
358
|
+
type="button"
|
|
359
|
+
role="menuitem"
|
|
360
|
+
>
|
|
331
361
|
<span class="pf-c-menu__item-main">
|
|
332
362
|
<span class="pf-c-menu__item-text">Logout</span>
|
|
333
363
|
</span>
|
|
@@ -337,11 +367,12 @@ wrapperTag: div
|
|
|
337
367
|
</section>
|
|
338
368
|
<hr class="pf-c-divider pf-m-hidden-on-sm" />
|
|
339
369
|
<section class="pf-c-menu__group">
|
|
340
|
-
<ul class="pf-c-menu__list">
|
|
341
|
-
<li class="pf-c-menu__list-item">
|
|
370
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
371
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
342
372
|
<button
|
|
343
373
|
class="pf-c-menu__item"
|
|
344
374
|
type="button"
|
|
375
|
+
role="menuitem"
|
|
345
376
|
aria-expanded="false"
|
|
346
377
|
>
|
|
347
378
|
<span class="pf-c-menu__item-main">
|
|
@@ -359,13 +390,15 @@ wrapperTag: div
|
|
|
359
390
|
</button>
|
|
360
391
|
<div class="pf-c-menu" hidden>
|
|
361
392
|
<div class="pf-c-menu__content">
|
|
362
|
-
<ul class="pf-c-menu__list">
|
|
393
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
363
394
|
<li
|
|
364
395
|
class="pf-c-menu__list-item pf-m-drill-up"
|
|
396
|
+
role="none"
|
|
365
397
|
>
|
|
366
398
|
<button
|
|
367
399
|
class="pf-c-menu__item"
|
|
368
400
|
type="button"
|
|
401
|
+
role="menuitem"
|
|
369
402
|
>
|
|
370
403
|
<span class="pf-c-menu__item-main">
|
|
371
404
|
<span
|
|
@@ -386,8 +419,12 @@ wrapperTag: div
|
|
|
386
419
|
</button>
|
|
387
420
|
</li>
|
|
388
421
|
<li class="pf-c-divider" role="separator"></li>
|
|
389
|
-
<li class="pf-c-menu__list-item">
|
|
390
|
-
<a
|
|
422
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
423
|
+
<a
|
|
424
|
+
class="pf-c-menu__item"
|
|
425
|
+
href="#"
|
|
426
|
+
role="menuitem"
|
|
427
|
+
>
|
|
391
428
|
<span class="pf-c-menu__item-main">
|
|
392
429
|
<span
|
|
393
430
|
class="pf-c-menu__item-text"
|
|
@@ -395,8 +432,12 @@ wrapperTag: div
|
|
|
395
432
|
</span>
|
|
396
433
|
</a>
|
|
397
434
|
</li>
|
|
398
|
-
<li class="pf-c-menu__list-item">
|
|
399
|
-
<a
|
|
435
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
436
|
+
<a
|
|
437
|
+
class="pf-c-menu__item"
|
|
438
|
+
href="#"
|
|
439
|
+
role="menuitem"
|
|
440
|
+
>
|
|
400
441
|
<span class="pf-c-menu__item-main">
|
|
401
442
|
<span class="pf-c-menu__item-text">About</span>
|
|
402
443
|
</span>
|
|
@@ -407,10 +448,11 @@ wrapperTag: div
|
|
|
407
448
|
</div>
|
|
408
449
|
</li>
|
|
409
450
|
|
|
410
|
-
<li class="pf-c-menu__list-item">
|
|
451
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
411
452
|
<button
|
|
412
453
|
class="pf-c-menu__item"
|
|
413
454
|
type="button"
|
|
455
|
+
role="menuitem"
|
|
414
456
|
aria-expanded="false"
|
|
415
457
|
>
|
|
416
458
|
<span class="pf-c-menu__item-main">
|
|
@@ -428,13 +470,15 @@ wrapperTag: div
|
|
|
428
470
|
</button>
|
|
429
471
|
<div class="pf-c-menu" hidden>
|
|
430
472
|
<div class="pf-c-menu__content">
|
|
431
|
-
<ul class="pf-c-menu__list">
|
|
473
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
432
474
|
<li
|
|
433
475
|
class="pf-c-menu__list-item pf-m-drill-up"
|
|
476
|
+
role="none"
|
|
434
477
|
>
|
|
435
478
|
<button
|
|
436
479
|
class="pf-c-menu__item"
|
|
437
480
|
type="button"
|
|
481
|
+
role="menuitem"
|
|
438
482
|
>
|
|
439
483
|
<span class="pf-c-menu__item-main">
|
|
440
484
|
<span
|
|
@@ -453,8 +497,12 @@ wrapperTag: div
|
|
|
453
497
|
</button>
|
|
454
498
|
</li>
|
|
455
499
|
<li class="pf-c-divider" role="separator"></li>
|
|
456
|
-
<li class="pf-c-menu__list-item">
|
|
457
|
-
<a
|
|
500
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
501
|
+
<a
|
|
502
|
+
class="pf-c-menu__item"
|
|
503
|
+
href="#"
|
|
504
|
+
role="menuitem"
|
|
505
|
+
>
|
|
458
506
|
<span class="pf-c-menu__item-main">
|
|
459
507
|
<span
|
|
460
508
|
class="pf-c-menu__item-text"
|
|
@@ -462,8 +510,12 @@ wrapperTag: div
|
|
|
462
510
|
</span>
|
|
463
511
|
</a>
|
|
464
512
|
</li>
|
|
465
|
-
<li class="pf-c-menu__list-item">
|
|
466
|
-
<a
|
|
513
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
514
|
+
<a
|
|
515
|
+
class="pf-c-menu__item"
|
|
516
|
+
href="#"
|
|
517
|
+
role="menuitem"
|
|
518
|
+
>
|
|
467
519
|
<span class="pf-c-menu__item-main">
|
|
468
520
|
<span
|
|
469
521
|
class="pf-c-menu__item-text"
|
|
@@ -471,8 +523,12 @@ wrapperTag: div
|
|
|
471
523
|
</span>
|
|
472
524
|
</a>
|
|
473
525
|
</li>
|
|
474
|
-
<li class="pf-c-menu__list-item">
|
|
475
|
-
<a
|
|
526
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
527
|
+
<a
|
|
528
|
+
class="pf-c-menu__item"
|
|
529
|
+
href="#"
|
|
530
|
+
role="menuitem"
|
|
531
|
+
>
|
|
476
532
|
<span class="pf-c-menu__item-main">
|
|
477
533
|
<span
|
|
478
534
|
class="pf-c-menu__item-text"
|
|
@@ -485,8 +541,12 @@ wrapperTag: div
|
|
|
485
541
|
</div>
|
|
486
542
|
</li>
|
|
487
543
|
|
|
488
|
-
<li class="pf-c-menu__list-item">
|
|
489
|
-
<button
|
|
544
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
545
|
+
<button
|
|
546
|
+
class="pf-c-menu__item"
|
|
547
|
+
type="button"
|
|
548
|
+
role="menuitem"
|
|
549
|
+
>
|
|
490
550
|
<span class="pf-c-menu__item-main">
|
|
491
551
|
<span class="pf-c-menu__item-icon">
|
|
492
552
|
<i class="fas fa-fw fa-th" aria-hidden="true"></i>
|
|
@@ -501,7 +561,11 @@ wrapperTag: div
|
|
|
501
561
|
</button>
|
|
502
562
|
<div class="pf-c-menu" hidden>
|
|
503
563
|
<div class="pf-c-menu__header">
|
|
504
|
-
<button
|
|
564
|
+
<button
|
|
565
|
+
class="pf-c-menu__item"
|
|
566
|
+
type="button"
|
|
567
|
+
role="menuitem"
|
|
568
|
+
>
|
|
505
569
|
<span class="pf-c-menu__item-main">
|
|
506
570
|
<span class="pf-c-menu__item-toggle-icon">
|
|
507
571
|
<i class="fas fa-angle-left"></i>
|
|
@@ -520,21 +584,36 @@ wrapperTag: div
|
|
|
520
584
|
</div>
|
|
521
585
|
<div class="pf-c-menu__search">
|
|
522
586
|
<div class="pf-c-menu__search-input">
|
|
523
|
-
<input
|
|
524
|
-
class="pf-c-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
587
|
+
<div class="pf-c-search-input">
|
|
588
|
+
<div class="pf-c-search-input__bar">
|
|
589
|
+
<span class="pf-c-search-input__text">
|
|
590
|
+
<span class="pf-c-search-input__icon">
|
|
591
|
+
<i
|
|
592
|
+
class="fas fa-search fa-fw"
|
|
593
|
+
aria-hidden="true"
|
|
594
|
+
></i>
|
|
595
|
+
</span>
|
|
596
|
+
<input
|
|
597
|
+
class="pf-c-search-input__text-input"
|
|
598
|
+
type="text"
|
|
599
|
+
placeholder="Search"
|
|
600
|
+
aria-label="Search"
|
|
601
|
+
/>
|
|
602
|
+
</span>
|
|
603
|
+
</div>
|
|
604
|
+
</div>
|
|
530
605
|
</div>
|
|
531
606
|
</div>
|
|
532
607
|
<hr class="pf-c-divider" />
|
|
533
608
|
<section class="pf-c-menu__group">
|
|
534
609
|
<h1 class="pf-c-menu__group-title">Favorites</h1>
|
|
535
|
-
<ul class="pf-c-menu__list">
|
|
536
|
-
<li class="pf-c-menu__list-item">
|
|
537
|
-
<a
|
|
610
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
611
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
612
|
+
<a
|
|
613
|
+
class="pf-c-menu__item"
|
|
614
|
+
href="#"
|
|
615
|
+
role="menuitem"
|
|
616
|
+
>
|
|
538
617
|
<span class="pf-c-menu__item-main">
|
|
539
618
|
<span
|
|
540
619
|
class="pf-c-menu__item-text"
|
|
@@ -554,10 +633,11 @@ wrapperTag: div
|
|
|
554
633
|
</span>
|
|
555
634
|
</button>
|
|
556
635
|
</li>
|
|
557
|
-
<li class="pf-c-menu__list-item">
|
|
636
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
558
637
|
<a
|
|
559
638
|
class="pf-c-menu__item"
|
|
560
639
|
href="#"
|
|
640
|
+
role="menuitem"
|
|
561
641
|
target="_blank"
|
|
562
642
|
>
|
|
563
643
|
<span class="pf-c-menu__item-main">
|
|
@@ -595,9 +675,13 @@ wrapperTag: div
|
|
|
595
675
|
<hr class="pf-c-divider" />
|
|
596
676
|
<section class="pf-c-menu__group">
|
|
597
677
|
<h1 class="pf-c-menu__group-title">Group 1</h1>
|
|
598
|
-
<ul class="pf-c-menu__list">
|
|
599
|
-
<li class="pf-c-menu__list-item">
|
|
600
|
-
<a
|
|
678
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
679
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
680
|
+
<a
|
|
681
|
+
class="pf-c-menu__item"
|
|
682
|
+
href="#"
|
|
683
|
+
role="menuitem"
|
|
684
|
+
>
|
|
601
685
|
<span class="pf-c-menu__item-main">
|
|
602
686
|
<span
|
|
603
687
|
class="pf-c-menu__item-text"
|
|
@@ -617,10 +701,11 @@ wrapperTag: div
|
|
|
617
701
|
</span>
|
|
618
702
|
</button>
|
|
619
703
|
</li>
|
|
620
|
-
<li class="pf-c-menu__list-item">
|
|
704
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
621
705
|
<a
|
|
622
706
|
class="pf-c-menu__item"
|
|
623
707
|
href="#"
|
|
708
|
+
role="menuitem"
|
|
624
709
|
target="_blank"
|
|
625
710
|
>
|
|
626
711
|
<span class="pf-c-menu__item-main">
|
|
@@ -802,55 +887,35 @@ wrapperTag: div
|
|
|
802
887
|
<section class="pf-c-page__main-section pf-m-limit-width">
|
|
803
888
|
<div class="pf-c-page__main-body">
|
|
804
889
|
<div class="pf-l-gallery pf-m-gutter">
|
|
805
|
-
<div class="pf-
|
|
806
|
-
<div class="pf-c-
|
|
807
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
808
|
-
</div>
|
|
890
|
+
<div class="pf-c-card">
|
|
891
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
809
892
|
</div>
|
|
810
|
-
<div class="pf-
|
|
811
|
-
<div class="pf-c-
|
|
812
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
813
|
-
</div>
|
|
893
|
+
<div class="pf-c-card">
|
|
894
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
814
895
|
</div>
|
|
815
|
-
<div class="pf-
|
|
816
|
-
<div class="pf-c-
|
|
817
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
818
|
-
</div>
|
|
896
|
+
<div class="pf-c-card">
|
|
897
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
819
898
|
</div>
|
|
820
|
-
<div class="pf-
|
|
821
|
-
<div class="pf-c-
|
|
822
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
823
|
-
</div>
|
|
899
|
+
<div class="pf-c-card">
|
|
900
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
824
901
|
</div>
|
|
825
|
-
<div class="pf-
|
|
826
|
-
<div class="pf-c-
|
|
827
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
828
|
-
</div>
|
|
902
|
+
<div class="pf-c-card">
|
|
903
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
829
904
|
</div>
|
|
830
|
-
<div class="pf-
|
|
831
|
-
<div class="pf-c-
|
|
832
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
833
|
-
</div>
|
|
905
|
+
<div class="pf-c-card">
|
|
906
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
834
907
|
</div>
|
|
835
|
-
<div class="pf-
|
|
836
|
-
<div class="pf-c-
|
|
837
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
838
|
-
</div>
|
|
908
|
+
<div class="pf-c-card">
|
|
909
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
839
910
|
</div>
|
|
840
|
-
<div class="pf-
|
|
841
|
-
<div class="pf-c-
|
|
842
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
843
|
-
</div>
|
|
911
|
+
<div class="pf-c-card">
|
|
912
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
844
913
|
</div>
|
|
845
|
-
<div class="pf-
|
|
846
|
-
<div class="pf-c-
|
|
847
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
848
|
-
</div>
|
|
914
|
+
<div class="pf-c-card">
|
|
915
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
849
916
|
</div>
|
|
850
|
-
<div class="pf-
|
|
851
|
-
<div class="pf-c-
|
|
852
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
853
|
-
</div>
|
|
917
|
+
<div class="pf-c-card">
|
|
918
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
854
919
|
</div>
|
|
855
920
|
</div>
|
|
856
921
|
</div>
|
|
@@ -944,14 +1009,24 @@ wrapperTag: div
|
|
|
944
1009
|
hidden
|
|
945
1010
|
>
|
|
946
1011
|
<div class="pf-c-app-launcher__menu-search">
|
|
947
|
-
<input
|
|
948
|
-
class="pf-c-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
1012
|
+
<div class="pf-c-search-input">
|
|
1013
|
+
<div class="pf-c-search-input__bar">
|
|
1014
|
+
<span class="pf-c-search-input__text">
|
|
1015
|
+
<span class="pf-c-search-input__icon">
|
|
1016
|
+
<i
|
|
1017
|
+
class="fas fa-search fa-fw"
|
|
1018
|
+
aria-hidden="true"
|
|
1019
|
+
></i>
|
|
1020
|
+
</span>
|
|
1021
|
+
<input
|
|
1022
|
+
class="pf-c-search-input__text-input"
|
|
1023
|
+
type="text"
|
|
1024
|
+
placeholder="Filter by name"
|
|
1025
|
+
aria-label="Filter by name"
|
|
1026
|
+
/>
|
|
1027
|
+
</span>
|
|
1028
|
+
</div>
|
|
1029
|
+
</div>
|
|
955
1030
|
</div>
|
|
956
1031
|
<section class="pf-c-app-launcher__group">
|
|
957
1032
|
<h1 class="pf-c-app-launcher__group-title">Favorites</h1>
|
|
@@ -1141,12 +1216,16 @@ wrapperTag: div
|
|
|
1141
1216
|
<div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
|
|
1142
1217
|
<div class="pf-c-menu__content">
|
|
1143
1218
|
<section class="pf-c-menu__group pf-m-hidden-on-sm">
|
|
1144
|
-
<ul class="pf-c-menu__list">
|
|
1145
|
-
<li
|
|
1219
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
1220
|
+
<li
|
|
1221
|
+
class="pf-c-menu__list-item pf-m-disabled"
|
|
1222
|
+
role="none"
|
|
1223
|
+
>
|
|
1146
1224
|
<button
|
|
1147
1225
|
class="pf-c-menu__item"
|
|
1148
1226
|
type="button"
|
|
1149
1227
|
disabled
|
|
1228
|
+
role="menuitem"
|
|
1150
1229
|
>
|
|
1151
1230
|
<span class="pf-c-menu__item-description">
|
|
1152
1231
|
<div class="pf-u-font-size-sm">Username:</div>
|
|
@@ -1156,11 +1235,15 @@ wrapperTag: div
|
|
|
1156
1235
|
</span>
|
|
1157
1236
|
</button>
|
|
1158
1237
|
</li>
|
|
1159
|
-
<li
|
|
1238
|
+
<li
|
|
1239
|
+
class="pf-c-menu__list-item pf-m-disabled"
|
|
1240
|
+
role="none"
|
|
1241
|
+
>
|
|
1160
1242
|
<button
|
|
1161
1243
|
class="pf-c-menu__item"
|
|
1162
1244
|
type="button"
|
|
1163
1245
|
disabled
|
|
1246
|
+
role="menuitem"
|
|
1164
1247
|
>
|
|
1165
1248
|
<span class="pf-c-menu__item-description">
|
|
1166
1249
|
<div class="pf-u-font-size-sm">Account number:</div>
|
|
@@ -1169,15 +1252,23 @@ wrapperTag: div
|
|
|
1169
1252
|
</button>
|
|
1170
1253
|
</li>
|
|
1171
1254
|
<li class="pf-c-divider" role="separator"></li>
|
|
1172
|
-
<li class="pf-c-menu__list-item">
|
|
1173
|
-
<button
|
|
1255
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
1256
|
+
<button
|
|
1257
|
+
class="pf-c-menu__item"
|
|
1258
|
+
type="button"
|
|
1259
|
+
role="menuitem"
|
|
1260
|
+
>
|
|
1174
1261
|
<span class="pf-c-menu__item-main">
|
|
1175
1262
|
<span class="pf-c-menu__item-text">My profile</span>
|
|
1176
1263
|
</span>
|
|
1177
1264
|
</button>
|
|
1178
1265
|
</li>
|
|
1179
|
-
<li class="pf-c-menu__list-item">
|
|
1180
|
-
<button
|
|
1266
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
1267
|
+
<button
|
|
1268
|
+
class="pf-c-menu__item"
|
|
1269
|
+
type="button"
|
|
1270
|
+
role="menuitem"
|
|
1271
|
+
>
|
|
1181
1272
|
<span class="pf-c-menu__item-main">
|
|
1182
1273
|
<span
|
|
1183
1274
|
class="pf-c-menu__item-text"
|
|
@@ -1185,8 +1276,12 @@ wrapperTag: div
|
|
|
1185
1276
|
</span>
|
|
1186
1277
|
</button>
|
|
1187
1278
|
</li>
|
|
1188
|
-
<li class="pf-c-menu__list-item">
|
|
1189
|
-
<button
|
|
1279
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
1280
|
+
<button
|
|
1281
|
+
class="pf-c-menu__item"
|
|
1282
|
+
type="button"
|
|
1283
|
+
role="menuitem"
|
|
1284
|
+
>
|
|
1190
1285
|
<span class="pf-c-menu__item-main">
|
|
1191
1286
|
<span class="pf-c-menu__item-text">Logout</span>
|
|
1192
1287
|
</span>
|
|
@@ -1196,11 +1291,12 @@ wrapperTag: div
|
|
|
1196
1291
|
</section>
|
|
1197
1292
|
<hr class="pf-c-divider pf-m-hidden-on-sm" />
|
|
1198
1293
|
<section class="pf-c-menu__group">
|
|
1199
|
-
<ul class="pf-c-menu__list">
|
|
1200
|
-
<li class="pf-c-menu__list-item">
|
|
1294
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
1295
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
1201
1296
|
<button
|
|
1202
1297
|
class="pf-c-menu__item"
|
|
1203
1298
|
type="button"
|
|
1299
|
+
role="menuitem"
|
|
1204
1300
|
aria-expanded="false"
|
|
1205
1301
|
>
|
|
1206
1302
|
<span class="pf-c-menu__item-main">
|
|
@@ -1218,13 +1314,15 @@ wrapperTag: div
|
|
|
1218
1314
|
</button>
|
|
1219
1315
|
<div class="pf-c-menu" hidden>
|
|
1220
1316
|
<div class="pf-c-menu__content">
|
|
1221
|
-
<ul class="pf-c-menu__list">
|
|
1317
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
1222
1318
|
<li
|
|
1223
1319
|
class="pf-c-menu__list-item pf-m-drill-up"
|
|
1320
|
+
role="none"
|
|
1224
1321
|
>
|
|
1225
1322
|
<button
|
|
1226
1323
|
class="pf-c-menu__item"
|
|
1227
1324
|
type="button"
|
|
1325
|
+
role="menuitem"
|
|
1228
1326
|
>
|
|
1229
1327
|
<span class="pf-c-menu__item-main">
|
|
1230
1328
|
<span
|
|
@@ -1245,8 +1343,12 @@ wrapperTag: div
|
|
|
1245
1343
|
</button>
|
|
1246
1344
|
</li>
|
|
1247
1345
|
<li class="pf-c-divider" role="separator"></li>
|
|
1248
|
-
<li class="pf-c-menu__list-item">
|
|
1249
|
-
<a
|
|
1346
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
1347
|
+
<a
|
|
1348
|
+
class="pf-c-menu__item"
|
|
1349
|
+
href="#"
|
|
1350
|
+
role="menuitem"
|
|
1351
|
+
>
|
|
1250
1352
|
<span class="pf-c-menu__item-main">
|
|
1251
1353
|
<span
|
|
1252
1354
|
class="pf-c-menu__item-text"
|
|
@@ -1254,8 +1356,12 @@ wrapperTag: div
|
|
|
1254
1356
|
</span>
|
|
1255
1357
|
</a>
|
|
1256
1358
|
</li>
|
|
1257
|
-
<li class="pf-c-menu__list-item">
|
|
1258
|
-
<a
|
|
1359
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
1360
|
+
<a
|
|
1361
|
+
class="pf-c-menu__item"
|
|
1362
|
+
href="#"
|
|
1363
|
+
role="menuitem"
|
|
1364
|
+
>
|
|
1259
1365
|
<span class="pf-c-menu__item-main">
|
|
1260
1366
|
<span class="pf-c-menu__item-text">About</span>
|
|
1261
1367
|
</span>
|
|
@@ -1266,10 +1372,11 @@ wrapperTag: div
|
|
|
1266
1372
|
</div>
|
|
1267
1373
|
</li>
|
|
1268
1374
|
|
|
1269
|
-
<li class="pf-c-menu__list-item">
|
|
1375
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
1270
1376
|
<button
|
|
1271
1377
|
class="pf-c-menu__item"
|
|
1272
1378
|
type="button"
|
|
1379
|
+
role="menuitem"
|
|
1273
1380
|
aria-expanded="false"
|
|
1274
1381
|
>
|
|
1275
1382
|
<span class="pf-c-menu__item-main">
|
|
@@ -1287,13 +1394,15 @@ wrapperTag: div
|
|
|
1287
1394
|
</button>
|
|
1288
1395
|
<div class="pf-c-menu" hidden>
|
|
1289
1396
|
<div class="pf-c-menu__content">
|
|
1290
|
-
<ul class="pf-c-menu__list">
|
|
1397
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
1291
1398
|
<li
|
|
1292
1399
|
class="pf-c-menu__list-item pf-m-drill-up"
|
|
1400
|
+
role="none"
|
|
1293
1401
|
>
|
|
1294
1402
|
<button
|
|
1295
1403
|
class="pf-c-menu__item"
|
|
1296
1404
|
type="button"
|
|
1405
|
+
role="menuitem"
|
|
1297
1406
|
>
|
|
1298
1407
|
<span class="pf-c-menu__item-main">
|
|
1299
1408
|
<span
|
|
@@ -1312,8 +1421,12 @@ wrapperTag: div
|
|
|
1312
1421
|
</button>
|
|
1313
1422
|
</li>
|
|
1314
1423
|
<li class="pf-c-divider" role="separator"></li>
|
|
1315
|
-
<li class="pf-c-menu__list-item">
|
|
1316
|
-
<a
|
|
1424
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
1425
|
+
<a
|
|
1426
|
+
class="pf-c-menu__item"
|
|
1427
|
+
href="#"
|
|
1428
|
+
role="menuitem"
|
|
1429
|
+
>
|
|
1317
1430
|
<span class="pf-c-menu__item-main">
|
|
1318
1431
|
<span
|
|
1319
1432
|
class="pf-c-menu__item-text"
|
|
@@ -1321,8 +1434,12 @@ wrapperTag: div
|
|
|
1321
1434
|
</span>
|
|
1322
1435
|
</a>
|
|
1323
1436
|
</li>
|
|
1324
|
-
<li class="pf-c-menu__list-item">
|
|
1325
|
-
<a
|
|
1437
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
1438
|
+
<a
|
|
1439
|
+
class="pf-c-menu__item"
|
|
1440
|
+
href="#"
|
|
1441
|
+
role="menuitem"
|
|
1442
|
+
>
|
|
1326
1443
|
<span class="pf-c-menu__item-main">
|
|
1327
1444
|
<span
|
|
1328
1445
|
class="pf-c-menu__item-text"
|
|
@@ -1330,8 +1447,12 @@ wrapperTag: div
|
|
|
1330
1447
|
</span>
|
|
1331
1448
|
</a>
|
|
1332
1449
|
</li>
|
|
1333
|
-
<li class="pf-c-menu__list-item">
|
|
1334
|
-
<a
|
|
1450
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
1451
|
+
<a
|
|
1452
|
+
class="pf-c-menu__item"
|
|
1453
|
+
href="#"
|
|
1454
|
+
role="menuitem"
|
|
1455
|
+
>
|
|
1335
1456
|
<span class="pf-c-menu__item-main">
|
|
1336
1457
|
<span
|
|
1337
1458
|
class="pf-c-menu__item-text"
|
|
@@ -1344,8 +1465,12 @@ wrapperTag: div
|
|
|
1344
1465
|
</div>
|
|
1345
1466
|
</li>
|
|
1346
1467
|
|
|
1347
|
-
<li class="pf-c-menu__list-item">
|
|
1348
|
-
<button
|
|
1468
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
1469
|
+
<button
|
|
1470
|
+
class="pf-c-menu__item"
|
|
1471
|
+
type="button"
|
|
1472
|
+
role="menuitem"
|
|
1473
|
+
>
|
|
1349
1474
|
<span class="pf-c-menu__item-main">
|
|
1350
1475
|
<span class="pf-c-menu__item-icon">
|
|
1351
1476
|
<i class="fas fa-fw fa-th" aria-hidden="true"></i>
|
|
@@ -1360,7 +1485,11 @@ wrapperTag: div
|
|
|
1360
1485
|
</button>
|
|
1361
1486
|
<div class="pf-c-menu" hidden>
|
|
1362
1487
|
<div class="pf-c-menu__header">
|
|
1363
|
-
<button
|
|
1488
|
+
<button
|
|
1489
|
+
class="pf-c-menu__item"
|
|
1490
|
+
type="button"
|
|
1491
|
+
role="menuitem"
|
|
1492
|
+
>
|
|
1364
1493
|
<span class="pf-c-menu__item-main">
|
|
1365
1494
|
<span class="pf-c-menu__item-toggle-icon">
|
|
1366
1495
|
<i class="fas fa-angle-left"></i>
|
|
@@ -1379,21 +1508,36 @@ wrapperTag: div
|
|
|
1379
1508
|
</div>
|
|
1380
1509
|
<div class="pf-c-menu__search">
|
|
1381
1510
|
<div class="pf-c-menu__search-input">
|
|
1382
|
-
<input
|
|
1383
|
-
class="pf-c-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1511
|
+
<div class="pf-c-search-input">
|
|
1512
|
+
<div class="pf-c-search-input__bar">
|
|
1513
|
+
<span class="pf-c-search-input__text">
|
|
1514
|
+
<span class="pf-c-search-input__icon">
|
|
1515
|
+
<i
|
|
1516
|
+
class="fas fa-search fa-fw"
|
|
1517
|
+
aria-hidden="true"
|
|
1518
|
+
></i>
|
|
1519
|
+
</span>
|
|
1520
|
+
<input
|
|
1521
|
+
class="pf-c-search-input__text-input"
|
|
1522
|
+
type="text"
|
|
1523
|
+
placeholder="Search"
|
|
1524
|
+
aria-label="Search"
|
|
1525
|
+
/>
|
|
1526
|
+
</span>
|
|
1527
|
+
</div>
|
|
1528
|
+
</div>
|
|
1389
1529
|
</div>
|
|
1390
1530
|
</div>
|
|
1391
1531
|
<hr class="pf-c-divider" />
|
|
1392
1532
|
<section class="pf-c-menu__group">
|
|
1393
1533
|
<h1 class="pf-c-menu__group-title">Favorites</h1>
|
|
1394
|
-
<ul class="pf-c-menu__list">
|
|
1395
|
-
<li class="pf-c-menu__list-item">
|
|
1396
|
-
<a
|
|
1534
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
1535
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
1536
|
+
<a
|
|
1537
|
+
class="pf-c-menu__item"
|
|
1538
|
+
href="#"
|
|
1539
|
+
role="menuitem"
|
|
1540
|
+
>
|
|
1397
1541
|
<span class="pf-c-menu__item-main">
|
|
1398
1542
|
<span
|
|
1399
1543
|
class="pf-c-menu__item-text"
|
|
@@ -1413,10 +1557,11 @@ wrapperTag: div
|
|
|
1413
1557
|
</span>
|
|
1414
1558
|
</button>
|
|
1415
1559
|
</li>
|
|
1416
|
-
<li class="pf-c-menu__list-item">
|
|
1560
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
1417
1561
|
<a
|
|
1418
1562
|
class="pf-c-menu__item"
|
|
1419
1563
|
href="#"
|
|
1564
|
+
role="menuitem"
|
|
1420
1565
|
target="_blank"
|
|
1421
1566
|
>
|
|
1422
1567
|
<span class="pf-c-menu__item-main">
|
|
@@ -1454,9 +1599,13 @@ wrapperTag: div
|
|
|
1454
1599
|
<hr class="pf-c-divider" />
|
|
1455
1600
|
<section class="pf-c-menu__group">
|
|
1456
1601
|
<h1 class="pf-c-menu__group-title">Group 1</h1>
|
|
1457
|
-
<ul class="pf-c-menu__list">
|
|
1458
|
-
<li class="pf-c-menu__list-item">
|
|
1459
|
-
<a
|
|
1602
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
1603
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
1604
|
+
<a
|
|
1605
|
+
class="pf-c-menu__item"
|
|
1606
|
+
href="#"
|
|
1607
|
+
role="menuitem"
|
|
1608
|
+
>
|
|
1460
1609
|
<span class="pf-c-menu__item-main">
|
|
1461
1610
|
<span
|
|
1462
1611
|
class="pf-c-menu__item-text"
|
|
@@ -1476,10 +1625,11 @@ wrapperTag: div
|
|
|
1476
1625
|
</span>
|
|
1477
1626
|
</button>
|
|
1478
1627
|
</li>
|
|
1479
|
-
<li class="pf-c-menu__list-item">
|
|
1628
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
1480
1629
|
<a
|
|
1481
1630
|
class="pf-c-menu__item"
|
|
1482
1631
|
href="#"
|
|
1632
|
+
role="menuitem"
|
|
1483
1633
|
target="_blank"
|
|
1484
1634
|
>
|
|
1485
1635
|
<span class="pf-c-menu__item-main">
|
|
@@ -1705,255 +1855,155 @@ wrapperTag: div
|
|
|
1705
1855
|
<section class="pf-c-page__main-section pf-m-limit-width">
|
|
1706
1856
|
<div class="pf-c-page__main-body">
|
|
1707
1857
|
<div class="pf-l-gallery pf-m-gutter">
|
|
1708
|
-
<div class="pf-
|
|
1709
|
-
<div class="pf-c-
|
|
1710
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1711
|
-
</div>
|
|
1858
|
+
<div class="pf-c-card">
|
|
1859
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1712
1860
|
</div>
|
|
1713
|
-
<div class="pf-
|
|
1714
|
-
<div class="pf-c-
|
|
1715
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1716
|
-
</div>
|
|
1861
|
+
<div class="pf-c-card">
|
|
1862
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1717
1863
|
</div>
|
|
1718
|
-
<div class="pf-
|
|
1719
|
-
<div class="pf-c-
|
|
1720
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1721
|
-
</div>
|
|
1864
|
+
<div class="pf-c-card">
|
|
1865
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1722
1866
|
</div>
|
|
1723
|
-
<div class="pf-
|
|
1724
|
-
<div class="pf-c-
|
|
1725
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1726
|
-
</div>
|
|
1867
|
+
<div class="pf-c-card">
|
|
1868
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1727
1869
|
</div>
|
|
1728
|
-
<div class="pf-
|
|
1729
|
-
<div class="pf-c-
|
|
1730
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1731
|
-
</div>
|
|
1870
|
+
<div class="pf-c-card">
|
|
1871
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1732
1872
|
</div>
|
|
1733
|
-
<div class="pf-
|
|
1734
|
-
<div class="pf-c-
|
|
1735
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1736
|
-
</div>
|
|
1873
|
+
<div class="pf-c-card">
|
|
1874
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1737
1875
|
</div>
|
|
1738
|
-
<div class="pf-
|
|
1739
|
-
<div class="pf-c-
|
|
1740
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1741
|
-
</div>
|
|
1876
|
+
<div class="pf-c-card">
|
|
1877
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1742
1878
|
</div>
|
|
1743
|
-
<div class="pf-
|
|
1744
|
-
<div class="pf-c-
|
|
1745
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1746
|
-
</div>
|
|
1879
|
+
<div class="pf-c-card">
|
|
1880
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1747
1881
|
</div>
|
|
1748
|
-
<div class="pf-
|
|
1749
|
-
<div class="pf-c-
|
|
1750
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1751
|
-
</div>
|
|
1882
|
+
<div class="pf-c-card">
|
|
1883
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1752
1884
|
</div>
|
|
1753
|
-
<div class="pf-
|
|
1754
|
-
<div class="pf-c-
|
|
1755
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1756
|
-
</div>
|
|
1885
|
+
<div class="pf-c-card">
|
|
1886
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1757
1887
|
</div>
|
|
1758
|
-
<div class="pf-
|
|
1759
|
-
<div class="pf-c-
|
|
1760
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1761
|
-
</div>
|
|
1888
|
+
<div class="pf-c-card">
|
|
1889
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1762
1890
|
</div>
|
|
1763
|
-
<div class="pf-
|
|
1764
|
-
<div class="pf-c-
|
|
1765
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1766
|
-
</div>
|
|
1891
|
+
<div class="pf-c-card">
|
|
1892
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1767
1893
|
</div>
|
|
1768
|
-
<div class="pf-
|
|
1769
|
-
<div class="pf-c-
|
|
1770
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1771
|
-
</div>
|
|
1894
|
+
<div class="pf-c-card">
|
|
1895
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1772
1896
|
</div>
|
|
1773
|
-
<div class="pf-
|
|
1774
|
-
<div class="pf-c-
|
|
1775
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1776
|
-
</div>
|
|
1897
|
+
<div class="pf-c-card">
|
|
1898
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1777
1899
|
</div>
|
|
1778
|
-
<div class="pf-
|
|
1779
|
-
<div class="pf-c-
|
|
1780
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1781
|
-
</div>
|
|
1900
|
+
<div class="pf-c-card">
|
|
1901
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1782
1902
|
</div>
|
|
1783
|
-
<div class="pf-
|
|
1784
|
-
<div class="pf-c-
|
|
1785
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1786
|
-
</div>
|
|
1903
|
+
<div class="pf-c-card">
|
|
1904
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1787
1905
|
</div>
|
|
1788
|
-
<div class="pf-
|
|
1789
|
-
<div class="pf-c-
|
|
1790
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1791
|
-
</div>
|
|
1906
|
+
<div class="pf-c-card">
|
|
1907
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1792
1908
|
</div>
|
|
1793
|
-
<div class="pf-
|
|
1794
|
-
<div class="pf-c-
|
|
1795
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1796
|
-
</div>
|
|
1909
|
+
<div class="pf-c-card">
|
|
1910
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1797
1911
|
</div>
|
|
1798
|
-
<div class="pf-
|
|
1799
|
-
<div class="pf-c-
|
|
1800
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1801
|
-
</div>
|
|
1912
|
+
<div class="pf-c-card">
|
|
1913
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1802
1914
|
</div>
|
|
1803
|
-
<div class="pf-
|
|
1804
|
-
<div class="pf-c-
|
|
1805
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1806
|
-
</div>
|
|
1915
|
+
<div class="pf-c-card">
|
|
1916
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1807
1917
|
</div>
|
|
1808
|
-
<div class="pf-
|
|
1809
|
-
<div class="pf-c-
|
|
1810
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1811
|
-
</div>
|
|
1918
|
+
<div class="pf-c-card">
|
|
1919
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1812
1920
|
</div>
|
|
1813
|
-
<div class="pf-
|
|
1814
|
-
<div class="pf-c-
|
|
1815
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1816
|
-
</div>
|
|
1921
|
+
<div class="pf-c-card">
|
|
1922
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1817
1923
|
</div>
|
|
1818
|
-
<div class="pf-
|
|
1819
|
-
<div class="pf-c-
|
|
1820
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1821
|
-
</div>
|
|
1924
|
+
<div class="pf-c-card">
|
|
1925
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1822
1926
|
</div>
|
|
1823
|
-
<div class="pf-
|
|
1824
|
-
<div class="pf-c-
|
|
1825
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1826
|
-
</div>
|
|
1927
|
+
<div class="pf-c-card">
|
|
1928
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1827
1929
|
</div>
|
|
1828
|
-
<div class="pf-
|
|
1829
|
-
<div class="pf-c-
|
|
1830
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1831
|
-
</div>
|
|
1930
|
+
<div class="pf-c-card">
|
|
1931
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1832
1932
|
</div>
|
|
1833
|
-
<div class="pf-
|
|
1834
|
-
<div class="pf-c-
|
|
1835
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1836
|
-
</div>
|
|
1933
|
+
<div class="pf-c-card">
|
|
1934
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1837
1935
|
</div>
|
|
1838
|
-
<div class="pf-
|
|
1839
|
-
<div class="pf-c-
|
|
1840
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1841
|
-
</div>
|
|
1936
|
+
<div class="pf-c-card">
|
|
1937
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1842
1938
|
</div>
|
|
1843
|
-
<div class="pf-
|
|
1844
|
-
<div class="pf-c-
|
|
1845
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1846
|
-
</div>
|
|
1939
|
+
<div class="pf-c-card">
|
|
1940
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1847
1941
|
</div>
|
|
1848
|
-
<div class="pf-
|
|
1849
|
-
<div class="pf-c-
|
|
1850
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1851
|
-
</div>
|
|
1942
|
+
<div class="pf-c-card">
|
|
1943
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1852
1944
|
</div>
|
|
1853
|
-
<div class="pf-
|
|
1854
|
-
<div class="pf-c-
|
|
1855
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1856
|
-
</div>
|
|
1945
|
+
<div class="pf-c-card">
|
|
1946
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1857
1947
|
</div>
|
|
1858
|
-
<div class="pf-
|
|
1859
|
-
<div class="pf-c-
|
|
1860
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1861
|
-
</div>
|
|
1948
|
+
<div class="pf-c-card">
|
|
1949
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1862
1950
|
</div>
|
|
1863
|
-
<div class="pf-
|
|
1864
|
-
<div class="pf-c-
|
|
1865
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1866
|
-
</div>
|
|
1951
|
+
<div class="pf-c-card">
|
|
1952
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1867
1953
|
</div>
|
|
1868
|
-
<div class="pf-
|
|
1869
|
-
<div class="pf-c-
|
|
1870
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1871
|
-
</div>
|
|
1954
|
+
<div class="pf-c-card">
|
|
1955
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1872
1956
|
</div>
|
|
1873
|
-
<div class="pf-
|
|
1874
|
-
<div class="pf-c-
|
|
1875
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1876
|
-
</div>
|
|
1957
|
+
<div class="pf-c-card">
|
|
1958
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1877
1959
|
</div>
|
|
1878
|
-
<div class="pf-
|
|
1879
|
-
<div class="pf-c-
|
|
1880
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1881
|
-
</div>
|
|
1960
|
+
<div class="pf-c-card">
|
|
1961
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1882
1962
|
</div>
|
|
1883
|
-
<div class="pf-
|
|
1884
|
-
<div class="pf-c-
|
|
1885
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1886
|
-
</div>
|
|
1963
|
+
<div class="pf-c-card">
|
|
1964
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1887
1965
|
</div>
|
|
1888
|
-
<div class="pf-
|
|
1889
|
-
<div class="pf-c-
|
|
1890
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1891
|
-
</div>
|
|
1966
|
+
<div class="pf-c-card">
|
|
1967
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1892
1968
|
</div>
|
|
1893
|
-
<div class="pf-
|
|
1894
|
-
<div class="pf-c-
|
|
1895
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1896
|
-
</div>
|
|
1969
|
+
<div class="pf-c-card">
|
|
1970
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1897
1971
|
</div>
|
|
1898
|
-
<div class="pf-
|
|
1899
|
-
<div class="pf-c-
|
|
1900
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1901
|
-
</div>
|
|
1972
|
+
<div class="pf-c-card">
|
|
1973
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1902
1974
|
</div>
|
|
1903
|
-
<div class="pf-
|
|
1904
|
-
<div class="pf-c-
|
|
1905
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1906
|
-
</div>
|
|
1975
|
+
<div class="pf-c-card">
|
|
1976
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1907
1977
|
</div>
|
|
1908
|
-
<div class="pf-
|
|
1909
|
-
<div class="pf-c-
|
|
1910
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1911
|
-
</div>
|
|
1978
|
+
<div class="pf-c-card">
|
|
1979
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1912
1980
|
</div>
|
|
1913
|
-
<div class="pf-
|
|
1914
|
-
<div class="pf-c-
|
|
1915
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1916
|
-
</div>
|
|
1981
|
+
<div class="pf-c-card">
|
|
1982
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1917
1983
|
</div>
|
|
1918
|
-
<div class="pf-
|
|
1919
|
-
<div class="pf-c-
|
|
1920
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1921
|
-
</div>
|
|
1984
|
+
<div class="pf-c-card">
|
|
1985
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1922
1986
|
</div>
|
|
1923
|
-
<div class="pf-
|
|
1924
|
-
<div class="pf-c-
|
|
1925
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1926
|
-
</div>
|
|
1987
|
+
<div class="pf-c-card">
|
|
1988
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1927
1989
|
</div>
|
|
1928
|
-
<div class="pf-
|
|
1929
|
-
<div class="pf-c-
|
|
1930
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1931
|
-
</div>
|
|
1990
|
+
<div class="pf-c-card">
|
|
1991
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1932
1992
|
</div>
|
|
1933
|
-
<div class="pf-
|
|
1934
|
-
<div class="pf-c-
|
|
1935
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1936
|
-
</div>
|
|
1993
|
+
<div class="pf-c-card">
|
|
1994
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1937
1995
|
</div>
|
|
1938
|
-
<div class="pf-
|
|
1939
|
-
<div class="pf-c-
|
|
1940
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1941
|
-
</div>
|
|
1996
|
+
<div class="pf-c-card">
|
|
1997
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1942
1998
|
</div>
|
|
1943
|
-
<div class="pf-
|
|
1944
|
-
<div class="pf-c-
|
|
1945
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1946
|
-
</div>
|
|
1999
|
+
<div class="pf-c-card">
|
|
2000
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1947
2001
|
</div>
|
|
1948
|
-
<div class="pf-
|
|
1949
|
-
<div class="pf-c-
|
|
1950
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1951
|
-
</div>
|
|
2002
|
+
<div class="pf-c-card">
|
|
2003
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1952
2004
|
</div>
|
|
1953
|
-
<div class="pf-
|
|
1954
|
-
<div class="pf-c-
|
|
1955
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
1956
|
-
</div>
|
|
2005
|
+
<div class="pf-c-card">
|
|
2006
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
1957
2007
|
</div>
|
|
1958
2008
|
</div>
|
|
1959
2009
|
</div>
|
|
@@ -2044,14 +2094,24 @@ wrapperTag: div
|
|
|
2044
2094
|
hidden
|
|
2045
2095
|
>
|
|
2046
2096
|
<div class="pf-c-app-launcher__menu-search">
|
|
2047
|
-
<input
|
|
2048
|
-
class="pf-c-
|
|
2049
|
-
|
|
2050
|
-
|
|
2051
|
-
|
|
2052
|
-
|
|
2053
|
-
|
|
2054
|
-
|
|
2097
|
+
<div class="pf-c-search-input">
|
|
2098
|
+
<div class="pf-c-search-input__bar">
|
|
2099
|
+
<span class="pf-c-search-input__text">
|
|
2100
|
+
<span class="pf-c-search-input__icon">
|
|
2101
|
+
<i
|
|
2102
|
+
class="fas fa-search fa-fw"
|
|
2103
|
+
aria-hidden="true"
|
|
2104
|
+
></i>
|
|
2105
|
+
</span>
|
|
2106
|
+
<input
|
|
2107
|
+
class="pf-c-search-input__text-input"
|
|
2108
|
+
type="text"
|
|
2109
|
+
placeholder="Filter by name"
|
|
2110
|
+
aria-label="Filter by name"
|
|
2111
|
+
/>
|
|
2112
|
+
</span>
|
|
2113
|
+
</div>
|
|
2114
|
+
</div>
|
|
2055
2115
|
</div>
|
|
2056
2116
|
<section class="pf-c-app-launcher__group">
|
|
2057
2117
|
<h1 class="pf-c-app-launcher__group-title">Favorites</h1>
|
|
@@ -2241,12 +2301,16 @@ wrapperTag: div
|
|
|
2241
2301
|
<div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
|
|
2242
2302
|
<div class="pf-c-menu__content">
|
|
2243
2303
|
<section class="pf-c-menu__group pf-m-hidden-on-sm">
|
|
2244
|
-
<ul class="pf-c-menu__list">
|
|
2245
|
-
<li
|
|
2304
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
2305
|
+
<li
|
|
2306
|
+
class="pf-c-menu__list-item pf-m-disabled"
|
|
2307
|
+
role="none"
|
|
2308
|
+
>
|
|
2246
2309
|
<button
|
|
2247
2310
|
class="pf-c-menu__item"
|
|
2248
2311
|
type="button"
|
|
2249
2312
|
disabled
|
|
2313
|
+
role="menuitem"
|
|
2250
2314
|
>
|
|
2251
2315
|
<span class="pf-c-menu__item-description">
|
|
2252
2316
|
<div class="pf-u-font-size-sm">Username:</div>
|
|
@@ -2256,11 +2320,15 @@ wrapperTag: div
|
|
|
2256
2320
|
</span>
|
|
2257
2321
|
</button>
|
|
2258
2322
|
</li>
|
|
2259
|
-
<li
|
|
2323
|
+
<li
|
|
2324
|
+
class="pf-c-menu__list-item pf-m-disabled"
|
|
2325
|
+
role="none"
|
|
2326
|
+
>
|
|
2260
2327
|
<button
|
|
2261
2328
|
class="pf-c-menu__item"
|
|
2262
2329
|
type="button"
|
|
2263
2330
|
disabled
|
|
2331
|
+
role="menuitem"
|
|
2264
2332
|
>
|
|
2265
2333
|
<span class="pf-c-menu__item-description">
|
|
2266
2334
|
<div class="pf-u-font-size-sm">Account number:</div>
|
|
@@ -2269,15 +2337,23 @@ wrapperTag: div
|
|
|
2269
2337
|
</button>
|
|
2270
2338
|
</li>
|
|
2271
2339
|
<li class="pf-c-divider" role="separator"></li>
|
|
2272
|
-
<li class="pf-c-menu__list-item">
|
|
2273
|
-
<button
|
|
2340
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
2341
|
+
<button
|
|
2342
|
+
class="pf-c-menu__item"
|
|
2343
|
+
type="button"
|
|
2344
|
+
role="menuitem"
|
|
2345
|
+
>
|
|
2274
2346
|
<span class="pf-c-menu__item-main">
|
|
2275
2347
|
<span class="pf-c-menu__item-text">My profile</span>
|
|
2276
2348
|
</span>
|
|
2277
2349
|
</button>
|
|
2278
2350
|
</li>
|
|
2279
|
-
<li class="pf-c-menu__list-item">
|
|
2280
|
-
<button
|
|
2351
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
2352
|
+
<button
|
|
2353
|
+
class="pf-c-menu__item"
|
|
2354
|
+
type="button"
|
|
2355
|
+
role="menuitem"
|
|
2356
|
+
>
|
|
2281
2357
|
<span class="pf-c-menu__item-main">
|
|
2282
2358
|
<span
|
|
2283
2359
|
class="pf-c-menu__item-text"
|
|
@@ -2285,8 +2361,12 @@ wrapperTag: div
|
|
|
2285
2361
|
</span>
|
|
2286
2362
|
</button>
|
|
2287
2363
|
</li>
|
|
2288
|
-
<li class="pf-c-menu__list-item">
|
|
2289
|
-
<button
|
|
2364
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
2365
|
+
<button
|
|
2366
|
+
class="pf-c-menu__item"
|
|
2367
|
+
type="button"
|
|
2368
|
+
role="menuitem"
|
|
2369
|
+
>
|
|
2290
2370
|
<span class="pf-c-menu__item-main">
|
|
2291
2371
|
<span class="pf-c-menu__item-text">Logout</span>
|
|
2292
2372
|
</span>
|
|
@@ -2296,11 +2376,12 @@ wrapperTag: div
|
|
|
2296
2376
|
</section>
|
|
2297
2377
|
<hr class="pf-c-divider pf-m-hidden-on-sm" />
|
|
2298
2378
|
<section class="pf-c-menu__group">
|
|
2299
|
-
<ul class="pf-c-menu__list">
|
|
2300
|
-
<li class="pf-c-menu__list-item">
|
|
2379
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
2380
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
2301
2381
|
<button
|
|
2302
2382
|
class="pf-c-menu__item"
|
|
2303
2383
|
type="button"
|
|
2384
|
+
role="menuitem"
|
|
2304
2385
|
aria-expanded="false"
|
|
2305
2386
|
>
|
|
2306
2387
|
<span class="pf-c-menu__item-main">
|
|
@@ -2318,13 +2399,15 @@ wrapperTag: div
|
|
|
2318
2399
|
</button>
|
|
2319
2400
|
<div class="pf-c-menu" hidden>
|
|
2320
2401
|
<div class="pf-c-menu__content">
|
|
2321
|
-
<ul class="pf-c-menu__list">
|
|
2402
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
2322
2403
|
<li
|
|
2323
2404
|
class="pf-c-menu__list-item pf-m-drill-up"
|
|
2405
|
+
role="none"
|
|
2324
2406
|
>
|
|
2325
2407
|
<button
|
|
2326
2408
|
class="pf-c-menu__item"
|
|
2327
2409
|
type="button"
|
|
2410
|
+
role="menuitem"
|
|
2328
2411
|
>
|
|
2329
2412
|
<span class="pf-c-menu__item-main">
|
|
2330
2413
|
<span
|
|
@@ -2345,17 +2428,25 @@ wrapperTag: div
|
|
|
2345
2428
|
</button>
|
|
2346
2429
|
</li>
|
|
2347
2430
|
<li class="pf-c-divider" role="separator"></li>
|
|
2348
|
-
<li class="pf-c-menu__list-item">
|
|
2349
|
-
<a
|
|
2350
|
-
|
|
2351
|
-
|
|
2431
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
2432
|
+
<a
|
|
2433
|
+
class="pf-c-menu__item"
|
|
2434
|
+
href="#"
|
|
2435
|
+
role="menuitem"
|
|
2436
|
+
>
|
|
2437
|
+
<span class="pf-c-menu__item-main">
|
|
2438
|
+
<span
|
|
2352
2439
|
class="pf-c-menu__item-text"
|
|
2353
2440
|
>Customer support</span>
|
|
2354
2441
|
</span>
|
|
2355
2442
|
</a>
|
|
2356
2443
|
</li>
|
|
2357
|
-
<li class="pf-c-menu__list-item">
|
|
2358
|
-
<a
|
|
2444
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
2445
|
+
<a
|
|
2446
|
+
class="pf-c-menu__item"
|
|
2447
|
+
href="#"
|
|
2448
|
+
role="menuitem"
|
|
2449
|
+
>
|
|
2359
2450
|
<span class="pf-c-menu__item-main">
|
|
2360
2451
|
<span class="pf-c-menu__item-text">About</span>
|
|
2361
2452
|
</span>
|
|
@@ -2366,10 +2457,11 @@ wrapperTag: div
|
|
|
2366
2457
|
</div>
|
|
2367
2458
|
</li>
|
|
2368
2459
|
|
|
2369
|
-
<li class="pf-c-menu__list-item">
|
|
2460
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
2370
2461
|
<button
|
|
2371
2462
|
class="pf-c-menu__item"
|
|
2372
2463
|
type="button"
|
|
2464
|
+
role="menuitem"
|
|
2373
2465
|
aria-expanded="false"
|
|
2374
2466
|
>
|
|
2375
2467
|
<span class="pf-c-menu__item-main">
|
|
@@ -2387,13 +2479,15 @@ wrapperTag: div
|
|
|
2387
2479
|
</button>
|
|
2388
2480
|
<div class="pf-c-menu" hidden>
|
|
2389
2481
|
<div class="pf-c-menu__content">
|
|
2390
|
-
<ul class="pf-c-menu__list">
|
|
2482
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
2391
2483
|
<li
|
|
2392
2484
|
class="pf-c-menu__list-item pf-m-drill-up"
|
|
2485
|
+
role="none"
|
|
2393
2486
|
>
|
|
2394
2487
|
<button
|
|
2395
2488
|
class="pf-c-menu__item"
|
|
2396
2489
|
type="button"
|
|
2490
|
+
role="menuitem"
|
|
2397
2491
|
>
|
|
2398
2492
|
<span class="pf-c-menu__item-main">
|
|
2399
2493
|
<span
|
|
@@ -2412,8 +2506,12 @@ wrapperTag: div
|
|
|
2412
2506
|
</button>
|
|
2413
2507
|
</li>
|
|
2414
2508
|
<li class="pf-c-divider" role="separator"></li>
|
|
2415
|
-
<li class="pf-c-menu__list-item">
|
|
2416
|
-
<a
|
|
2509
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
2510
|
+
<a
|
|
2511
|
+
class="pf-c-menu__item"
|
|
2512
|
+
href="#"
|
|
2513
|
+
role="menuitem"
|
|
2514
|
+
>
|
|
2417
2515
|
<span class="pf-c-menu__item-main">
|
|
2418
2516
|
<span
|
|
2419
2517
|
class="pf-c-menu__item-text"
|
|
@@ -2421,8 +2519,12 @@ wrapperTag: div
|
|
|
2421
2519
|
</span>
|
|
2422
2520
|
</a>
|
|
2423
2521
|
</li>
|
|
2424
|
-
<li class="pf-c-menu__list-item">
|
|
2425
|
-
<a
|
|
2522
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
2523
|
+
<a
|
|
2524
|
+
class="pf-c-menu__item"
|
|
2525
|
+
href="#"
|
|
2526
|
+
role="menuitem"
|
|
2527
|
+
>
|
|
2426
2528
|
<span class="pf-c-menu__item-main">
|
|
2427
2529
|
<span
|
|
2428
2530
|
class="pf-c-menu__item-text"
|
|
@@ -2430,8 +2532,12 @@ wrapperTag: div
|
|
|
2430
2532
|
</span>
|
|
2431
2533
|
</a>
|
|
2432
2534
|
</li>
|
|
2433
|
-
<li class="pf-c-menu__list-item">
|
|
2434
|
-
<a
|
|
2535
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
2536
|
+
<a
|
|
2537
|
+
class="pf-c-menu__item"
|
|
2538
|
+
href="#"
|
|
2539
|
+
role="menuitem"
|
|
2540
|
+
>
|
|
2435
2541
|
<span class="pf-c-menu__item-main">
|
|
2436
2542
|
<span
|
|
2437
2543
|
class="pf-c-menu__item-text"
|
|
@@ -2444,8 +2550,12 @@ wrapperTag: div
|
|
|
2444
2550
|
</div>
|
|
2445
2551
|
</li>
|
|
2446
2552
|
|
|
2447
|
-
<li class="pf-c-menu__list-item">
|
|
2448
|
-
<button
|
|
2553
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
2554
|
+
<button
|
|
2555
|
+
class="pf-c-menu__item"
|
|
2556
|
+
type="button"
|
|
2557
|
+
role="menuitem"
|
|
2558
|
+
>
|
|
2449
2559
|
<span class="pf-c-menu__item-main">
|
|
2450
2560
|
<span class="pf-c-menu__item-icon">
|
|
2451
2561
|
<i class="fas fa-fw fa-th" aria-hidden="true"></i>
|
|
@@ -2460,7 +2570,11 @@ wrapperTag: div
|
|
|
2460
2570
|
</button>
|
|
2461
2571
|
<div class="pf-c-menu" hidden>
|
|
2462
2572
|
<div class="pf-c-menu__header">
|
|
2463
|
-
<button
|
|
2573
|
+
<button
|
|
2574
|
+
class="pf-c-menu__item"
|
|
2575
|
+
type="button"
|
|
2576
|
+
role="menuitem"
|
|
2577
|
+
>
|
|
2464
2578
|
<span class="pf-c-menu__item-main">
|
|
2465
2579
|
<span class="pf-c-menu__item-toggle-icon">
|
|
2466
2580
|
<i class="fas fa-angle-left"></i>
|
|
@@ -2479,21 +2593,36 @@ wrapperTag: div
|
|
|
2479
2593
|
</div>
|
|
2480
2594
|
<div class="pf-c-menu__search">
|
|
2481
2595
|
<div class="pf-c-menu__search-input">
|
|
2482
|
-
<input
|
|
2483
|
-
class="pf-c-
|
|
2484
|
-
|
|
2485
|
-
|
|
2486
|
-
|
|
2487
|
-
|
|
2488
|
-
|
|
2596
|
+
<div class="pf-c-search-input">
|
|
2597
|
+
<div class="pf-c-search-input__bar">
|
|
2598
|
+
<span class="pf-c-search-input__text">
|
|
2599
|
+
<span class="pf-c-search-input__icon">
|
|
2600
|
+
<i
|
|
2601
|
+
class="fas fa-search fa-fw"
|
|
2602
|
+
aria-hidden="true"
|
|
2603
|
+
></i>
|
|
2604
|
+
</span>
|
|
2605
|
+
<input
|
|
2606
|
+
class="pf-c-search-input__text-input"
|
|
2607
|
+
type="text"
|
|
2608
|
+
placeholder="Search"
|
|
2609
|
+
aria-label="Search"
|
|
2610
|
+
/>
|
|
2611
|
+
</span>
|
|
2612
|
+
</div>
|
|
2613
|
+
</div>
|
|
2489
2614
|
</div>
|
|
2490
2615
|
</div>
|
|
2491
2616
|
<hr class="pf-c-divider" />
|
|
2492
2617
|
<section class="pf-c-menu__group">
|
|
2493
2618
|
<h1 class="pf-c-menu__group-title">Favorites</h1>
|
|
2494
|
-
<ul class="pf-c-menu__list">
|
|
2495
|
-
<li class="pf-c-menu__list-item">
|
|
2496
|
-
<a
|
|
2619
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
2620
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
2621
|
+
<a
|
|
2622
|
+
class="pf-c-menu__item"
|
|
2623
|
+
href="#"
|
|
2624
|
+
role="menuitem"
|
|
2625
|
+
>
|
|
2497
2626
|
<span class="pf-c-menu__item-main">
|
|
2498
2627
|
<span
|
|
2499
2628
|
class="pf-c-menu__item-text"
|
|
@@ -2513,10 +2642,11 @@ wrapperTag: div
|
|
|
2513
2642
|
</span>
|
|
2514
2643
|
</button>
|
|
2515
2644
|
</li>
|
|
2516
|
-
<li class="pf-c-menu__list-item">
|
|
2645
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
2517
2646
|
<a
|
|
2518
2647
|
class="pf-c-menu__item"
|
|
2519
2648
|
href="#"
|
|
2649
|
+
role="menuitem"
|
|
2520
2650
|
target="_blank"
|
|
2521
2651
|
>
|
|
2522
2652
|
<span class="pf-c-menu__item-main">
|
|
@@ -2554,9 +2684,13 @@ wrapperTag: div
|
|
|
2554
2684
|
<hr class="pf-c-divider" />
|
|
2555
2685
|
<section class="pf-c-menu__group">
|
|
2556
2686
|
<h1 class="pf-c-menu__group-title">Group 1</h1>
|
|
2557
|
-
<ul class="pf-c-menu__list">
|
|
2558
|
-
<li class="pf-c-menu__list-item">
|
|
2559
|
-
<a
|
|
2687
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
2688
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
2689
|
+
<a
|
|
2690
|
+
class="pf-c-menu__item"
|
|
2691
|
+
href="#"
|
|
2692
|
+
role="menuitem"
|
|
2693
|
+
>
|
|
2560
2694
|
<span class="pf-c-menu__item-main">
|
|
2561
2695
|
<span
|
|
2562
2696
|
class="pf-c-menu__item-text"
|
|
@@ -2576,10 +2710,11 @@ wrapperTag: div
|
|
|
2576
2710
|
</span>
|
|
2577
2711
|
</button>
|
|
2578
2712
|
</li>
|
|
2579
|
-
<li class="pf-c-menu__list-item">
|
|
2713
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
2580
2714
|
<a
|
|
2581
2715
|
class="pf-c-menu__item"
|
|
2582
2716
|
href="#"
|
|
2717
|
+
role="menuitem"
|
|
2583
2718
|
target="_blank"
|
|
2584
2719
|
>
|
|
2585
2720
|
<span class="pf-c-menu__item-main">
|
|
@@ -2767,255 +2902,155 @@ wrapperTag: div
|
|
|
2767
2902
|
<section class="pf-c-page__main-section pf-m-limit-width">
|
|
2768
2903
|
<div class="pf-c-page__main-body">
|
|
2769
2904
|
<div class="pf-l-gallery pf-m-gutter">
|
|
2770
|
-
<div class="pf-
|
|
2771
|
-
<div class="pf-c-
|
|
2772
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2773
|
-
</div>
|
|
2905
|
+
<div class="pf-c-card">
|
|
2906
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2774
2907
|
</div>
|
|
2775
|
-
<div class="pf-
|
|
2776
|
-
<div class="pf-c-
|
|
2777
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2778
|
-
</div>
|
|
2908
|
+
<div class="pf-c-card">
|
|
2909
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2779
2910
|
</div>
|
|
2780
|
-
<div class="pf-
|
|
2781
|
-
<div class="pf-c-
|
|
2782
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2783
|
-
</div>
|
|
2911
|
+
<div class="pf-c-card">
|
|
2912
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2784
2913
|
</div>
|
|
2785
|
-
<div class="pf-
|
|
2786
|
-
<div class="pf-c-
|
|
2787
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2788
|
-
</div>
|
|
2914
|
+
<div class="pf-c-card">
|
|
2915
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2789
2916
|
</div>
|
|
2790
|
-
<div class="pf-
|
|
2791
|
-
<div class="pf-c-
|
|
2792
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2793
|
-
</div>
|
|
2917
|
+
<div class="pf-c-card">
|
|
2918
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2794
2919
|
</div>
|
|
2795
|
-
<div class="pf-
|
|
2796
|
-
<div class="pf-c-
|
|
2797
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2798
|
-
</div>
|
|
2920
|
+
<div class="pf-c-card">
|
|
2921
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2799
2922
|
</div>
|
|
2800
|
-
<div class="pf-
|
|
2801
|
-
<div class="pf-c-
|
|
2802
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2803
|
-
</div>
|
|
2923
|
+
<div class="pf-c-card">
|
|
2924
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2804
2925
|
</div>
|
|
2805
|
-
<div class="pf-
|
|
2806
|
-
<div class="pf-c-
|
|
2807
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2808
|
-
</div>
|
|
2926
|
+
<div class="pf-c-card">
|
|
2927
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2809
2928
|
</div>
|
|
2810
|
-
<div class="pf-
|
|
2811
|
-
<div class="pf-c-
|
|
2812
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2813
|
-
</div>
|
|
2929
|
+
<div class="pf-c-card">
|
|
2930
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2814
2931
|
</div>
|
|
2815
|
-
<div class="pf-
|
|
2816
|
-
<div class="pf-c-
|
|
2817
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2818
|
-
</div>
|
|
2932
|
+
<div class="pf-c-card">
|
|
2933
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2819
2934
|
</div>
|
|
2820
|
-
<div class="pf-
|
|
2821
|
-
<div class="pf-c-
|
|
2822
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2823
|
-
</div>
|
|
2935
|
+
<div class="pf-c-card">
|
|
2936
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2824
2937
|
</div>
|
|
2825
|
-
<div class="pf-
|
|
2826
|
-
<div class="pf-c-
|
|
2827
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2828
|
-
</div>
|
|
2938
|
+
<div class="pf-c-card">
|
|
2939
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2829
2940
|
</div>
|
|
2830
|
-
<div class="pf-
|
|
2831
|
-
<div class="pf-c-
|
|
2832
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2833
|
-
</div>
|
|
2941
|
+
<div class="pf-c-card">
|
|
2942
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2834
2943
|
</div>
|
|
2835
|
-
<div class="pf-
|
|
2836
|
-
<div class="pf-c-
|
|
2837
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2838
|
-
</div>
|
|
2944
|
+
<div class="pf-c-card">
|
|
2945
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2839
2946
|
</div>
|
|
2840
|
-
<div class="pf-
|
|
2841
|
-
<div class="pf-c-
|
|
2842
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2843
|
-
</div>
|
|
2947
|
+
<div class="pf-c-card">
|
|
2948
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2844
2949
|
</div>
|
|
2845
|
-
<div class="pf-
|
|
2846
|
-
<div class="pf-c-
|
|
2847
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2848
|
-
</div>
|
|
2950
|
+
<div class="pf-c-card">
|
|
2951
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2849
2952
|
</div>
|
|
2850
|
-
<div class="pf-
|
|
2851
|
-
<div class="pf-c-
|
|
2852
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2853
|
-
</div>
|
|
2953
|
+
<div class="pf-c-card">
|
|
2954
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2854
2955
|
</div>
|
|
2855
|
-
<div class="pf-
|
|
2856
|
-
<div class="pf-c-
|
|
2857
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2858
|
-
</div>
|
|
2956
|
+
<div class="pf-c-card">
|
|
2957
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2859
2958
|
</div>
|
|
2860
|
-
<div class="pf-
|
|
2861
|
-
<div class="pf-c-
|
|
2862
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2863
|
-
</div>
|
|
2959
|
+
<div class="pf-c-card">
|
|
2960
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2864
2961
|
</div>
|
|
2865
|
-
<div class="pf-
|
|
2866
|
-
<div class="pf-c-
|
|
2867
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2868
|
-
</div>
|
|
2962
|
+
<div class="pf-c-card">
|
|
2963
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2869
2964
|
</div>
|
|
2870
|
-
<div class="pf-
|
|
2871
|
-
<div class="pf-c-
|
|
2872
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2873
|
-
</div>
|
|
2965
|
+
<div class="pf-c-card">
|
|
2966
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2874
2967
|
</div>
|
|
2875
|
-
<div class="pf-
|
|
2876
|
-
<div class="pf-c-
|
|
2877
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2878
|
-
</div>
|
|
2968
|
+
<div class="pf-c-card">
|
|
2969
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2879
2970
|
</div>
|
|
2880
|
-
<div class="pf-
|
|
2881
|
-
<div class="pf-c-
|
|
2882
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2883
|
-
</div>
|
|
2971
|
+
<div class="pf-c-card">
|
|
2972
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2884
2973
|
</div>
|
|
2885
|
-
<div class="pf-
|
|
2886
|
-
<div class="pf-c-
|
|
2887
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2888
|
-
</div>
|
|
2974
|
+
<div class="pf-c-card">
|
|
2975
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2889
2976
|
</div>
|
|
2890
|
-
<div class="pf-
|
|
2891
|
-
<div class="pf-c-
|
|
2892
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2893
|
-
</div>
|
|
2977
|
+
<div class="pf-c-card">
|
|
2978
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2894
2979
|
</div>
|
|
2895
|
-
<div class="pf-
|
|
2896
|
-
<div class="pf-c-
|
|
2897
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2898
|
-
</div>
|
|
2980
|
+
<div class="pf-c-card">
|
|
2981
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2899
2982
|
</div>
|
|
2900
|
-
<div class="pf-
|
|
2901
|
-
<div class="pf-c-
|
|
2902
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2903
|
-
</div>
|
|
2983
|
+
<div class="pf-c-card">
|
|
2984
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2904
2985
|
</div>
|
|
2905
|
-
<div class="pf-
|
|
2906
|
-
<div class="pf-c-
|
|
2907
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2908
|
-
</div>
|
|
2986
|
+
<div class="pf-c-card">
|
|
2987
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2909
2988
|
</div>
|
|
2910
|
-
<div class="pf-
|
|
2911
|
-
<div class="pf-c-
|
|
2912
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2913
|
-
</div>
|
|
2989
|
+
<div class="pf-c-card">
|
|
2990
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2914
2991
|
</div>
|
|
2915
|
-
<div class="pf-
|
|
2916
|
-
<div class="pf-c-
|
|
2917
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2918
|
-
</div>
|
|
2992
|
+
<div class="pf-c-card">
|
|
2993
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2919
2994
|
</div>
|
|
2920
|
-
<div class="pf-
|
|
2921
|
-
<div class="pf-c-
|
|
2922
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2923
|
-
</div>
|
|
2995
|
+
<div class="pf-c-card">
|
|
2996
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2924
2997
|
</div>
|
|
2925
|
-
<div class="pf-
|
|
2926
|
-
<div class="pf-c-
|
|
2927
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2928
|
-
</div>
|
|
2998
|
+
<div class="pf-c-card">
|
|
2999
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2929
3000
|
</div>
|
|
2930
|
-
<div class="pf-
|
|
2931
|
-
<div class="pf-c-
|
|
2932
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2933
|
-
</div>
|
|
3001
|
+
<div class="pf-c-card">
|
|
3002
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2934
3003
|
</div>
|
|
2935
|
-
<div class="pf-
|
|
2936
|
-
<div class="pf-c-
|
|
2937
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2938
|
-
</div>
|
|
3004
|
+
<div class="pf-c-card">
|
|
3005
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2939
3006
|
</div>
|
|
2940
|
-
<div class="pf-
|
|
2941
|
-
<div class="pf-c-
|
|
2942
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2943
|
-
</div>
|
|
3007
|
+
<div class="pf-c-card">
|
|
3008
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2944
3009
|
</div>
|
|
2945
|
-
<div class="pf-
|
|
2946
|
-
<div class="pf-c-
|
|
2947
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2948
|
-
</div>
|
|
3010
|
+
<div class="pf-c-card">
|
|
3011
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2949
3012
|
</div>
|
|
2950
|
-
<div class="pf-
|
|
2951
|
-
<div class="pf-c-
|
|
2952
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2953
|
-
</div>
|
|
3013
|
+
<div class="pf-c-card">
|
|
3014
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2954
3015
|
</div>
|
|
2955
|
-
<div class="pf-
|
|
2956
|
-
<div class="pf-c-
|
|
2957
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2958
|
-
</div>
|
|
3016
|
+
<div class="pf-c-card">
|
|
3017
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2959
3018
|
</div>
|
|
2960
|
-
<div class="pf-
|
|
2961
|
-
<div class="pf-c-
|
|
2962
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2963
|
-
</div>
|
|
3019
|
+
<div class="pf-c-card">
|
|
3020
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2964
3021
|
</div>
|
|
2965
|
-
<div class="pf-
|
|
2966
|
-
<div class="pf-c-
|
|
2967
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2968
|
-
</div>
|
|
3022
|
+
<div class="pf-c-card">
|
|
3023
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2969
3024
|
</div>
|
|
2970
|
-
<div class="pf-
|
|
2971
|
-
<div class="pf-c-
|
|
2972
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2973
|
-
</div>
|
|
3025
|
+
<div class="pf-c-card">
|
|
3026
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2974
3027
|
</div>
|
|
2975
|
-
<div class="pf-
|
|
2976
|
-
<div class="pf-c-
|
|
2977
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2978
|
-
</div>
|
|
3028
|
+
<div class="pf-c-card">
|
|
3029
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2979
3030
|
</div>
|
|
2980
|
-
<div class="pf-
|
|
2981
|
-
<div class="pf-c-
|
|
2982
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2983
|
-
</div>
|
|
3031
|
+
<div class="pf-c-card">
|
|
3032
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2984
3033
|
</div>
|
|
2985
|
-
<div class="pf-
|
|
2986
|
-
<div class="pf-c-
|
|
2987
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2988
|
-
</div>
|
|
3034
|
+
<div class="pf-c-card">
|
|
3035
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2989
3036
|
</div>
|
|
2990
|
-
<div class="pf-
|
|
2991
|
-
<div class="pf-c-
|
|
2992
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2993
|
-
</div>
|
|
3037
|
+
<div class="pf-c-card">
|
|
3038
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2994
3039
|
</div>
|
|
2995
|
-
<div class="pf-
|
|
2996
|
-
<div class="pf-c-
|
|
2997
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
2998
|
-
</div>
|
|
3040
|
+
<div class="pf-c-card">
|
|
3041
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
2999
3042
|
</div>
|
|
3000
|
-
<div class="pf-
|
|
3001
|
-
<div class="pf-c-
|
|
3002
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3003
|
-
</div>
|
|
3043
|
+
<div class="pf-c-card">
|
|
3044
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3004
3045
|
</div>
|
|
3005
|
-
<div class="pf-
|
|
3006
|
-
<div class="pf-c-
|
|
3007
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3008
|
-
</div>
|
|
3046
|
+
<div class="pf-c-card">
|
|
3047
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3009
3048
|
</div>
|
|
3010
|
-
<div class="pf-
|
|
3011
|
-
<div class="pf-c-
|
|
3012
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3013
|
-
</div>
|
|
3049
|
+
<div class="pf-c-card">
|
|
3050
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3014
3051
|
</div>
|
|
3015
|
-
<div class="pf-
|
|
3016
|
-
<div class="pf-c-
|
|
3017
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3018
|
-
</div>
|
|
3052
|
+
<div class="pf-c-card">
|
|
3053
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3019
3054
|
</div>
|
|
3020
3055
|
</div>
|
|
3021
3056
|
</div>
|
|
@@ -3109,14 +3144,24 @@ wrapperTag: div
|
|
|
3109
3144
|
hidden
|
|
3110
3145
|
>
|
|
3111
3146
|
<div class="pf-c-app-launcher__menu-search">
|
|
3112
|
-
<input
|
|
3113
|
-
class="pf-c-
|
|
3114
|
-
|
|
3115
|
-
|
|
3116
|
-
|
|
3117
|
-
|
|
3118
|
-
|
|
3119
|
-
|
|
3147
|
+
<div class="pf-c-search-input">
|
|
3148
|
+
<div class="pf-c-search-input__bar">
|
|
3149
|
+
<span class="pf-c-search-input__text">
|
|
3150
|
+
<span class="pf-c-search-input__icon">
|
|
3151
|
+
<i
|
|
3152
|
+
class="fas fa-search fa-fw"
|
|
3153
|
+
aria-hidden="true"
|
|
3154
|
+
></i>
|
|
3155
|
+
</span>
|
|
3156
|
+
<input
|
|
3157
|
+
class="pf-c-search-input__text-input"
|
|
3158
|
+
type="text"
|
|
3159
|
+
placeholder="Filter by name"
|
|
3160
|
+
aria-label="Filter by name"
|
|
3161
|
+
/>
|
|
3162
|
+
</span>
|
|
3163
|
+
</div>
|
|
3164
|
+
</div>
|
|
3120
3165
|
</div>
|
|
3121
3166
|
<section class="pf-c-app-launcher__group">
|
|
3122
3167
|
<h1 class="pf-c-app-launcher__group-title">Favorites</h1>
|
|
@@ -3306,12 +3351,16 @@ wrapperTag: div
|
|
|
3306
3351
|
<div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
|
|
3307
3352
|
<div class="pf-c-menu__content">
|
|
3308
3353
|
<section class="pf-c-menu__group pf-m-hidden-on-sm">
|
|
3309
|
-
<ul class="pf-c-menu__list">
|
|
3310
|
-
<li
|
|
3354
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
3355
|
+
<li
|
|
3356
|
+
class="pf-c-menu__list-item pf-m-disabled"
|
|
3357
|
+
role="none"
|
|
3358
|
+
>
|
|
3311
3359
|
<button
|
|
3312
3360
|
class="pf-c-menu__item"
|
|
3313
3361
|
type="button"
|
|
3314
3362
|
disabled
|
|
3363
|
+
role="menuitem"
|
|
3315
3364
|
>
|
|
3316
3365
|
<span class="pf-c-menu__item-description">
|
|
3317
3366
|
<div class="pf-u-font-size-sm">Username:</div>
|
|
@@ -3321,11 +3370,15 @@ wrapperTag: div
|
|
|
3321
3370
|
</span>
|
|
3322
3371
|
</button>
|
|
3323
3372
|
</li>
|
|
3324
|
-
<li
|
|
3373
|
+
<li
|
|
3374
|
+
class="pf-c-menu__list-item pf-m-disabled"
|
|
3375
|
+
role="none"
|
|
3376
|
+
>
|
|
3325
3377
|
<button
|
|
3326
3378
|
class="pf-c-menu__item"
|
|
3327
3379
|
type="button"
|
|
3328
3380
|
disabled
|
|
3381
|
+
role="menuitem"
|
|
3329
3382
|
>
|
|
3330
3383
|
<span class="pf-c-menu__item-description">
|
|
3331
3384
|
<div class="pf-u-font-size-sm">Account number:</div>
|
|
@@ -3334,15 +3387,23 @@ wrapperTag: div
|
|
|
3334
3387
|
</button>
|
|
3335
3388
|
</li>
|
|
3336
3389
|
<li class="pf-c-divider" role="separator"></li>
|
|
3337
|
-
<li class="pf-c-menu__list-item">
|
|
3338
|
-
<button
|
|
3390
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
3391
|
+
<button
|
|
3392
|
+
class="pf-c-menu__item"
|
|
3393
|
+
type="button"
|
|
3394
|
+
role="menuitem"
|
|
3395
|
+
>
|
|
3339
3396
|
<span class="pf-c-menu__item-main">
|
|
3340
3397
|
<span class="pf-c-menu__item-text">My profile</span>
|
|
3341
3398
|
</span>
|
|
3342
3399
|
</button>
|
|
3343
3400
|
</li>
|
|
3344
|
-
<li class="pf-c-menu__list-item">
|
|
3345
|
-
<button
|
|
3401
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
3402
|
+
<button
|
|
3403
|
+
class="pf-c-menu__item"
|
|
3404
|
+
type="button"
|
|
3405
|
+
role="menuitem"
|
|
3406
|
+
>
|
|
3346
3407
|
<span class="pf-c-menu__item-main">
|
|
3347
3408
|
<span
|
|
3348
3409
|
class="pf-c-menu__item-text"
|
|
@@ -3350,8 +3411,12 @@ wrapperTag: div
|
|
|
3350
3411
|
</span>
|
|
3351
3412
|
</button>
|
|
3352
3413
|
</li>
|
|
3353
|
-
<li class="pf-c-menu__list-item">
|
|
3354
|
-
<button
|
|
3414
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
3415
|
+
<button
|
|
3416
|
+
class="pf-c-menu__item"
|
|
3417
|
+
type="button"
|
|
3418
|
+
role="menuitem"
|
|
3419
|
+
>
|
|
3355
3420
|
<span class="pf-c-menu__item-main">
|
|
3356
3421
|
<span class="pf-c-menu__item-text">Logout</span>
|
|
3357
3422
|
</span>
|
|
@@ -3361,11 +3426,12 @@ wrapperTag: div
|
|
|
3361
3426
|
</section>
|
|
3362
3427
|
<hr class="pf-c-divider pf-m-hidden-on-sm" />
|
|
3363
3428
|
<section class="pf-c-menu__group">
|
|
3364
|
-
<ul class="pf-c-menu__list">
|
|
3365
|
-
<li class="pf-c-menu__list-item">
|
|
3429
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
3430
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
3366
3431
|
<button
|
|
3367
3432
|
class="pf-c-menu__item"
|
|
3368
3433
|
type="button"
|
|
3434
|
+
role="menuitem"
|
|
3369
3435
|
aria-expanded="false"
|
|
3370
3436
|
>
|
|
3371
3437
|
<span class="pf-c-menu__item-main">
|
|
@@ -3383,13 +3449,15 @@ wrapperTag: div
|
|
|
3383
3449
|
</button>
|
|
3384
3450
|
<div class="pf-c-menu" hidden>
|
|
3385
3451
|
<div class="pf-c-menu__content">
|
|
3386
|
-
<ul class="pf-c-menu__list">
|
|
3452
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
3387
3453
|
<li
|
|
3388
3454
|
class="pf-c-menu__list-item pf-m-drill-up"
|
|
3455
|
+
role="none"
|
|
3389
3456
|
>
|
|
3390
3457
|
<button
|
|
3391
3458
|
class="pf-c-menu__item"
|
|
3392
3459
|
type="button"
|
|
3460
|
+
role="menuitem"
|
|
3393
3461
|
>
|
|
3394
3462
|
<span class="pf-c-menu__item-main">
|
|
3395
3463
|
<span
|
|
@@ -3410,8 +3478,12 @@ wrapperTag: div
|
|
|
3410
3478
|
</button>
|
|
3411
3479
|
</li>
|
|
3412
3480
|
<li class="pf-c-divider" role="separator"></li>
|
|
3413
|
-
<li class="pf-c-menu__list-item">
|
|
3414
|
-
<a
|
|
3481
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
3482
|
+
<a
|
|
3483
|
+
class="pf-c-menu__item"
|
|
3484
|
+
href="#"
|
|
3485
|
+
role="menuitem"
|
|
3486
|
+
>
|
|
3415
3487
|
<span class="pf-c-menu__item-main">
|
|
3416
3488
|
<span
|
|
3417
3489
|
class="pf-c-menu__item-text"
|
|
@@ -3419,8 +3491,12 @@ wrapperTag: div
|
|
|
3419
3491
|
</span>
|
|
3420
3492
|
</a>
|
|
3421
3493
|
</li>
|
|
3422
|
-
<li class="pf-c-menu__list-item">
|
|
3423
|
-
<a
|
|
3494
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
3495
|
+
<a
|
|
3496
|
+
class="pf-c-menu__item"
|
|
3497
|
+
href="#"
|
|
3498
|
+
role="menuitem"
|
|
3499
|
+
>
|
|
3424
3500
|
<span class="pf-c-menu__item-main">
|
|
3425
3501
|
<span class="pf-c-menu__item-text">About</span>
|
|
3426
3502
|
</span>
|
|
@@ -3431,10 +3507,11 @@ wrapperTag: div
|
|
|
3431
3507
|
</div>
|
|
3432
3508
|
</li>
|
|
3433
3509
|
|
|
3434
|
-
<li class="pf-c-menu__list-item">
|
|
3510
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
3435
3511
|
<button
|
|
3436
3512
|
class="pf-c-menu__item"
|
|
3437
3513
|
type="button"
|
|
3514
|
+
role="menuitem"
|
|
3438
3515
|
aria-expanded="false"
|
|
3439
3516
|
>
|
|
3440
3517
|
<span class="pf-c-menu__item-main">
|
|
@@ -3452,13 +3529,15 @@ wrapperTag: div
|
|
|
3452
3529
|
</button>
|
|
3453
3530
|
<div class="pf-c-menu" hidden>
|
|
3454
3531
|
<div class="pf-c-menu__content">
|
|
3455
|
-
<ul class="pf-c-menu__list">
|
|
3532
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
3456
3533
|
<li
|
|
3457
3534
|
class="pf-c-menu__list-item pf-m-drill-up"
|
|
3535
|
+
role="none"
|
|
3458
3536
|
>
|
|
3459
3537
|
<button
|
|
3460
3538
|
class="pf-c-menu__item"
|
|
3461
3539
|
type="button"
|
|
3540
|
+
role="menuitem"
|
|
3462
3541
|
>
|
|
3463
3542
|
<span class="pf-c-menu__item-main">
|
|
3464
3543
|
<span
|
|
@@ -3477,8 +3556,12 @@ wrapperTag: div
|
|
|
3477
3556
|
</button>
|
|
3478
3557
|
</li>
|
|
3479
3558
|
<li class="pf-c-divider" role="separator"></li>
|
|
3480
|
-
<li class="pf-c-menu__list-item">
|
|
3481
|
-
<a
|
|
3559
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
3560
|
+
<a
|
|
3561
|
+
class="pf-c-menu__item"
|
|
3562
|
+
href="#"
|
|
3563
|
+
role="menuitem"
|
|
3564
|
+
>
|
|
3482
3565
|
<span class="pf-c-menu__item-main">
|
|
3483
3566
|
<span
|
|
3484
3567
|
class="pf-c-menu__item-text"
|
|
@@ -3486,8 +3569,12 @@ wrapperTag: div
|
|
|
3486
3569
|
</span>
|
|
3487
3570
|
</a>
|
|
3488
3571
|
</li>
|
|
3489
|
-
<li class="pf-c-menu__list-item">
|
|
3490
|
-
<a
|
|
3572
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
3573
|
+
<a
|
|
3574
|
+
class="pf-c-menu__item"
|
|
3575
|
+
href="#"
|
|
3576
|
+
role="menuitem"
|
|
3577
|
+
>
|
|
3491
3578
|
<span class="pf-c-menu__item-main">
|
|
3492
3579
|
<span
|
|
3493
3580
|
class="pf-c-menu__item-text"
|
|
@@ -3495,8 +3582,12 @@ wrapperTag: div
|
|
|
3495
3582
|
</span>
|
|
3496
3583
|
</a>
|
|
3497
3584
|
</li>
|
|
3498
|
-
<li class="pf-c-menu__list-item">
|
|
3499
|
-
<a
|
|
3585
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
3586
|
+
<a
|
|
3587
|
+
class="pf-c-menu__item"
|
|
3588
|
+
href="#"
|
|
3589
|
+
role="menuitem"
|
|
3590
|
+
>
|
|
3500
3591
|
<span class="pf-c-menu__item-main">
|
|
3501
3592
|
<span
|
|
3502
3593
|
class="pf-c-menu__item-text"
|
|
@@ -3509,8 +3600,12 @@ wrapperTag: div
|
|
|
3509
3600
|
</div>
|
|
3510
3601
|
</li>
|
|
3511
3602
|
|
|
3512
|
-
<li class="pf-c-menu__list-item">
|
|
3513
|
-
<button
|
|
3603
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
3604
|
+
<button
|
|
3605
|
+
class="pf-c-menu__item"
|
|
3606
|
+
type="button"
|
|
3607
|
+
role="menuitem"
|
|
3608
|
+
>
|
|
3514
3609
|
<span class="pf-c-menu__item-main">
|
|
3515
3610
|
<span class="pf-c-menu__item-icon">
|
|
3516
3611
|
<i class="fas fa-fw fa-th" aria-hidden="true"></i>
|
|
@@ -3525,7 +3620,11 @@ wrapperTag: div
|
|
|
3525
3620
|
</button>
|
|
3526
3621
|
<div class="pf-c-menu" hidden>
|
|
3527
3622
|
<div class="pf-c-menu__header">
|
|
3528
|
-
<button
|
|
3623
|
+
<button
|
|
3624
|
+
class="pf-c-menu__item"
|
|
3625
|
+
type="button"
|
|
3626
|
+
role="menuitem"
|
|
3627
|
+
>
|
|
3529
3628
|
<span class="pf-c-menu__item-main">
|
|
3530
3629
|
<span class="pf-c-menu__item-toggle-icon">
|
|
3531
3630
|
<i class="fas fa-angle-left"></i>
|
|
@@ -3544,21 +3643,36 @@ wrapperTag: div
|
|
|
3544
3643
|
</div>
|
|
3545
3644
|
<div class="pf-c-menu__search">
|
|
3546
3645
|
<div class="pf-c-menu__search-input">
|
|
3547
|
-
<input
|
|
3548
|
-
class="pf-c-
|
|
3549
|
-
|
|
3550
|
-
|
|
3551
|
-
|
|
3552
|
-
|
|
3553
|
-
|
|
3646
|
+
<div class="pf-c-search-input">
|
|
3647
|
+
<div class="pf-c-search-input__bar">
|
|
3648
|
+
<span class="pf-c-search-input__text">
|
|
3649
|
+
<span class="pf-c-search-input__icon">
|
|
3650
|
+
<i
|
|
3651
|
+
class="fas fa-search fa-fw"
|
|
3652
|
+
aria-hidden="true"
|
|
3653
|
+
></i>
|
|
3654
|
+
</span>
|
|
3655
|
+
<input
|
|
3656
|
+
class="pf-c-search-input__text-input"
|
|
3657
|
+
type="text"
|
|
3658
|
+
placeholder="Search"
|
|
3659
|
+
aria-label="Search"
|
|
3660
|
+
/>
|
|
3661
|
+
</span>
|
|
3662
|
+
</div>
|
|
3663
|
+
</div>
|
|
3554
3664
|
</div>
|
|
3555
3665
|
</div>
|
|
3556
3666
|
<hr class="pf-c-divider" />
|
|
3557
3667
|
<section class="pf-c-menu__group">
|
|
3558
3668
|
<h1 class="pf-c-menu__group-title">Favorites</h1>
|
|
3559
|
-
<ul class="pf-c-menu__list">
|
|
3560
|
-
<li class="pf-c-menu__list-item">
|
|
3561
|
-
<a
|
|
3669
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
3670
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
3671
|
+
<a
|
|
3672
|
+
class="pf-c-menu__item"
|
|
3673
|
+
href="#"
|
|
3674
|
+
role="menuitem"
|
|
3675
|
+
>
|
|
3562
3676
|
<span class="pf-c-menu__item-main">
|
|
3563
3677
|
<span
|
|
3564
3678
|
class="pf-c-menu__item-text"
|
|
@@ -3578,10 +3692,11 @@ wrapperTag: div
|
|
|
3578
3692
|
</span>
|
|
3579
3693
|
</button>
|
|
3580
3694
|
</li>
|
|
3581
|
-
<li class="pf-c-menu__list-item">
|
|
3695
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
3582
3696
|
<a
|
|
3583
3697
|
class="pf-c-menu__item"
|
|
3584
3698
|
href="#"
|
|
3699
|
+
role="menuitem"
|
|
3585
3700
|
target="_blank"
|
|
3586
3701
|
>
|
|
3587
3702
|
<span class="pf-c-menu__item-main">
|
|
@@ -3619,9 +3734,13 @@ wrapperTag: div
|
|
|
3619
3734
|
<hr class="pf-c-divider" />
|
|
3620
3735
|
<section class="pf-c-menu__group">
|
|
3621
3736
|
<h1 class="pf-c-menu__group-title">Group 1</h1>
|
|
3622
|
-
<ul class="pf-c-menu__list">
|
|
3623
|
-
<li class="pf-c-menu__list-item">
|
|
3624
|
-
<a
|
|
3737
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
3738
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
3739
|
+
<a
|
|
3740
|
+
class="pf-c-menu__item"
|
|
3741
|
+
href="#"
|
|
3742
|
+
role="menuitem"
|
|
3743
|
+
>
|
|
3625
3744
|
<span class="pf-c-menu__item-main">
|
|
3626
3745
|
<span
|
|
3627
3746
|
class="pf-c-menu__item-text"
|
|
@@ -3641,10 +3760,11 @@ wrapperTag: div
|
|
|
3641
3760
|
</span>
|
|
3642
3761
|
</button>
|
|
3643
3762
|
</li>
|
|
3644
|
-
<li class="pf-c-menu__list-item">
|
|
3763
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
3645
3764
|
<a
|
|
3646
3765
|
class="pf-c-menu__item"
|
|
3647
3766
|
href="#"
|
|
3767
|
+
role="menuitem"
|
|
3648
3768
|
target="_blank"
|
|
3649
3769
|
>
|
|
3650
3770
|
<span class="pf-c-menu__item-main">
|
|
@@ -3832,255 +3952,155 @@ wrapperTag: div
|
|
|
3832
3952
|
<section class="pf-c-page__main-section pf-m-limit-width">
|
|
3833
3953
|
<div class="pf-c-page__main-body">
|
|
3834
3954
|
<div class="pf-l-gallery pf-m-gutter">
|
|
3835
|
-
<div class="pf-
|
|
3836
|
-
<div class="pf-c-
|
|
3837
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3838
|
-
</div>
|
|
3955
|
+
<div class="pf-c-card">
|
|
3956
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3839
3957
|
</div>
|
|
3840
|
-
<div class="pf-
|
|
3841
|
-
<div class="pf-c-
|
|
3842
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3843
|
-
</div>
|
|
3958
|
+
<div class="pf-c-card">
|
|
3959
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3844
3960
|
</div>
|
|
3845
|
-
<div class="pf-
|
|
3846
|
-
<div class="pf-c-
|
|
3847
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3848
|
-
</div>
|
|
3961
|
+
<div class="pf-c-card">
|
|
3962
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3849
3963
|
</div>
|
|
3850
|
-
<div class="pf-
|
|
3851
|
-
<div class="pf-c-
|
|
3852
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3853
|
-
</div>
|
|
3964
|
+
<div class="pf-c-card">
|
|
3965
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3854
3966
|
</div>
|
|
3855
|
-
<div class="pf-
|
|
3856
|
-
<div class="pf-c-
|
|
3857
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3858
|
-
</div>
|
|
3967
|
+
<div class="pf-c-card">
|
|
3968
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3859
3969
|
</div>
|
|
3860
|
-
<div class="pf-
|
|
3861
|
-
<div class="pf-c-
|
|
3862
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3863
|
-
</div>
|
|
3970
|
+
<div class="pf-c-card">
|
|
3971
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3864
3972
|
</div>
|
|
3865
|
-
<div class="pf-
|
|
3866
|
-
<div class="pf-c-
|
|
3867
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3868
|
-
</div>
|
|
3973
|
+
<div class="pf-c-card">
|
|
3974
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3869
3975
|
</div>
|
|
3870
|
-
<div class="pf-
|
|
3871
|
-
<div class="pf-c-
|
|
3872
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3873
|
-
</div>
|
|
3976
|
+
<div class="pf-c-card">
|
|
3977
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3874
3978
|
</div>
|
|
3875
|
-
<div class="pf-
|
|
3876
|
-
<div class="pf-c-
|
|
3877
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3878
|
-
</div>
|
|
3979
|
+
<div class="pf-c-card">
|
|
3980
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3879
3981
|
</div>
|
|
3880
|
-
<div class="pf-
|
|
3881
|
-
<div class="pf-c-
|
|
3882
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3883
|
-
</div>
|
|
3982
|
+
<div class="pf-c-card">
|
|
3983
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3884
3984
|
</div>
|
|
3885
|
-
<div class="pf-
|
|
3886
|
-
<div class="pf-c-
|
|
3887
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3888
|
-
</div>
|
|
3985
|
+
<div class="pf-c-card">
|
|
3986
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3889
3987
|
</div>
|
|
3890
|
-
<div class="pf-
|
|
3891
|
-
<div class="pf-c-
|
|
3892
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3893
|
-
</div>
|
|
3988
|
+
<div class="pf-c-card">
|
|
3989
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3894
3990
|
</div>
|
|
3895
|
-
<div class="pf-
|
|
3896
|
-
<div class="pf-c-
|
|
3897
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3898
|
-
</div>
|
|
3991
|
+
<div class="pf-c-card">
|
|
3992
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3899
3993
|
</div>
|
|
3900
|
-
<div class="pf-
|
|
3901
|
-
<div class="pf-c-
|
|
3902
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3903
|
-
</div>
|
|
3994
|
+
<div class="pf-c-card">
|
|
3995
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3904
3996
|
</div>
|
|
3905
|
-
<div class="pf-
|
|
3906
|
-
<div class="pf-c-
|
|
3907
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3908
|
-
</div>
|
|
3997
|
+
<div class="pf-c-card">
|
|
3998
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3909
3999
|
</div>
|
|
3910
|
-
<div class="pf-
|
|
3911
|
-
<div class="pf-c-
|
|
3912
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3913
|
-
</div>
|
|
4000
|
+
<div class="pf-c-card">
|
|
4001
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3914
4002
|
</div>
|
|
3915
|
-
<div class="pf-
|
|
3916
|
-
<div class="pf-c-
|
|
3917
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3918
|
-
</div>
|
|
4003
|
+
<div class="pf-c-card">
|
|
4004
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3919
4005
|
</div>
|
|
3920
|
-
<div class="pf-
|
|
3921
|
-
<div class="pf-c-
|
|
3922
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3923
|
-
</div>
|
|
4006
|
+
<div class="pf-c-card">
|
|
4007
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3924
4008
|
</div>
|
|
3925
|
-
<div class="pf-
|
|
3926
|
-
<div class="pf-c-
|
|
3927
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3928
|
-
</div>
|
|
4009
|
+
<div class="pf-c-card">
|
|
4010
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3929
4011
|
</div>
|
|
3930
|
-
<div class="pf-
|
|
3931
|
-
<div class="pf-c-
|
|
3932
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3933
|
-
</div>
|
|
4012
|
+
<div class="pf-c-card">
|
|
4013
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3934
4014
|
</div>
|
|
3935
|
-
<div class="pf-
|
|
3936
|
-
<div class="pf-c-
|
|
3937
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3938
|
-
</div>
|
|
4015
|
+
<div class="pf-c-card">
|
|
4016
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3939
4017
|
</div>
|
|
3940
|
-
<div class="pf-
|
|
3941
|
-
<div class="pf-c-
|
|
3942
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3943
|
-
</div>
|
|
4018
|
+
<div class="pf-c-card">
|
|
4019
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3944
4020
|
</div>
|
|
3945
|
-
<div class="pf-
|
|
3946
|
-
<div class="pf-c-
|
|
3947
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3948
|
-
</div>
|
|
4021
|
+
<div class="pf-c-card">
|
|
4022
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3949
4023
|
</div>
|
|
3950
|
-
<div class="pf-
|
|
3951
|
-
<div class="pf-c-
|
|
3952
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3953
|
-
</div>
|
|
4024
|
+
<div class="pf-c-card">
|
|
4025
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3954
4026
|
</div>
|
|
3955
|
-
<div class="pf-
|
|
3956
|
-
<div class="pf-c-
|
|
3957
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3958
|
-
</div>
|
|
4027
|
+
<div class="pf-c-card">
|
|
4028
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3959
4029
|
</div>
|
|
3960
|
-
<div class="pf-
|
|
3961
|
-
<div class="pf-c-
|
|
3962
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3963
|
-
</div>
|
|
4030
|
+
<div class="pf-c-card">
|
|
4031
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3964
4032
|
</div>
|
|
3965
|
-
<div class="pf-
|
|
3966
|
-
<div class="pf-c-
|
|
3967
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3968
|
-
</div>
|
|
4033
|
+
<div class="pf-c-card">
|
|
4034
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3969
4035
|
</div>
|
|
3970
|
-
<div class="pf-
|
|
3971
|
-
<div class="pf-c-
|
|
3972
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3973
|
-
</div>
|
|
4036
|
+
<div class="pf-c-card">
|
|
4037
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3974
4038
|
</div>
|
|
3975
|
-
<div class="pf-
|
|
3976
|
-
<div class="pf-c-
|
|
3977
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3978
|
-
</div>
|
|
4039
|
+
<div class="pf-c-card">
|
|
4040
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3979
4041
|
</div>
|
|
3980
|
-
<div class="pf-
|
|
3981
|
-
<div class="pf-c-
|
|
3982
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3983
|
-
</div>
|
|
4042
|
+
<div class="pf-c-card">
|
|
4043
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3984
4044
|
</div>
|
|
3985
|
-
<div class="pf-
|
|
3986
|
-
<div class="pf-c-
|
|
3987
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3988
|
-
</div>
|
|
4045
|
+
<div class="pf-c-card">
|
|
4046
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3989
4047
|
</div>
|
|
3990
|
-
<div class="pf-
|
|
3991
|
-
<div class="pf-c-
|
|
3992
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3993
|
-
</div>
|
|
4048
|
+
<div class="pf-c-card">
|
|
4049
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3994
4050
|
</div>
|
|
3995
|
-
<div class="pf-
|
|
3996
|
-
<div class="pf-c-
|
|
3997
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
3998
|
-
</div>
|
|
4051
|
+
<div class="pf-c-card">
|
|
4052
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
3999
4053
|
</div>
|
|
4000
|
-
<div class="pf-
|
|
4001
|
-
<div class="pf-c-
|
|
4002
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4003
|
-
</div>
|
|
4054
|
+
<div class="pf-c-card">
|
|
4055
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4004
4056
|
</div>
|
|
4005
|
-
<div class="pf-
|
|
4006
|
-
<div class="pf-c-
|
|
4007
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4008
|
-
</div>
|
|
4057
|
+
<div class="pf-c-card">
|
|
4058
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4009
4059
|
</div>
|
|
4010
|
-
<div class="pf-
|
|
4011
|
-
<div class="pf-c-
|
|
4012
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4013
|
-
</div>
|
|
4060
|
+
<div class="pf-c-card">
|
|
4061
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4014
4062
|
</div>
|
|
4015
|
-
<div class="pf-
|
|
4016
|
-
<div class="pf-c-
|
|
4017
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4018
|
-
</div>
|
|
4063
|
+
<div class="pf-c-card">
|
|
4064
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4019
4065
|
</div>
|
|
4020
|
-
<div class="pf-
|
|
4021
|
-
<div class="pf-c-
|
|
4022
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4023
|
-
</div>
|
|
4066
|
+
<div class="pf-c-card">
|
|
4067
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4024
4068
|
</div>
|
|
4025
|
-
<div class="pf-
|
|
4026
|
-
<div class="pf-c-
|
|
4027
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4028
|
-
</div>
|
|
4069
|
+
<div class="pf-c-card">
|
|
4070
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4029
4071
|
</div>
|
|
4030
|
-
<div class="pf-
|
|
4031
|
-
<div class="pf-c-
|
|
4032
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4033
|
-
</div>
|
|
4072
|
+
<div class="pf-c-card">
|
|
4073
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4034
4074
|
</div>
|
|
4035
|
-
<div class="pf-
|
|
4036
|
-
<div class="pf-c-
|
|
4037
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4038
|
-
</div>
|
|
4075
|
+
<div class="pf-c-card">
|
|
4076
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4039
4077
|
</div>
|
|
4040
|
-
<div class="pf-
|
|
4041
|
-
<div class="pf-c-
|
|
4042
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4043
|
-
</div>
|
|
4078
|
+
<div class="pf-c-card">
|
|
4079
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4044
4080
|
</div>
|
|
4045
|
-
<div class="pf-
|
|
4046
|
-
<div class="pf-c-
|
|
4047
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4048
|
-
</div>
|
|
4081
|
+
<div class="pf-c-card">
|
|
4082
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4049
4083
|
</div>
|
|
4050
|
-
<div class="pf-
|
|
4051
|
-
<div class="pf-c-
|
|
4052
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4053
|
-
</div>
|
|
4084
|
+
<div class="pf-c-card">
|
|
4085
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4054
4086
|
</div>
|
|
4055
|
-
<div class="pf-
|
|
4056
|
-
<div class="pf-c-
|
|
4057
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4058
|
-
</div>
|
|
4087
|
+
<div class="pf-c-card">
|
|
4088
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4059
4089
|
</div>
|
|
4060
|
-
<div class="pf-
|
|
4061
|
-
<div class="pf-c-
|
|
4062
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4063
|
-
</div>
|
|
4090
|
+
<div class="pf-c-card">
|
|
4091
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4064
4092
|
</div>
|
|
4065
|
-
<div class="pf-
|
|
4066
|
-
<div class="pf-c-
|
|
4067
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4068
|
-
</div>
|
|
4093
|
+
<div class="pf-c-card">
|
|
4094
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4069
4095
|
</div>
|
|
4070
|
-
<div class="pf-
|
|
4071
|
-
<div class="pf-c-
|
|
4072
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4073
|
-
</div>
|
|
4096
|
+
<div class="pf-c-card">
|
|
4097
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4074
4098
|
</div>
|
|
4075
|
-
<div class="pf-
|
|
4076
|
-
<div class="pf-c-
|
|
4077
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4078
|
-
</div>
|
|
4099
|
+
<div class="pf-c-card">
|
|
4100
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4079
4101
|
</div>
|
|
4080
|
-
<div class="pf-
|
|
4081
|
-
<div class="pf-c-
|
|
4082
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4083
|
-
</div>
|
|
4102
|
+
<div class="pf-c-card">
|
|
4103
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4084
4104
|
</div>
|
|
4085
4105
|
</div>
|
|
4086
4106
|
</div>
|
|
@@ -4171,14 +4191,24 @@ wrapperTag: div
|
|
|
4171
4191
|
hidden
|
|
4172
4192
|
>
|
|
4173
4193
|
<div class="pf-c-app-launcher__menu-search">
|
|
4174
|
-
<input
|
|
4175
|
-
class="pf-c-
|
|
4176
|
-
|
|
4177
|
-
|
|
4178
|
-
|
|
4179
|
-
|
|
4180
|
-
|
|
4181
|
-
|
|
4194
|
+
<div class="pf-c-search-input">
|
|
4195
|
+
<div class="pf-c-search-input__bar">
|
|
4196
|
+
<span class="pf-c-search-input__text">
|
|
4197
|
+
<span class="pf-c-search-input__icon">
|
|
4198
|
+
<i
|
|
4199
|
+
class="fas fa-search fa-fw"
|
|
4200
|
+
aria-hidden="true"
|
|
4201
|
+
></i>
|
|
4202
|
+
</span>
|
|
4203
|
+
<input
|
|
4204
|
+
class="pf-c-search-input__text-input"
|
|
4205
|
+
type="text"
|
|
4206
|
+
placeholder="Filter by name"
|
|
4207
|
+
aria-label="Filter by name"
|
|
4208
|
+
/>
|
|
4209
|
+
</span>
|
|
4210
|
+
</div>
|
|
4211
|
+
</div>
|
|
4182
4212
|
</div>
|
|
4183
4213
|
<section class="pf-c-app-launcher__group">
|
|
4184
4214
|
<h1 class="pf-c-app-launcher__group-title">Favorites</h1>
|
|
@@ -4368,12 +4398,16 @@ wrapperTag: div
|
|
|
4368
4398
|
<div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
|
|
4369
4399
|
<div class="pf-c-menu__content">
|
|
4370
4400
|
<section class="pf-c-menu__group pf-m-hidden-on-sm">
|
|
4371
|
-
<ul class="pf-c-menu__list">
|
|
4372
|
-
<li
|
|
4401
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
4402
|
+
<li
|
|
4403
|
+
class="pf-c-menu__list-item pf-m-disabled"
|
|
4404
|
+
role="none"
|
|
4405
|
+
>
|
|
4373
4406
|
<button
|
|
4374
4407
|
class="pf-c-menu__item"
|
|
4375
4408
|
type="button"
|
|
4376
4409
|
disabled
|
|
4410
|
+
role="menuitem"
|
|
4377
4411
|
>
|
|
4378
4412
|
<span class="pf-c-menu__item-description">
|
|
4379
4413
|
<div class="pf-u-font-size-sm">Username:</div>
|
|
@@ -4383,11 +4417,15 @@ wrapperTag: div
|
|
|
4383
4417
|
</span>
|
|
4384
4418
|
</button>
|
|
4385
4419
|
</li>
|
|
4386
|
-
<li
|
|
4420
|
+
<li
|
|
4421
|
+
class="pf-c-menu__list-item pf-m-disabled"
|
|
4422
|
+
role="none"
|
|
4423
|
+
>
|
|
4387
4424
|
<button
|
|
4388
4425
|
class="pf-c-menu__item"
|
|
4389
4426
|
type="button"
|
|
4390
4427
|
disabled
|
|
4428
|
+
role="menuitem"
|
|
4391
4429
|
>
|
|
4392
4430
|
<span class="pf-c-menu__item-description">
|
|
4393
4431
|
<div class="pf-u-font-size-sm">Account number:</div>
|
|
@@ -4396,15 +4434,23 @@ wrapperTag: div
|
|
|
4396
4434
|
</button>
|
|
4397
4435
|
</li>
|
|
4398
4436
|
<li class="pf-c-divider" role="separator"></li>
|
|
4399
|
-
<li class="pf-c-menu__list-item">
|
|
4400
|
-
<button
|
|
4437
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
4438
|
+
<button
|
|
4439
|
+
class="pf-c-menu__item"
|
|
4440
|
+
type="button"
|
|
4441
|
+
role="menuitem"
|
|
4442
|
+
>
|
|
4401
4443
|
<span class="pf-c-menu__item-main">
|
|
4402
4444
|
<span class="pf-c-menu__item-text">My profile</span>
|
|
4403
4445
|
</span>
|
|
4404
4446
|
</button>
|
|
4405
4447
|
</li>
|
|
4406
|
-
<li class="pf-c-menu__list-item">
|
|
4407
|
-
<button
|
|
4448
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
4449
|
+
<button
|
|
4450
|
+
class="pf-c-menu__item"
|
|
4451
|
+
type="button"
|
|
4452
|
+
role="menuitem"
|
|
4453
|
+
>
|
|
4408
4454
|
<span class="pf-c-menu__item-main">
|
|
4409
4455
|
<span
|
|
4410
4456
|
class="pf-c-menu__item-text"
|
|
@@ -4412,8 +4458,12 @@ wrapperTag: div
|
|
|
4412
4458
|
</span>
|
|
4413
4459
|
</button>
|
|
4414
4460
|
</li>
|
|
4415
|
-
<li class="pf-c-menu__list-item">
|
|
4416
|
-
<button
|
|
4461
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
4462
|
+
<button
|
|
4463
|
+
class="pf-c-menu__item"
|
|
4464
|
+
type="button"
|
|
4465
|
+
role="menuitem"
|
|
4466
|
+
>
|
|
4417
4467
|
<span class="pf-c-menu__item-main">
|
|
4418
4468
|
<span class="pf-c-menu__item-text">Logout</span>
|
|
4419
4469
|
</span>
|
|
@@ -4423,11 +4473,12 @@ wrapperTag: div
|
|
|
4423
4473
|
</section>
|
|
4424
4474
|
<hr class="pf-c-divider pf-m-hidden-on-sm" />
|
|
4425
4475
|
<section class="pf-c-menu__group">
|
|
4426
|
-
<ul class="pf-c-menu__list">
|
|
4427
|
-
<li class="pf-c-menu__list-item">
|
|
4476
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
4477
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
4428
4478
|
<button
|
|
4429
4479
|
class="pf-c-menu__item"
|
|
4430
4480
|
type="button"
|
|
4481
|
+
role="menuitem"
|
|
4431
4482
|
aria-expanded="false"
|
|
4432
4483
|
>
|
|
4433
4484
|
<span class="pf-c-menu__item-main">
|
|
@@ -4445,13 +4496,15 @@ wrapperTag: div
|
|
|
4445
4496
|
</button>
|
|
4446
4497
|
<div class="pf-c-menu" hidden>
|
|
4447
4498
|
<div class="pf-c-menu__content">
|
|
4448
|
-
<ul class="pf-c-menu__list">
|
|
4499
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
4449
4500
|
<li
|
|
4450
4501
|
class="pf-c-menu__list-item pf-m-drill-up"
|
|
4502
|
+
role="none"
|
|
4451
4503
|
>
|
|
4452
4504
|
<button
|
|
4453
4505
|
class="pf-c-menu__item"
|
|
4454
4506
|
type="button"
|
|
4507
|
+
role="menuitem"
|
|
4455
4508
|
>
|
|
4456
4509
|
<span class="pf-c-menu__item-main">
|
|
4457
4510
|
<span
|
|
@@ -4472,8 +4525,12 @@ wrapperTag: div
|
|
|
4472
4525
|
</button>
|
|
4473
4526
|
</li>
|
|
4474
4527
|
<li class="pf-c-divider" role="separator"></li>
|
|
4475
|
-
<li class="pf-c-menu__list-item">
|
|
4476
|
-
<a
|
|
4528
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
4529
|
+
<a
|
|
4530
|
+
class="pf-c-menu__item"
|
|
4531
|
+
href="#"
|
|
4532
|
+
role="menuitem"
|
|
4533
|
+
>
|
|
4477
4534
|
<span class="pf-c-menu__item-main">
|
|
4478
4535
|
<span
|
|
4479
4536
|
class="pf-c-menu__item-text"
|
|
@@ -4481,8 +4538,12 @@ wrapperTag: div
|
|
|
4481
4538
|
</span>
|
|
4482
4539
|
</a>
|
|
4483
4540
|
</li>
|
|
4484
|
-
<li class="pf-c-menu__list-item">
|
|
4485
|
-
<a
|
|
4541
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
4542
|
+
<a
|
|
4543
|
+
class="pf-c-menu__item"
|
|
4544
|
+
href="#"
|
|
4545
|
+
role="menuitem"
|
|
4546
|
+
>
|
|
4486
4547
|
<span class="pf-c-menu__item-main">
|
|
4487
4548
|
<span class="pf-c-menu__item-text">About</span>
|
|
4488
4549
|
</span>
|
|
@@ -4493,10 +4554,11 @@ wrapperTag: div
|
|
|
4493
4554
|
</div>
|
|
4494
4555
|
</li>
|
|
4495
4556
|
|
|
4496
|
-
<li class="pf-c-menu__list-item">
|
|
4557
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
4497
4558
|
<button
|
|
4498
4559
|
class="pf-c-menu__item"
|
|
4499
4560
|
type="button"
|
|
4561
|
+
role="menuitem"
|
|
4500
4562
|
aria-expanded="false"
|
|
4501
4563
|
>
|
|
4502
4564
|
<span class="pf-c-menu__item-main">
|
|
@@ -4514,13 +4576,15 @@ wrapperTag: div
|
|
|
4514
4576
|
</button>
|
|
4515
4577
|
<div class="pf-c-menu" hidden>
|
|
4516
4578
|
<div class="pf-c-menu__content">
|
|
4517
|
-
<ul class="pf-c-menu__list">
|
|
4579
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
4518
4580
|
<li
|
|
4519
4581
|
class="pf-c-menu__list-item pf-m-drill-up"
|
|
4582
|
+
role="none"
|
|
4520
4583
|
>
|
|
4521
4584
|
<button
|
|
4522
4585
|
class="pf-c-menu__item"
|
|
4523
4586
|
type="button"
|
|
4587
|
+
role="menuitem"
|
|
4524
4588
|
>
|
|
4525
4589
|
<span class="pf-c-menu__item-main">
|
|
4526
4590
|
<span
|
|
@@ -4539,8 +4603,12 @@ wrapperTag: div
|
|
|
4539
4603
|
</button>
|
|
4540
4604
|
</li>
|
|
4541
4605
|
<li class="pf-c-divider" role="separator"></li>
|
|
4542
|
-
<li class="pf-c-menu__list-item">
|
|
4543
|
-
<a
|
|
4606
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
4607
|
+
<a
|
|
4608
|
+
class="pf-c-menu__item"
|
|
4609
|
+
href="#"
|
|
4610
|
+
role="menuitem"
|
|
4611
|
+
>
|
|
4544
4612
|
<span class="pf-c-menu__item-main">
|
|
4545
4613
|
<span
|
|
4546
4614
|
class="pf-c-menu__item-text"
|
|
@@ -4548,8 +4616,12 @@ wrapperTag: div
|
|
|
4548
4616
|
</span>
|
|
4549
4617
|
</a>
|
|
4550
4618
|
</li>
|
|
4551
|
-
<li class="pf-c-menu__list-item">
|
|
4552
|
-
<a
|
|
4619
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
4620
|
+
<a
|
|
4621
|
+
class="pf-c-menu__item"
|
|
4622
|
+
href="#"
|
|
4623
|
+
role="menuitem"
|
|
4624
|
+
>
|
|
4553
4625
|
<span class="pf-c-menu__item-main">
|
|
4554
4626
|
<span
|
|
4555
4627
|
class="pf-c-menu__item-text"
|
|
@@ -4557,8 +4629,12 @@ wrapperTag: div
|
|
|
4557
4629
|
</span>
|
|
4558
4630
|
</a>
|
|
4559
4631
|
</li>
|
|
4560
|
-
<li class="pf-c-menu__list-item">
|
|
4561
|
-
<a
|
|
4632
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
4633
|
+
<a
|
|
4634
|
+
class="pf-c-menu__item"
|
|
4635
|
+
href="#"
|
|
4636
|
+
role="menuitem"
|
|
4637
|
+
>
|
|
4562
4638
|
<span class="pf-c-menu__item-main">
|
|
4563
4639
|
<span
|
|
4564
4640
|
class="pf-c-menu__item-text"
|
|
@@ -4571,8 +4647,12 @@ wrapperTag: div
|
|
|
4571
4647
|
</div>
|
|
4572
4648
|
</li>
|
|
4573
4649
|
|
|
4574
|
-
<li class="pf-c-menu__list-item">
|
|
4575
|
-
<button
|
|
4650
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
4651
|
+
<button
|
|
4652
|
+
class="pf-c-menu__item"
|
|
4653
|
+
type="button"
|
|
4654
|
+
role="menuitem"
|
|
4655
|
+
>
|
|
4576
4656
|
<span class="pf-c-menu__item-main">
|
|
4577
4657
|
<span class="pf-c-menu__item-icon">
|
|
4578
4658
|
<i class="fas fa-fw fa-th" aria-hidden="true"></i>
|
|
@@ -4587,7 +4667,11 @@ wrapperTag: div
|
|
|
4587
4667
|
</button>
|
|
4588
4668
|
<div class="pf-c-menu" hidden>
|
|
4589
4669
|
<div class="pf-c-menu__header">
|
|
4590
|
-
<button
|
|
4670
|
+
<button
|
|
4671
|
+
class="pf-c-menu__item"
|
|
4672
|
+
type="button"
|
|
4673
|
+
role="menuitem"
|
|
4674
|
+
>
|
|
4591
4675
|
<span class="pf-c-menu__item-main">
|
|
4592
4676
|
<span class="pf-c-menu__item-toggle-icon">
|
|
4593
4677
|
<i class="fas fa-angle-left"></i>
|
|
@@ -4606,21 +4690,36 @@ wrapperTag: div
|
|
|
4606
4690
|
</div>
|
|
4607
4691
|
<div class="pf-c-menu__search">
|
|
4608
4692
|
<div class="pf-c-menu__search-input">
|
|
4609
|
-
<input
|
|
4610
|
-
class="pf-c-
|
|
4611
|
-
|
|
4612
|
-
|
|
4613
|
-
|
|
4614
|
-
|
|
4615
|
-
|
|
4693
|
+
<div class="pf-c-search-input">
|
|
4694
|
+
<div class="pf-c-search-input__bar">
|
|
4695
|
+
<span class="pf-c-search-input__text">
|
|
4696
|
+
<span class="pf-c-search-input__icon">
|
|
4697
|
+
<i
|
|
4698
|
+
class="fas fa-search fa-fw"
|
|
4699
|
+
aria-hidden="true"
|
|
4700
|
+
></i>
|
|
4701
|
+
</span>
|
|
4702
|
+
<input
|
|
4703
|
+
class="pf-c-search-input__text-input"
|
|
4704
|
+
type="text"
|
|
4705
|
+
placeholder="Search"
|
|
4706
|
+
aria-label="Search"
|
|
4707
|
+
/>
|
|
4708
|
+
</span>
|
|
4709
|
+
</div>
|
|
4710
|
+
</div>
|
|
4616
4711
|
</div>
|
|
4617
4712
|
</div>
|
|
4618
4713
|
<hr class="pf-c-divider" />
|
|
4619
4714
|
<section class="pf-c-menu__group">
|
|
4620
4715
|
<h1 class="pf-c-menu__group-title">Favorites</h1>
|
|
4621
|
-
<ul class="pf-c-menu__list">
|
|
4622
|
-
<li class="pf-c-menu__list-item">
|
|
4623
|
-
<a
|
|
4716
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
4717
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
4718
|
+
<a
|
|
4719
|
+
class="pf-c-menu__item"
|
|
4720
|
+
href="#"
|
|
4721
|
+
role="menuitem"
|
|
4722
|
+
>
|
|
4624
4723
|
<span class="pf-c-menu__item-main">
|
|
4625
4724
|
<span
|
|
4626
4725
|
class="pf-c-menu__item-text"
|
|
@@ -4640,10 +4739,11 @@ wrapperTag: div
|
|
|
4640
4739
|
</span>
|
|
4641
4740
|
</button>
|
|
4642
4741
|
</li>
|
|
4643
|
-
<li class="pf-c-menu__list-item">
|
|
4742
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
4644
4743
|
<a
|
|
4645
4744
|
class="pf-c-menu__item"
|
|
4646
4745
|
href="#"
|
|
4746
|
+
role="menuitem"
|
|
4647
4747
|
target="_blank"
|
|
4648
4748
|
>
|
|
4649
4749
|
<span class="pf-c-menu__item-main">
|
|
@@ -4681,9 +4781,13 @@ wrapperTag: div
|
|
|
4681
4781
|
<hr class="pf-c-divider" />
|
|
4682
4782
|
<section class="pf-c-menu__group">
|
|
4683
4783
|
<h1 class="pf-c-menu__group-title">Group 1</h1>
|
|
4684
|
-
<ul class="pf-c-menu__list">
|
|
4685
|
-
<li class="pf-c-menu__list-item">
|
|
4686
|
-
<a
|
|
4784
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
4785
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
4786
|
+
<a
|
|
4787
|
+
class="pf-c-menu__item"
|
|
4788
|
+
href="#"
|
|
4789
|
+
role="menuitem"
|
|
4790
|
+
>
|
|
4687
4791
|
<span class="pf-c-menu__item-main">
|
|
4688
4792
|
<span
|
|
4689
4793
|
class="pf-c-menu__item-text"
|
|
@@ -4703,10 +4807,11 @@ wrapperTag: div
|
|
|
4703
4807
|
</span>
|
|
4704
4808
|
</button>
|
|
4705
4809
|
</li>
|
|
4706
|
-
<li class="pf-c-menu__list-item">
|
|
4810
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
4707
4811
|
<a
|
|
4708
4812
|
class="pf-c-menu__item"
|
|
4709
4813
|
href="#"
|
|
4814
|
+
role="menuitem"
|
|
4710
4815
|
target="_blank"
|
|
4711
4816
|
>
|
|
4712
4817
|
<span class="pf-c-menu__item-main">
|
|
@@ -4892,255 +4997,155 @@ wrapperTag: div
|
|
|
4892
4997
|
<section class="pf-c-page__main-section pf-m-limit-width">
|
|
4893
4998
|
<div class="pf-c-page__main-body">
|
|
4894
4999
|
<div class="pf-l-gallery pf-m-gutter">
|
|
4895
|
-
<div class="pf-
|
|
4896
|
-
<div class="pf-c-
|
|
4897
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4898
|
-
</div>
|
|
5000
|
+
<div class="pf-c-card">
|
|
5001
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4899
5002
|
</div>
|
|
4900
|
-
<div class="pf-
|
|
4901
|
-
<div class="pf-c-
|
|
4902
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4903
|
-
</div>
|
|
5003
|
+
<div class="pf-c-card">
|
|
5004
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4904
5005
|
</div>
|
|
4905
|
-
<div class="pf-
|
|
4906
|
-
<div class="pf-c-
|
|
4907
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4908
|
-
</div>
|
|
5006
|
+
<div class="pf-c-card">
|
|
5007
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4909
5008
|
</div>
|
|
4910
|
-
<div class="pf-
|
|
4911
|
-
<div class="pf-c-
|
|
4912
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4913
|
-
</div>
|
|
5009
|
+
<div class="pf-c-card">
|
|
5010
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4914
5011
|
</div>
|
|
4915
|
-
<div class="pf-
|
|
4916
|
-
<div class="pf-c-
|
|
4917
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4918
|
-
</div>
|
|
5012
|
+
<div class="pf-c-card">
|
|
5013
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4919
5014
|
</div>
|
|
4920
|
-
<div class="pf-
|
|
4921
|
-
<div class="pf-c-
|
|
4922
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4923
|
-
</div>
|
|
5015
|
+
<div class="pf-c-card">
|
|
5016
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4924
5017
|
</div>
|
|
4925
|
-
<div class="pf-
|
|
4926
|
-
<div class="pf-c-
|
|
4927
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4928
|
-
</div>
|
|
5018
|
+
<div class="pf-c-card">
|
|
5019
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4929
5020
|
</div>
|
|
4930
|
-
<div class="pf-
|
|
4931
|
-
<div class="pf-c-
|
|
4932
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4933
|
-
</div>
|
|
5021
|
+
<div class="pf-c-card">
|
|
5022
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4934
5023
|
</div>
|
|
4935
|
-
<div class="pf-
|
|
4936
|
-
<div class="pf-c-
|
|
4937
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4938
|
-
</div>
|
|
5024
|
+
<div class="pf-c-card">
|
|
5025
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4939
5026
|
</div>
|
|
4940
|
-
<div class="pf-
|
|
4941
|
-
<div class="pf-c-
|
|
4942
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4943
|
-
</div>
|
|
5027
|
+
<div class="pf-c-card">
|
|
5028
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4944
5029
|
</div>
|
|
4945
|
-
<div class="pf-
|
|
4946
|
-
<div class="pf-c-
|
|
4947
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4948
|
-
</div>
|
|
5030
|
+
<div class="pf-c-card">
|
|
5031
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4949
5032
|
</div>
|
|
4950
|
-
<div class="pf-
|
|
4951
|
-
<div class="pf-c-
|
|
4952
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4953
|
-
</div>
|
|
5033
|
+
<div class="pf-c-card">
|
|
5034
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4954
5035
|
</div>
|
|
4955
|
-
<div class="pf-
|
|
4956
|
-
<div class="pf-c-
|
|
4957
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4958
|
-
</div>
|
|
5036
|
+
<div class="pf-c-card">
|
|
5037
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4959
5038
|
</div>
|
|
4960
|
-
<div class="pf-
|
|
4961
|
-
<div class="pf-c-
|
|
4962
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4963
|
-
</div>
|
|
5039
|
+
<div class="pf-c-card">
|
|
5040
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4964
5041
|
</div>
|
|
4965
|
-
<div class="pf-
|
|
4966
|
-
<div class="pf-c-
|
|
4967
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4968
|
-
</div>
|
|
5042
|
+
<div class="pf-c-card">
|
|
5043
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4969
5044
|
</div>
|
|
4970
|
-
<div class="pf-
|
|
4971
|
-
<div class="pf-c-
|
|
4972
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4973
|
-
</div>
|
|
5045
|
+
<div class="pf-c-card">
|
|
5046
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4974
5047
|
</div>
|
|
4975
|
-
<div class="pf-
|
|
4976
|
-
<div class="pf-c-
|
|
4977
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4978
|
-
</div>
|
|
5048
|
+
<div class="pf-c-card">
|
|
5049
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4979
5050
|
</div>
|
|
4980
|
-
<div class="pf-
|
|
4981
|
-
<div class="pf-c-
|
|
4982
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4983
|
-
</div>
|
|
5051
|
+
<div class="pf-c-card">
|
|
5052
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4984
5053
|
</div>
|
|
4985
|
-
<div class="pf-
|
|
4986
|
-
<div class="pf-c-
|
|
4987
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4988
|
-
</div>
|
|
5054
|
+
<div class="pf-c-card">
|
|
5055
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4989
5056
|
</div>
|
|
4990
|
-
<div class="pf-
|
|
4991
|
-
<div class="pf-c-
|
|
4992
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4993
|
-
</div>
|
|
5057
|
+
<div class="pf-c-card">
|
|
5058
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4994
5059
|
</div>
|
|
4995
|
-
<div class="pf-
|
|
4996
|
-
<div class="pf-c-
|
|
4997
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
4998
|
-
</div>
|
|
5060
|
+
<div class="pf-c-card">
|
|
5061
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
4999
5062
|
</div>
|
|
5000
|
-
<div class="pf-
|
|
5001
|
-
<div class="pf-c-
|
|
5002
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5003
|
-
</div>
|
|
5063
|
+
<div class="pf-c-card">
|
|
5064
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5004
5065
|
</div>
|
|
5005
|
-
<div class="pf-
|
|
5006
|
-
<div class="pf-c-
|
|
5007
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5008
|
-
</div>
|
|
5066
|
+
<div class="pf-c-card">
|
|
5067
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5009
5068
|
</div>
|
|
5010
|
-
<div class="pf-
|
|
5011
|
-
<div class="pf-c-
|
|
5012
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5013
|
-
</div>
|
|
5069
|
+
<div class="pf-c-card">
|
|
5070
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5014
5071
|
</div>
|
|
5015
|
-
<div class="pf-
|
|
5016
|
-
<div class="pf-c-
|
|
5017
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5018
|
-
</div>
|
|
5072
|
+
<div class="pf-c-card">
|
|
5073
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5019
5074
|
</div>
|
|
5020
|
-
<div class="pf-
|
|
5021
|
-
<div class="pf-c-
|
|
5022
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5023
|
-
</div>
|
|
5075
|
+
<div class="pf-c-card">
|
|
5076
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5024
5077
|
</div>
|
|
5025
|
-
<div class="pf-
|
|
5026
|
-
<div class="pf-c-
|
|
5027
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5028
|
-
</div>
|
|
5078
|
+
<div class="pf-c-card">
|
|
5079
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5029
5080
|
</div>
|
|
5030
|
-
<div class="pf-
|
|
5031
|
-
<div class="pf-c-
|
|
5032
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5033
|
-
</div>
|
|
5081
|
+
<div class="pf-c-card">
|
|
5082
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5034
5083
|
</div>
|
|
5035
|
-
<div class="pf-
|
|
5036
|
-
<div class="pf-c-
|
|
5037
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5038
|
-
</div>
|
|
5084
|
+
<div class="pf-c-card">
|
|
5085
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5039
5086
|
</div>
|
|
5040
|
-
<div class="pf-
|
|
5041
|
-
<div class="pf-c-
|
|
5042
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5043
|
-
</div>
|
|
5087
|
+
<div class="pf-c-card">
|
|
5088
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5044
5089
|
</div>
|
|
5045
|
-
<div class="pf-
|
|
5046
|
-
<div class="pf-c-
|
|
5047
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5048
|
-
</div>
|
|
5090
|
+
<div class="pf-c-card">
|
|
5091
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5049
5092
|
</div>
|
|
5050
|
-
<div class="pf-
|
|
5051
|
-
<div class="pf-c-
|
|
5052
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5053
|
-
</div>
|
|
5093
|
+
<div class="pf-c-card">
|
|
5094
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5054
5095
|
</div>
|
|
5055
|
-
<div class="pf-
|
|
5056
|
-
<div class="pf-c-
|
|
5057
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5058
|
-
</div>
|
|
5096
|
+
<div class="pf-c-card">
|
|
5097
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5059
5098
|
</div>
|
|
5060
|
-
<div class="pf-
|
|
5061
|
-
<div class="pf-c-
|
|
5062
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5063
|
-
</div>
|
|
5099
|
+
<div class="pf-c-card">
|
|
5100
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5064
5101
|
</div>
|
|
5065
|
-
<div class="pf-
|
|
5066
|
-
<div class="pf-c-
|
|
5067
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5068
|
-
</div>
|
|
5102
|
+
<div class="pf-c-card">
|
|
5103
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5069
5104
|
</div>
|
|
5070
|
-
<div class="pf-
|
|
5071
|
-
<div class="pf-c-
|
|
5072
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5073
|
-
</div>
|
|
5105
|
+
<div class="pf-c-card">
|
|
5106
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5074
5107
|
</div>
|
|
5075
|
-
<div class="pf-
|
|
5076
|
-
<div class="pf-c-
|
|
5077
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5078
|
-
</div>
|
|
5108
|
+
<div class="pf-c-card">
|
|
5109
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5079
5110
|
</div>
|
|
5080
|
-
<div class="pf-
|
|
5081
|
-
<div class="pf-c-
|
|
5082
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5083
|
-
</div>
|
|
5111
|
+
<div class="pf-c-card">
|
|
5112
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5084
5113
|
</div>
|
|
5085
|
-
<div class="pf-
|
|
5086
|
-
<div class="pf-c-
|
|
5087
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5088
|
-
</div>
|
|
5114
|
+
<div class="pf-c-card">
|
|
5115
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5089
5116
|
</div>
|
|
5090
|
-
<div class="pf-
|
|
5091
|
-
<div class="pf-c-
|
|
5092
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5093
|
-
</div>
|
|
5117
|
+
<div class="pf-c-card">
|
|
5118
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5094
5119
|
</div>
|
|
5095
|
-
<div class="pf-
|
|
5096
|
-
<div class="pf-c-
|
|
5097
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5098
|
-
</div>
|
|
5120
|
+
<div class="pf-c-card">
|
|
5121
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5099
5122
|
</div>
|
|
5100
|
-
<div class="pf-
|
|
5101
|
-
<div class="pf-c-
|
|
5102
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5103
|
-
</div>
|
|
5123
|
+
<div class="pf-c-card">
|
|
5124
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5104
5125
|
</div>
|
|
5105
|
-
<div class="pf-
|
|
5106
|
-
<div class="pf-c-
|
|
5107
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5108
|
-
</div>
|
|
5126
|
+
<div class="pf-c-card">
|
|
5127
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5109
5128
|
</div>
|
|
5110
|
-
<div class="pf-
|
|
5111
|
-
<div class="pf-c-
|
|
5112
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5113
|
-
</div>
|
|
5129
|
+
<div class="pf-c-card">
|
|
5130
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5114
5131
|
</div>
|
|
5115
|
-
<div class="pf-
|
|
5116
|
-
<div class="pf-c-
|
|
5117
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5118
|
-
</div>
|
|
5132
|
+
<div class="pf-c-card">
|
|
5133
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5119
5134
|
</div>
|
|
5120
|
-
<div class="pf-
|
|
5121
|
-
<div class="pf-c-
|
|
5122
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5123
|
-
</div>
|
|
5135
|
+
<div class="pf-c-card">
|
|
5136
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5124
5137
|
</div>
|
|
5125
|
-
<div class="pf-
|
|
5126
|
-
<div class="pf-c-
|
|
5127
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5128
|
-
</div>
|
|
5138
|
+
<div class="pf-c-card">
|
|
5139
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5129
5140
|
</div>
|
|
5130
|
-
<div class="pf-
|
|
5131
|
-
<div class="pf-c-
|
|
5132
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5133
|
-
</div>
|
|
5141
|
+
<div class="pf-c-card">
|
|
5142
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5134
5143
|
</div>
|
|
5135
|
-
<div class="pf-
|
|
5136
|
-
<div class="pf-c-
|
|
5137
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5138
|
-
</div>
|
|
5144
|
+
<div class="pf-c-card">
|
|
5145
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5139
5146
|
</div>
|
|
5140
|
-
<div class="pf-
|
|
5141
|
-
<div class="pf-c-
|
|
5142
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5143
|
-
</div>
|
|
5147
|
+
<div class="pf-c-card">
|
|
5148
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5144
5149
|
</div>
|
|
5145
5150
|
</div>
|
|
5146
5151
|
</div>
|
|
@@ -5238,14 +5243,24 @@ wrapperTag: div
|
|
|
5238
5243
|
hidden
|
|
5239
5244
|
>
|
|
5240
5245
|
<div class="pf-c-app-launcher__menu-search">
|
|
5241
|
-
<input
|
|
5242
|
-
class="pf-c-
|
|
5243
|
-
|
|
5244
|
-
|
|
5245
|
-
|
|
5246
|
-
|
|
5247
|
-
|
|
5248
|
-
|
|
5246
|
+
<div class="pf-c-search-input">
|
|
5247
|
+
<div class="pf-c-search-input__bar">
|
|
5248
|
+
<span class="pf-c-search-input__text">
|
|
5249
|
+
<span class="pf-c-search-input__icon">
|
|
5250
|
+
<i
|
|
5251
|
+
class="fas fa-search fa-fw"
|
|
5252
|
+
aria-hidden="true"
|
|
5253
|
+
></i>
|
|
5254
|
+
</span>
|
|
5255
|
+
<input
|
|
5256
|
+
class="pf-c-search-input__text-input"
|
|
5257
|
+
type="text"
|
|
5258
|
+
placeholder="Filter by name"
|
|
5259
|
+
aria-label="Filter by name"
|
|
5260
|
+
/>
|
|
5261
|
+
</span>
|
|
5262
|
+
</div>
|
|
5263
|
+
</div>
|
|
5249
5264
|
</div>
|
|
5250
5265
|
<section class="pf-c-app-launcher__group">
|
|
5251
5266
|
<h1 class="pf-c-app-launcher__group-title">Favorites</h1>
|
|
@@ -5435,12 +5450,16 @@ wrapperTag: div
|
|
|
5435
5450
|
<div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
|
|
5436
5451
|
<div class="pf-c-menu__content">
|
|
5437
5452
|
<section class="pf-c-menu__group pf-m-hidden-on-sm">
|
|
5438
|
-
<ul class="pf-c-menu__list">
|
|
5439
|
-
<li
|
|
5453
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
5454
|
+
<li
|
|
5455
|
+
class="pf-c-menu__list-item pf-m-disabled"
|
|
5456
|
+
role="none"
|
|
5457
|
+
>
|
|
5440
5458
|
<button
|
|
5441
5459
|
class="pf-c-menu__item"
|
|
5442
5460
|
type="button"
|
|
5443
5461
|
disabled
|
|
5462
|
+
role="menuitem"
|
|
5444
5463
|
>
|
|
5445
5464
|
<span class="pf-c-menu__item-description">
|
|
5446
5465
|
<div class="pf-u-font-size-sm">Username:</div>
|
|
@@ -5450,11 +5469,15 @@ wrapperTag: div
|
|
|
5450
5469
|
</span>
|
|
5451
5470
|
</button>
|
|
5452
5471
|
</li>
|
|
5453
|
-
<li
|
|
5472
|
+
<li
|
|
5473
|
+
class="pf-c-menu__list-item pf-m-disabled"
|
|
5474
|
+
role="none"
|
|
5475
|
+
>
|
|
5454
5476
|
<button
|
|
5455
5477
|
class="pf-c-menu__item"
|
|
5456
5478
|
type="button"
|
|
5457
5479
|
disabled
|
|
5480
|
+
role="menuitem"
|
|
5458
5481
|
>
|
|
5459
5482
|
<span class="pf-c-menu__item-description">
|
|
5460
5483
|
<div class="pf-u-font-size-sm">Account number:</div>
|
|
@@ -5463,15 +5486,23 @@ wrapperTag: div
|
|
|
5463
5486
|
</button>
|
|
5464
5487
|
</li>
|
|
5465
5488
|
<li class="pf-c-divider" role="separator"></li>
|
|
5466
|
-
<li class="pf-c-menu__list-item">
|
|
5467
|
-
<button
|
|
5489
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
5490
|
+
<button
|
|
5491
|
+
class="pf-c-menu__item"
|
|
5492
|
+
type="button"
|
|
5493
|
+
role="menuitem"
|
|
5494
|
+
>
|
|
5468
5495
|
<span class="pf-c-menu__item-main">
|
|
5469
5496
|
<span class="pf-c-menu__item-text">My profile</span>
|
|
5470
5497
|
</span>
|
|
5471
5498
|
</button>
|
|
5472
5499
|
</li>
|
|
5473
|
-
<li class="pf-c-menu__list-item">
|
|
5474
|
-
<button
|
|
5500
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
5501
|
+
<button
|
|
5502
|
+
class="pf-c-menu__item"
|
|
5503
|
+
type="button"
|
|
5504
|
+
role="menuitem"
|
|
5505
|
+
>
|
|
5475
5506
|
<span class="pf-c-menu__item-main">
|
|
5476
5507
|
<span
|
|
5477
5508
|
class="pf-c-menu__item-text"
|
|
@@ -5479,8 +5510,12 @@ wrapperTag: div
|
|
|
5479
5510
|
</span>
|
|
5480
5511
|
</button>
|
|
5481
5512
|
</li>
|
|
5482
|
-
<li class="pf-c-menu__list-item">
|
|
5483
|
-
<button
|
|
5513
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
5514
|
+
<button
|
|
5515
|
+
class="pf-c-menu__item"
|
|
5516
|
+
type="button"
|
|
5517
|
+
role="menuitem"
|
|
5518
|
+
>
|
|
5484
5519
|
<span class="pf-c-menu__item-main">
|
|
5485
5520
|
<span class="pf-c-menu__item-text">Logout</span>
|
|
5486
5521
|
</span>
|
|
@@ -5490,11 +5525,12 @@ wrapperTag: div
|
|
|
5490
5525
|
</section>
|
|
5491
5526
|
<hr class="pf-c-divider pf-m-hidden-on-sm" />
|
|
5492
5527
|
<section class="pf-c-menu__group">
|
|
5493
|
-
<ul class="pf-c-menu__list">
|
|
5494
|
-
<li class="pf-c-menu__list-item">
|
|
5528
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
5529
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
5495
5530
|
<button
|
|
5496
5531
|
class="pf-c-menu__item"
|
|
5497
5532
|
type="button"
|
|
5533
|
+
role="menuitem"
|
|
5498
5534
|
aria-expanded="false"
|
|
5499
5535
|
>
|
|
5500
5536
|
<span class="pf-c-menu__item-main">
|
|
@@ -5512,13 +5548,15 @@ wrapperTag: div
|
|
|
5512
5548
|
</button>
|
|
5513
5549
|
<div class="pf-c-menu" hidden>
|
|
5514
5550
|
<div class="pf-c-menu__content">
|
|
5515
|
-
<ul class="pf-c-menu__list">
|
|
5551
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
5516
5552
|
<li
|
|
5517
5553
|
class="pf-c-menu__list-item pf-m-drill-up"
|
|
5554
|
+
role="none"
|
|
5518
5555
|
>
|
|
5519
5556
|
<button
|
|
5520
5557
|
class="pf-c-menu__item"
|
|
5521
5558
|
type="button"
|
|
5559
|
+
role="menuitem"
|
|
5522
5560
|
>
|
|
5523
5561
|
<span class="pf-c-menu__item-main">
|
|
5524
5562
|
<span
|
|
@@ -5539,8 +5577,12 @@ wrapperTag: div
|
|
|
5539
5577
|
</button>
|
|
5540
5578
|
</li>
|
|
5541
5579
|
<li class="pf-c-divider" role="separator"></li>
|
|
5542
|
-
<li class="pf-c-menu__list-item">
|
|
5543
|
-
<a
|
|
5580
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
5581
|
+
<a
|
|
5582
|
+
class="pf-c-menu__item"
|
|
5583
|
+
href="#"
|
|
5584
|
+
role="menuitem"
|
|
5585
|
+
>
|
|
5544
5586
|
<span class="pf-c-menu__item-main">
|
|
5545
5587
|
<span
|
|
5546
5588
|
class="pf-c-menu__item-text"
|
|
@@ -5548,8 +5590,12 @@ wrapperTag: div
|
|
|
5548
5590
|
</span>
|
|
5549
5591
|
</a>
|
|
5550
5592
|
</li>
|
|
5551
|
-
<li class="pf-c-menu__list-item">
|
|
5552
|
-
<a
|
|
5593
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
5594
|
+
<a
|
|
5595
|
+
class="pf-c-menu__item"
|
|
5596
|
+
href="#"
|
|
5597
|
+
role="menuitem"
|
|
5598
|
+
>
|
|
5553
5599
|
<span class="pf-c-menu__item-main">
|
|
5554
5600
|
<span class="pf-c-menu__item-text">About</span>
|
|
5555
5601
|
</span>
|
|
@@ -5560,10 +5606,11 @@ wrapperTag: div
|
|
|
5560
5606
|
</div>
|
|
5561
5607
|
</li>
|
|
5562
5608
|
|
|
5563
|
-
<li class="pf-c-menu__list-item">
|
|
5609
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
5564
5610
|
<button
|
|
5565
5611
|
class="pf-c-menu__item"
|
|
5566
5612
|
type="button"
|
|
5613
|
+
role="menuitem"
|
|
5567
5614
|
aria-expanded="false"
|
|
5568
5615
|
>
|
|
5569
5616
|
<span class="pf-c-menu__item-main">
|
|
@@ -5581,13 +5628,15 @@ wrapperTag: div
|
|
|
5581
5628
|
</button>
|
|
5582
5629
|
<div class="pf-c-menu" hidden>
|
|
5583
5630
|
<div class="pf-c-menu__content">
|
|
5584
|
-
<ul class="pf-c-menu__list">
|
|
5631
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
5585
5632
|
<li
|
|
5586
5633
|
class="pf-c-menu__list-item pf-m-drill-up"
|
|
5634
|
+
role="none"
|
|
5587
5635
|
>
|
|
5588
5636
|
<button
|
|
5589
5637
|
class="pf-c-menu__item"
|
|
5590
5638
|
type="button"
|
|
5639
|
+
role="menuitem"
|
|
5591
5640
|
>
|
|
5592
5641
|
<span class="pf-c-menu__item-main">
|
|
5593
5642
|
<span
|
|
@@ -5606,8 +5655,12 @@ wrapperTag: div
|
|
|
5606
5655
|
</button>
|
|
5607
5656
|
</li>
|
|
5608
5657
|
<li class="pf-c-divider" role="separator"></li>
|
|
5609
|
-
<li class="pf-c-menu__list-item">
|
|
5610
|
-
<a
|
|
5658
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
5659
|
+
<a
|
|
5660
|
+
class="pf-c-menu__item"
|
|
5661
|
+
href="#"
|
|
5662
|
+
role="menuitem"
|
|
5663
|
+
>
|
|
5611
5664
|
<span class="pf-c-menu__item-main">
|
|
5612
5665
|
<span
|
|
5613
5666
|
class="pf-c-menu__item-text"
|
|
@@ -5615,8 +5668,12 @@ wrapperTag: div
|
|
|
5615
5668
|
</span>
|
|
5616
5669
|
</a>
|
|
5617
5670
|
</li>
|
|
5618
|
-
<li class="pf-c-menu__list-item">
|
|
5619
|
-
<a
|
|
5671
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
5672
|
+
<a
|
|
5673
|
+
class="pf-c-menu__item"
|
|
5674
|
+
href="#"
|
|
5675
|
+
role="menuitem"
|
|
5676
|
+
>
|
|
5620
5677
|
<span class="pf-c-menu__item-main">
|
|
5621
5678
|
<span
|
|
5622
5679
|
class="pf-c-menu__item-text"
|
|
@@ -5624,8 +5681,12 @@ wrapperTag: div
|
|
|
5624
5681
|
</span>
|
|
5625
5682
|
</a>
|
|
5626
5683
|
</li>
|
|
5627
|
-
<li class="pf-c-menu__list-item">
|
|
5628
|
-
<a
|
|
5684
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
5685
|
+
<a
|
|
5686
|
+
class="pf-c-menu__item"
|
|
5687
|
+
href="#"
|
|
5688
|
+
role="menuitem"
|
|
5689
|
+
>
|
|
5629
5690
|
<span class="pf-c-menu__item-main">
|
|
5630
5691
|
<span
|
|
5631
5692
|
class="pf-c-menu__item-text"
|
|
@@ -5638,8 +5699,12 @@ wrapperTag: div
|
|
|
5638
5699
|
</div>
|
|
5639
5700
|
</li>
|
|
5640
5701
|
|
|
5641
|
-
<li class="pf-c-menu__list-item">
|
|
5642
|
-
<button
|
|
5702
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
5703
|
+
<button
|
|
5704
|
+
class="pf-c-menu__item"
|
|
5705
|
+
type="button"
|
|
5706
|
+
role="menuitem"
|
|
5707
|
+
>
|
|
5643
5708
|
<span class="pf-c-menu__item-main">
|
|
5644
5709
|
<span class="pf-c-menu__item-icon">
|
|
5645
5710
|
<i class="fas fa-fw fa-th" aria-hidden="true"></i>
|
|
@@ -5654,7 +5719,11 @@ wrapperTag: div
|
|
|
5654
5719
|
</button>
|
|
5655
5720
|
<div class="pf-c-menu" hidden>
|
|
5656
5721
|
<div class="pf-c-menu__header">
|
|
5657
|
-
<button
|
|
5722
|
+
<button
|
|
5723
|
+
class="pf-c-menu__item"
|
|
5724
|
+
type="button"
|
|
5725
|
+
role="menuitem"
|
|
5726
|
+
>
|
|
5658
5727
|
<span class="pf-c-menu__item-main">
|
|
5659
5728
|
<span class="pf-c-menu__item-toggle-icon">
|
|
5660
5729
|
<i class="fas fa-angle-left"></i>
|
|
@@ -5673,21 +5742,36 @@ wrapperTag: div
|
|
|
5673
5742
|
</div>
|
|
5674
5743
|
<div class="pf-c-menu__search">
|
|
5675
5744
|
<div class="pf-c-menu__search-input">
|
|
5676
|
-
<input
|
|
5677
|
-
class="pf-c-
|
|
5678
|
-
|
|
5679
|
-
|
|
5680
|
-
|
|
5681
|
-
|
|
5682
|
-
|
|
5745
|
+
<div class="pf-c-search-input">
|
|
5746
|
+
<div class="pf-c-search-input__bar">
|
|
5747
|
+
<span class="pf-c-search-input__text">
|
|
5748
|
+
<span class="pf-c-search-input__icon">
|
|
5749
|
+
<i
|
|
5750
|
+
class="fas fa-search fa-fw"
|
|
5751
|
+
aria-hidden="true"
|
|
5752
|
+
></i>
|
|
5753
|
+
</span>
|
|
5754
|
+
<input
|
|
5755
|
+
class="pf-c-search-input__text-input"
|
|
5756
|
+
type="text"
|
|
5757
|
+
placeholder="Search"
|
|
5758
|
+
aria-label="Search"
|
|
5759
|
+
/>
|
|
5760
|
+
</span>
|
|
5761
|
+
</div>
|
|
5762
|
+
</div>
|
|
5683
5763
|
</div>
|
|
5684
5764
|
</div>
|
|
5685
5765
|
<hr class="pf-c-divider" />
|
|
5686
5766
|
<section class="pf-c-menu__group">
|
|
5687
5767
|
<h1 class="pf-c-menu__group-title">Favorites</h1>
|
|
5688
|
-
<ul class="pf-c-menu__list">
|
|
5689
|
-
<li class="pf-c-menu__list-item">
|
|
5690
|
-
<a
|
|
5768
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
5769
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
5770
|
+
<a
|
|
5771
|
+
class="pf-c-menu__item"
|
|
5772
|
+
href="#"
|
|
5773
|
+
role="menuitem"
|
|
5774
|
+
>
|
|
5691
5775
|
<span class="pf-c-menu__item-main">
|
|
5692
5776
|
<span
|
|
5693
5777
|
class="pf-c-menu__item-text"
|
|
@@ -5707,10 +5791,11 @@ wrapperTag: div
|
|
|
5707
5791
|
</span>
|
|
5708
5792
|
</button>
|
|
5709
5793
|
</li>
|
|
5710
|
-
<li class="pf-c-menu__list-item">
|
|
5794
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
5711
5795
|
<a
|
|
5712
5796
|
class="pf-c-menu__item"
|
|
5713
5797
|
href="#"
|
|
5798
|
+
role="menuitem"
|
|
5714
5799
|
target="_blank"
|
|
5715
5800
|
>
|
|
5716
5801
|
<span class="pf-c-menu__item-main">
|
|
@@ -5748,9 +5833,13 @@ wrapperTag: div
|
|
|
5748
5833
|
<hr class="pf-c-divider" />
|
|
5749
5834
|
<section class="pf-c-menu__group">
|
|
5750
5835
|
<h1 class="pf-c-menu__group-title">Group 1</h1>
|
|
5751
|
-
<ul class="pf-c-menu__list">
|
|
5752
|
-
<li class="pf-c-menu__list-item">
|
|
5753
|
-
<a
|
|
5836
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
5837
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
5838
|
+
<a
|
|
5839
|
+
class="pf-c-menu__item"
|
|
5840
|
+
href="#"
|
|
5841
|
+
role="menuitem"
|
|
5842
|
+
>
|
|
5754
5843
|
<span class="pf-c-menu__item-main">
|
|
5755
5844
|
<span
|
|
5756
5845
|
class="pf-c-menu__item-text"
|
|
@@ -5770,10 +5859,11 @@ wrapperTag: div
|
|
|
5770
5859
|
</span>
|
|
5771
5860
|
</button>
|
|
5772
5861
|
</li>
|
|
5773
|
-
<li class="pf-c-menu__list-item">
|
|
5862
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
5774
5863
|
<a
|
|
5775
5864
|
class="pf-c-menu__item"
|
|
5776
5865
|
href="#"
|
|
5866
|
+
role="menuitem"
|
|
5777
5867
|
target="_blank"
|
|
5778
5868
|
>
|
|
5779
5869
|
<span class="pf-c-menu__item-main">
|
|
@@ -5963,255 +6053,155 @@ wrapperTag: div
|
|
|
5963
6053
|
>
|
|
5964
6054
|
<div class="pf-c-page__main-body">
|
|
5965
6055
|
<div class="pf-l-gallery pf-m-gutter">
|
|
5966
|
-
<div class="pf-
|
|
5967
|
-
<div class="pf-c-
|
|
5968
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5969
|
-
</div>
|
|
6056
|
+
<div class="pf-c-card">
|
|
6057
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5970
6058
|
</div>
|
|
5971
|
-
<div class="pf-
|
|
5972
|
-
<div class="pf-c-
|
|
5973
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5974
|
-
</div>
|
|
6059
|
+
<div class="pf-c-card">
|
|
6060
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5975
6061
|
</div>
|
|
5976
|
-
<div class="pf-
|
|
5977
|
-
<div class="pf-c-
|
|
5978
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5979
|
-
</div>
|
|
6062
|
+
<div class="pf-c-card">
|
|
6063
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5980
6064
|
</div>
|
|
5981
|
-
<div class="pf-
|
|
5982
|
-
<div class="pf-c-
|
|
5983
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5984
|
-
</div>
|
|
6065
|
+
<div class="pf-c-card">
|
|
6066
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5985
6067
|
</div>
|
|
5986
|
-
<div class="pf-
|
|
5987
|
-
<div class="pf-c-
|
|
5988
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5989
|
-
</div>
|
|
6068
|
+
<div class="pf-c-card">
|
|
6069
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5990
6070
|
</div>
|
|
5991
|
-
<div class="pf-
|
|
5992
|
-
<div class="pf-c-
|
|
5993
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5994
|
-
</div>
|
|
6071
|
+
<div class="pf-c-card">
|
|
6072
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
5995
6073
|
</div>
|
|
5996
|
-
<div class="pf-
|
|
5997
|
-
<div class="pf-c-
|
|
5998
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
5999
|
-
</div>
|
|
6074
|
+
<div class="pf-c-card">
|
|
6075
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6000
6076
|
</div>
|
|
6001
|
-
<div class="pf-
|
|
6002
|
-
<div class="pf-c-
|
|
6003
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6004
|
-
</div>
|
|
6077
|
+
<div class="pf-c-card">
|
|
6078
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6005
6079
|
</div>
|
|
6006
|
-
<div class="pf-
|
|
6007
|
-
<div class="pf-c-
|
|
6008
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6009
|
-
</div>
|
|
6080
|
+
<div class="pf-c-card">
|
|
6081
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6010
6082
|
</div>
|
|
6011
|
-
<div class="pf-
|
|
6012
|
-
<div class="pf-c-
|
|
6013
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6014
|
-
</div>
|
|
6083
|
+
<div class="pf-c-card">
|
|
6084
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6015
6085
|
</div>
|
|
6016
|
-
<div class="pf-
|
|
6017
|
-
<div class="pf-c-
|
|
6018
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6019
|
-
</div>
|
|
6086
|
+
<div class="pf-c-card">
|
|
6087
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6020
6088
|
</div>
|
|
6021
|
-
<div class="pf-
|
|
6022
|
-
<div class="pf-c-
|
|
6023
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6024
|
-
</div>
|
|
6089
|
+
<div class="pf-c-card">
|
|
6090
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6025
6091
|
</div>
|
|
6026
|
-
<div class="pf-
|
|
6027
|
-
<div class="pf-c-
|
|
6028
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6029
|
-
</div>
|
|
6092
|
+
<div class="pf-c-card">
|
|
6093
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6030
6094
|
</div>
|
|
6031
|
-
<div class="pf-
|
|
6032
|
-
<div class="pf-c-
|
|
6033
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6034
|
-
</div>
|
|
6095
|
+
<div class="pf-c-card">
|
|
6096
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6035
6097
|
</div>
|
|
6036
|
-
<div class="pf-
|
|
6037
|
-
<div class="pf-c-
|
|
6038
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6039
|
-
</div>
|
|
6098
|
+
<div class="pf-c-card">
|
|
6099
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6040
6100
|
</div>
|
|
6041
|
-
<div class="pf-
|
|
6042
|
-
<div class="pf-c-
|
|
6043
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6044
|
-
</div>
|
|
6101
|
+
<div class="pf-c-card">
|
|
6102
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6045
6103
|
</div>
|
|
6046
|
-
<div class="pf-
|
|
6047
|
-
<div class="pf-c-
|
|
6048
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6049
|
-
</div>
|
|
6104
|
+
<div class="pf-c-card">
|
|
6105
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6050
6106
|
</div>
|
|
6051
|
-
<div class="pf-
|
|
6052
|
-
<div class="pf-c-
|
|
6053
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6054
|
-
</div>
|
|
6107
|
+
<div class="pf-c-card">
|
|
6108
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6055
6109
|
</div>
|
|
6056
|
-
<div class="pf-
|
|
6057
|
-
<div class="pf-c-
|
|
6058
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6059
|
-
</div>
|
|
6110
|
+
<div class="pf-c-card">
|
|
6111
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6060
6112
|
</div>
|
|
6061
|
-
<div class="pf-
|
|
6062
|
-
<div class="pf-c-
|
|
6063
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6064
|
-
</div>
|
|
6113
|
+
<div class="pf-c-card">
|
|
6114
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6065
6115
|
</div>
|
|
6066
|
-
<div class="pf-
|
|
6067
|
-
<div class="pf-c-
|
|
6068
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6069
|
-
</div>
|
|
6116
|
+
<div class="pf-c-card">
|
|
6117
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6070
6118
|
</div>
|
|
6071
|
-
<div class="pf-
|
|
6072
|
-
<div class="pf-c-
|
|
6073
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6074
|
-
</div>
|
|
6119
|
+
<div class="pf-c-card">
|
|
6120
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6075
6121
|
</div>
|
|
6076
|
-
<div class="pf-
|
|
6077
|
-
<div class="pf-c-
|
|
6078
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6079
|
-
</div>
|
|
6122
|
+
<div class="pf-c-card">
|
|
6123
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6080
6124
|
</div>
|
|
6081
|
-
<div class="pf-
|
|
6082
|
-
<div class="pf-c-
|
|
6083
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6084
|
-
</div>
|
|
6125
|
+
<div class="pf-c-card">
|
|
6126
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6085
6127
|
</div>
|
|
6086
|
-
<div class="pf-
|
|
6087
|
-
<div class="pf-c-
|
|
6088
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6089
|
-
</div>
|
|
6128
|
+
<div class="pf-c-card">
|
|
6129
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6090
6130
|
</div>
|
|
6091
|
-
<div class="pf-
|
|
6092
|
-
<div class="pf-c-
|
|
6093
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6094
|
-
</div>
|
|
6131
|
+
<div class="pf-c-card">
|
|
6132
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6095
6133
|
</div>
|
|
6096
|
-
<div class="pf-
|
|
6097
|
-
<div class="pf-c-
|
|
6098
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6099
|
-
</div>
|
|
6134
|
+
<div class="pf-c-card">
|
|
6135
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6100
6136
|
</div>
|
|
6101
|
-
<div class="pf-
|
|
6102
|
-
<div class="pf-c-
|
|
6103
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6104
|
-
</div>
|
|
6137
|
+
<div class="pf-c-card">
|
|
6138
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6105
6139
|
</div>
|
|
6106
|
-
<div class="pf-
|
|
6107
|
-
<div class="pf-c-
|
|
6108
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6109
|
-
</div>
|
|
6140
|
+
<div class="pf-c-card">
|
|
6141
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6110
6142
|
</div>
|
|
6111
|
-
<div class="pf-
|
|
6112
|
-
<div class="pf-c-
|
|
6113
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6114
|
-
</div>
|
|
6143
|
+
<div class="pf-c-card">
|
|
6144
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6115
6145
|
</div>
|
|
6116
|
-
<div class="pf-
|
|
6117
|
-
<div class="pf-c-
|
|
6118
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6119
|
-
</div>
|
|
6146
|
+
<div class="pf-c-card">
|
|
6147
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6120
6148
|
</div>
|
|
6121
|
-
<div class="pf-
|
|
6122
|
-
<div class="pf-c-
|
|
6123
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6124
|
-
</div>
|
|
6149
|
+
<div class="pf-c-card">
|
|
6150
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6125
6151
|
</div>
|
|
6126
|
-
<div class="pf-
|
|
6127
|
-
<div class="pf-c-
|
|
6128
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6129
|
-
</div>
|
|
6152
|
+
<div class="pf-c-card">
|
|
6153
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6130
6154
|
</div>
|
|
6131
|
-
<div class="pf-
|
|
6132
|
-
<div class="pf-c-
|
|
6133
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6134
|
-
</div>
|
|
6155
|
+
<div class="pf-c-card">
|
|
6156
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6135
6157
|
</div>
|
|
6136
|
-
<div class="pf-
|
|
6137
|
-
<div class="pf-c-
|
|
6138
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6139
|
-
</div>
|
|
6158
|
+
<div class="pf-c-card">
|
|
6159
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6140
6160
|
</div>
|
|
6141
|
-
<div class="pf-
|
|
6142
|
-
<div class="pf-c-
|
|
6143
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6144
|
-
</div>
|
|
6161
|
+
<div class="pf-c-card">
|
|
6162
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6145
6163
|
</div>
|
|
6146
|
-
<div class="pf-
|
|
6147
|
-
<div class="pf-c-
|
|
6148
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6149
|
-
</div>
|
|
6164
|
+
<div class="pf-c-card">
|
|
6165
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6150
6166
|
</div>
|
|
6151
|
-
<div class="pf-
|
|
6152
|
-
<div class="pf-c-
|
|
6153
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6154
|
-
</div>
|
|
6167
|
+
<div class="pf-c-card">
|
|
6168
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6155
6169
|
</div>
|
|
6156
|
-
<div class="pf-
|
|
6157
|
-
<div class="pf-c-
|
|
6158
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6159
|
-
</div>
|
|
6170
|
+
<div class="pf-c-card">
|
|
6171
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6160
6172
|
</div>
|
|
6161
|
-
<div class="pf-
|
|
6162
|
-
<div class="pf-c-
|
|
6163
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6164
|
-
</div>
|
|
6173
|
+
<div class="pf-c-card">
|
|
6174
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6165
6175
|
</div>
|
|
6166
|
-
<div class="pf-
|
|
6167
|
-
<div class="pf-c-
|
|
6168
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6169
|
-
</div>
|
|
6176
|
+
<div class="pf-c-card">
|
|
6177
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6170
6178
|
</div>
|
|
6171
|
-
<div class="pf-
|
|
6172
|
-
<div class="pf-c-
|
|
6173
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6174
|
-
</div>
|
|
6179
|
+
<div class="pf-c-card">
|
|
6180
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6175
6181
|
</div>
|
|
6176
|
-
<div class="pf-
|
|
6177
|
-
<div class="pf-c-
|
|
6178
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6179
|
-
</div>
|
|
6182
|
+
<div class="pf-c-card">
|
|
6183
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6180
6184
|
</div>
|
|
6181
|
-
<div class="pf-
|
|
6182
|
-
<div class="pf-c-
|
|
6183
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6184
|
-
</div>
|
|
6185
|
+
<div class="pf-c-card">
|
|
6186
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6185
6187
|
</div>
|
|
6186
|
-
<div class="pf-
|
|
6187
|
-
<div class="pf-c-
|
|
6188
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6189
|
-
</div>
|
|
6188
|
+
<div class="pf-c-card">
|
|
6189
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6190
6190
|
</div>
|
|
6191
|
-
<div class="pf-
|
|
6192
|
-
<div class="pf-c-
|
|
6193
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6194
|
-
</div>
|
|
6191
|
+
<div class="pf-c-card">
|
|
6192
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6195
6193
|
</div>
|
|
6196
|
-
<div class="pf-
|
|
6197
|
-
<div class="pf-c-
|
|
6198
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6199
|
-
</div>
|
|
6194
|
+
<div class="pf-c-card">
|
|
6195
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6200
6196
|
</div>
|
|
6201
|
-
<div class="pf-
|
|
6202
|
-
<div class="pf-c-
|
|
6203
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6204
|
-
</div>
|
|
6197
|
+
<div class="pf-c-card">
|
|
6198
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6205
6199
|
</div>
|
|
6206
|
-
<div class="pf-
|
|
6207
|
-
<div class="pf-c-
|
|
6208
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6209
|
-
</div>
|
|
6200
|
+
<div class="pf-c-card">
|
|
6201
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6210
6202
|
</div>
|
|
6211
|
-
<div class="pf-
|
|
6212
|
-
<div class="pf-c-
|
|
6213
|
-
<div class="pf-c-card__body">This is a card</div>
|
|
6214
|
-
</div>
|
|
6203
|
+
<div class="pf-c-card">
|
|
6204
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
6215
6205
|
</div>
|
|
6216
6206
|
</div>
|
|
6217
6207
|
</div>
|
|
@@ -6228,16 +6218,16 @@ wrapperTag: div
|
|
|
6228
6218
|
|
|
6229
6219
|
```
|
|
6230
6220
|
|
|
6231
|
-
### Centered
|
|
6221
|
+
### Centered section
|
|
6232
6222
|
|
|
6233
6223
|
```html isFullscreen
|
|
6234
|
-
<div class="pf-c-page" id="page-demo-centered-
|
|
6224
|
+
<div class="pf-c-page" id="page-demo-centered-section">
|
|
6235
6225
|
<a
|
|
6236
6226
|
class="pf-c-skip-to-content pf-c-button pf-m-primary"
|
|
6237
|
-
href="#main-content-page-demo-centered-
|
|
6227
|
+
href="#main-content-page-demo-centered-section"
|
|
6238
6228
|
>Skip to content</a>
|
|
6239
6229
|
|
|
6240
|
-
<header class="pf-c-masthead" id="page-demo-centered-
|
|
6230
|
+
<header class="pf-c-masthead" id="page-demo-centered-section-masthead">
|
|
6241
6231
|
<span class="pf-c-masthead__toggle">
|
|
6242
6232
|
<button
|
|
6243
6233
|
class="pf-c-button pf-m-plain"
|
|
@@ -6268,7 +6258,7 @@ wrapperTag: div
|
|
|
6268
6258
|
<div class="pf-c-masthead__content">
|
|
6269
6259
|
<div
|
|
6270
6260
|
class="pf-c-toolbar pf-m-full-height pf-m-static"
|
|
6271
|
-
id="page-demo-centered-
|
|
6261
|
+
id="page-demo-centered-section-masthead-toolbar"
|
|
6272
6262
|
>
|
|
6273
6263
|
<div class="pf-c-toolbar__content">
|
|
6274
6264
|
<div class="pf-c-toolbar__content-section">
|
|
@@ -6293,7 +6283,7 @@ wrapperTag: div
|
|
|
6293
6283
|
<nav
|
|
6294
6284
|
class="pf-c-app-launcher"
|
|
6295
6285
|
aria-label="Application launcher"
|
|
6296
|
-
id="page-demo-centered-
|
|
6286
|
+
id="page-demo-centered-section-masthead-icon-group--app-launcher"
|
|
6297
6287
|
>
|
|
6298
6288
|
<button
|
|
6299
6289
|
class="pf-c-app-launcher__toggle"
|
|
@@ -6309,14 +6299,24 @@ wrapperTag: div
|
|
|
6309
6299
|
hidden
|
|
6310
6300
|
>
|
|
6311
6301
|
<div class="pf-c-app-launcher__menu-search">
|
|
6312
|
-
<input
|
|
6313
|
-
class="pf-c-
|
|
6314
|
-
|
|
6315
|
-
|
|
6316
|
-
|
|
6317
|
-
|
|
6318
|
-
|
|
6319
|
-
|
|
6302
|
+
<div class="pf-c-search-input">
|
|
6303
|
+
<div class="pf-c-search-input__bar">
|
|
6304
|
+
<span class="pf-c-search-input__text">
|
|
6305
|
+
<span class="pf-c-search-input__icon">
|
|
6306
|
+
<i
|
|
6307
|
+
class="fas fa-search fa-fw"
|
|
6308
|
+
aria-hidden="true"
|
|
6309
|
+
></i>
|
|
6310
|
+
</span>
|
|
6311
|
+
<input
|
|
6312
|
+
class="pf-c-search-input__text-input"
|
|
6313
|
+
type="text"
|
|
6314
|
+
placeholder="Filter by name"
|
|
6315
|
+
aria-label="Filter by name"
|
|
6316
|
+
/>
|
|
6317
|
+
</span>
|
|
6318
|
+
</div>
|
|
6319
|
+
</div>
|
|
6320
6320
|
</div>
|
|
6321
6321
|
<section class="pf-c-app-launcher__group">
|
|
6322
6322
|
<h1 class="pf-c-app-launcher__group-title">Favorites</h1>
|
|
@@ -6428,7 +6428,7 @@ wrapperTag: div
|
|
|
6428
6428
|
<div class="pf-c-dropdown">
|
|
6429
6429
|
<button
|
|
6430
6430
|
class="pf-c-dropdown__toggle pf-m-plain"
|
|
6431
|
-
id="page-demo-centered-
|
|
6431
|
+
id="page-demo-centered-section-masthead-settings-button"
|
|
6432
6432
|
aria-expanded="false"
|
|
6433
6433
|
type="button"
|
|
6434
6434
|
aria-label="Settings"
|
|
@@ -6437,7 +6437,7 @@ wrapperTag: div
|
|
|
6437
6437
|
</button>
|
|
6438
6438
|
<ul
|
|
6439
6439
|
class="pf-c-dropdown__menu pf-m-align-right"
|
|
6440
|
-
aria-labelledby="page-demo-centered-
|
|
6440
|
+
aria-labelledby="page-demo-centered-section-masthead-settings-button"
|
|
6441
6441
|
hidden
|
|
6442
6442
|
>
|
|
6443
6443
|
<li>
|
|
@@ -6459,7 +6459,7 @@ wrapperTag: div
|
|
|
6459
6459
|
<div class="pf-c-dropdown">
|
|
6460
6460
|
<button
|
|
6461
6461
|
class="pf-c-dropdown__toggle pf-m-plain"
|
|
6462
|
-
id="page-demo-centered-
|
|
6462
|
+
id="page-demo-centered-section-masthead-help-button"
|
|
6463
6463
|
aria-expanded="false"
|
|
6464
6464
|
type="button"
|
|
6465
6465
|
aria-label="Help"
|
|
@@ -6468,7 +6468,7 @@ wrapperTag: div
|
|
|
6468
6468
|
</button>
|
|
6469
6469
|
<ul
|
|
6470
6470
|
class="pf-c-dropdown__menu pf-m-align-right"
|
|
6471
|
-
aria-labelledby="page-demo-centered-
|
|
6471
|
+
aria-labelledby="page-demo-centered-section-masthead-help-button"
|
|
6472
6472
|
hidden
|
|
6473
6473
|
>
|
|
6474
6474
|
<li>
|
|
@@ -6506,12 +6506,16 @@ wrapperTag: div
|
|
|
6506
6506
|
<div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
|
|
6507
6507
|
<div class="pf-c-menu__content">
|
|
6508
6508
|
<section class="pf-c-menu__group pf-m-hidden-on-sm">
|
|
6509
|
-
<ul class="pf-c-menu__list">
|
|
6510
|
-
<li
|
|
6509
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
6510
|
+
<li
|
|
6511
|
+
class="pf-c-menu__list-item pf-m-disabled"
|
|
6512
|
+
role="none"
|
|
6513
|
+
>
|
|
6511
6514
|
<button
|
|
6512
6515
|
class="pf-c-menu__item"
|
|
6513
6516
|
type="button"
|
|
6514
6517
|
disabled
|
|
6518
|
+
role="menuitem"
|
|
6515
6519
|
>
|
|
6516
6520
|
<span class="pf-c-menu__item-description">
|
|
6517
6521
|
<div class="pf-u-font-size-sm">Username:</div>
|
|
@@ -6521,11 +6525,15 @@ wrapperTag: div
|
|
|
6521
6525
|
</span>
|
|
6522
6526
|
</button>
|
|
6523
6527
|
</li>
|
|
6524
|
-
<li
|
|
6528
|
+
<li
|
|
6529
|
+
class="pf-c-menu__list-item pf-m-disabled"
|
|
6530
|
+
role="none"
|
|
6531
|
+
>
|
|
6525
6532
|
<button
|
|
6526
6533
|
class="pf-c-menu__item"
|
|
6527
6534
|
type="button"
|
|
6528
6535
|
disabled
|
|
6536
|
+
role="menuitem"
|
|
6529
6537
|
>
|
|
6530
6538
|
<span class="pf-c-menu__item-description">
|
|
6531
6539
|
<div class="pf-u-font-size-sm">Account number:</div>
|
|
@@ -6534,15 +6542,23 @@ wrapperTag: div
|
|
|
6534
6542
|
</button>
|
|
6535
6543
|
</li>
|
|
6536
6544
|
<li class="pf-c-divider" role="separator"></li>
|
|
6537
|
-
<li class="pf-c-menu__list-item">
|
|
6538
|
-
<button
|
|
6545
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
6546
|
+
<button
|
|
6547
|
+
class="pf-c-menu__item"
|
|
6548
|
+
type="button"
|
|
6549
|
+
role="menuitem"
|
|
6550
|
+
>
|
|
6539
6551
|
<span class="pf-c-menu__item-main">
|
|
6540
6552
|
<span class="pf-c-menu__item-text">My profile</span>
|
|
6541
6553
|
</span>
|
|
6542
6554
|
</button>
|
|
6543
6555
|
</li>
|
|
6544
|
-
<li class="pf-c-menu__list-item">
|
|
6545
|
-
<button
|
|
6556
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
6557
|
+
<button
|
|
6558
|
+
class="pf-c-menu__item"
|
|
6559
|
+
type="button"
|
|
6560
|
+
role="menuitem"
|
|
6561
|
+
>
|
|
6546
6562
|
<span class="pf-c-menu__item-main">
|
|
6547
6563
|
<span
|
|
6548
6564
|
class="pf-c-menu__item-text"
|
|
@@ -6550,8 +6566,12 @@ wrapperTag: div
|
|
|
6550
6566
|
</span>
|
|
6551
6567
|
</button>
|
|
6552
6568
|
</li>
|
|
6553
|
-
<li class="pf-c-menu__list-item">
|
|
6554
|
-
<button
|
|
6569
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
6570
|
+
<button
|
|
6571
|
+
class="pf-c-menu__item"
|
|
6572
|
+
type="button"
|
|
6573
|
+
role="menuitem"
|
|
6574
|
+
>
|
|
6555
6575
|
<span class="pf-c-menu__item-main">
|
|
6556
6576
|
<span class="pf-c-menu__item-text">Logout</span>
|
|
6557
6577
|
</span>
|
|
@@ -6561,11 +6581,12 @@ wrapperTag: div
|
|
|
6561
6581
|
</section>
|
|
6562
6582
|
<hr class="pf-c-divider pf-m-hidden-on-sm" />
|
|
6563
6583
|
<section class="pf-c-menu__group">
|
|
6564
|
-
<ul class="pf-c-menu__list">
|
|
6565
|
-
<li class="pf-c-menu__list-item">
|
|
6584
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
6585
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
6566
6586
|
<button
|
|
6567
6587
|
class="pf-c-menu__item"
|
|
6568
6588
|
type="button"
|
|
6589
|
+
role="menuitem"
|
|
6569
6590
|
aria-expanded="false"
|
|
6570
6591
|
>
|
|
6571
6592
|
<span class="pf-c-menu__item-main">
|
|
@@ -6583,13 +6604,15 @@ wrapperTag: div
|
|
|
6583
6604
|
</button>
|
|
6584
6605
|
<div class="pf-c-menu" hidden>
|
|
6585
6606
|
<div class="pf-c-menu__content">
|
|
6586
|
-
<ul class="pf-c-menu__list">
|
|
6607
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
6587
6608
|
<li
|
|
6588
6609
|
class="pf-c-menu__list-item pf-m-drill-up"
|
|
6610
|
+
role="none"
|
|
6589
6611
|
>
|
|
6590
6612
|
<button
|
|
6591
6613
|
class="pf-c-menu__item"
|
|
6592
6614
|
type="button"
|
|
6615
|
+
role="menuitem"
|
|
6593
6616
|
>
|
|
6594
6617
|
<span class="pf-c-menu__item-main">
|
|
6595
6618
|
<span
|
|
@@ -6610,8 +6633,12 @@ wrapperTag: div
|
|
|
6610
6633
|
</button>
|
|
6611
6634
|
</li>
|
|
6612
6635
|
<li class="pf-c-divider" role="separator"></li>
|
|
6613
|
-
<li class="pf-c-menu__list-item">
|
|
6614
|
-
<a
|
|
6636
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
6637
|
+
<a
|
|
6638
|
+
class="pf-c-menu__item"
|
|
6639
|
+
href="#"
|
|
6640
|
+
role="menuitem"
|
|
6641
|
+
>
|
|
6615
6642
|
<span class="pf-c-menu__item-main">
|
|
6616
6643
|
<span
|
|
6617
6644
|
class="pf-c-menu__item-text"
|
|
@@ -6619,8 +6646,12 @@ wrapperTag: div
|
|
|
6619
6646
|
</span>
|
|
6620
6647
|
</a>
|
|
6621
6648
|
</li>
|
|
6622
|
-
<li class="pf-c-menu__list-item">
|
|
6623
|
-
<a
|
|
6649
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
6650
|
+
<a
|
|
6651
|
+
class="pf-c-menu__item"
|
|
6652
|
+
href="#"
|
|
6653
|
+
role="menuitem"
|
|
6654
|
+
>
|
|
6624
6655
|
<span class="pf-c-menu__item-main">
|
|
6625
6656
|
<span class="pf-c-menu__item-text">About</span>
|
|
6626
6657
|
</span>
|
|
@@ -6631,10 +6662,11 @@ wrapperTag: div
|
|
|
6631
6662
|
</div>
|
|
6632
6663
|
</li>
|
|
6633
6664
|
|
|
6634
|
-
<li class="pf-c-menu__list-item">
|
|
6665
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
6635
6666
|
<button
|
|
6636
6667
|
class="pf-c-menu__item"
|
|
6637
6668
|
type="button"
|
|
6669
|
+
role="menuitem"
|
|
6638
6670
|
aria-expanded="false"
|
|
6639
6671
|
>
|
|
6640
6672
|
<span class="pf-c-menu__item-main">
|
|
@@ -6652,13 +6684,15 @@ wrapperTag: div
|
|
|
6652
6684
|
</button>
|
|
6653
6685
|
<div class="pf-c-menu" hidden>
|
|
6654
6686
|
<div class="pf-c-menu__content">
|
|
6655
|
-
<ul class="pf-c-menu__list">
|
|
6687
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
6656
6688
|
<li
|
|
6657
6689
|
class="pf-c-menu__list-item pf-m-drill-up"
|
|
6690
|
+
role="none"
|
|
6658
6691
|
>
|
|
6659
6692
|
<button
|
|
6660
6693
|
class="pf-c-menu__item"
|
|
6661
6694
|
type="button"
|
|
6695
|
+
role="menuitem"
|
|
6662
6696
|
>
|
|
6663
6697
|
<span class="pf-c-menu__item-main">
|
|
6664
6698
|
<span
|
|
@@ -6677,8 +6711,12 @@ wrapperTag: div
|
|
|
6677
6711
|
</button>
|
|
6678
6712
|
</li>
|
|
6679
6713
|
<li class="pf-c-divider" role="separator"></li>
|
|
6680
|
-
<li class="pf-c-menu__list-item">
|
|
6681
|
-
<a
|
|
6714
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
6715
|
+
<a
|
|
6716
|
+
class="pf-c-menu__item"
|
|
6717
|
+
href="#"
|
|
6718
|
+
role="menuitem"
|
|
6719
|
+
>
|
|
6682
6720
|
<span class="pf-c-menu__item-main">
|
|
6683
6721
|
<span
|
|
6684
6722
|
class="pf-c-menu__item-text"
|
|
@@ -6686,8 +6724,12 @@ wrapperTag: div
|
|
|
6686
6724
|
</span>
|
|
6687
6725
|
</a>
|
|
6688
6726
|
</li>
|
|
6689
|
-
<li class="pf-c-menu__list-item">
|
|
6690
|
-
<a
|
|
6727
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
6728
|
+
<a
|
|
6729
|
+
class="pf-c-menu__item"
|
|
6730
|
+
href="#"
|
|
6731
|
+
role="menuitem"
|
|
6732
|
+
>
|
|
6691
6733
|
<span class="pf-c-menu__item-main">
|
|
6692
6734
|
<span
|
|
6693
6735
|
class="pf-c-menu__item-text"
|
|
@@ -6695,8 +6737,12 @@ wrapperTag: div
|
|
|
6695
6737
|
</span>
|
|
6696
6738
|
</a>
|
|
6697
6739
|
</li>
|
|
6698
|
-
<li class="pf-c-menu__list-item">
|
|
6699
|
-
<a
|
|
6740
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
6741
|
+
<a
|
|
6742
|
+
class="pf-c-menu__item"
|
|
6743
|
+
href="#"
|
|
6744
|
+
role="menuitem"
|
|
6745
|
+
>
|
|
6700
6746
|
<span class="pf-c-menu__item-main">
|
|
6701
6747
|
<span
|
|
6702
6748
|
class="pf-c-menu__item-text"
|
|
@@ -6709,8 +6755,12 @@ wrapperTag: div
|
|
|
6709
6755
|
</div>
|
|
6710
6756
|
</li>
|
|
6711
6757
|
|
|
6712
|
-
<li class="pf-c-menu__list-item">
|
|
6713
|
-
<button
|
|
6758
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
6759
|
+
<button
|
|
6760
|
+
class="pf-c-menu__item"
|
|
6761
|
+
type="button"
|
|
6762
|
+
role="menuitem"
|
|
6763
|
+
>
|
|
6714
6764
|
<span class="pf-c-menu__item-main">
|
|
6715
6765
|
<span class="pf-c-menu__item-icon">
|
|
6716
6766
|
<i class="fas fa-fw fa-th" aria-hidden="true"></i>
|
|
@@ -6725,7 +6775,11 @@ wrapperTag: div
|
|
|
6725
6775
|
</button>
|
|
6726
6776
|
<div class="pf-c-menu" hidden>
|
|
6727
6777
|
<div class="pf-c-menu__header">
|
|
6728
|
-
<button
|
|
6778
|
+
<button
|
|
6779
|
+
class="pf-c-menu__item"
|
|
6780
|
+
type="button"
|
|
6781
|
+
role="menuitem"
|
|
6782
|
+
>
|
|
6729
6783
|
<span class="pf-c-menu__item-main">
|
|
6730
6784
|
<span class="pf-c-menu__item-toggle-icon">
|
|
6731
6785
|
<i class="fas fa-angle-left"></i>
|
|
@@ -6744,21 +6798,36 @@ wrapperTag: div
|
|
|
6744
6798
|
</div>
|
|
6745
6799
|
<div class="pf-c-menu__search">
|
|
6746
6800
|
<div class="pf-c-menu__search-input">
|
|
6747
|
-
<input
|
|
6748
|
-
class="pf-c-
|
|
6749
|
-
|
|
6750
|
-
|
|
6751
|
-
|
|
6752
|
-
|
|
6753
|
-
|
|
6801
|
+
<div class="pf-c-search-input">
|
|
6802
|
+
<div class="pf-c-search-input__bar">
|
|
6803
|
+
<span class="pf-c-search-input__text">
|
|
6804
|
+
<span class="pf-c-search-input__icon">
|
|
6805
|
+
<i
|
|
6806
|
+
class="fas fa-search fa-fw"
|
|
6807
|
+
aria-hidden="true"
|
|
6808
|
+
></i>
|
|
6809
|
+
</span>
|
|
6810
|
+
<input
|
|
6811
|
+
class="pf-c-search-input__text-input"
|
|
6812
|
+
type="text"
|
|
6813
|
+
placeholder="Search"
|
|
6814
|
+
aria-label="Search"
|
|
6815
|
+
/>
|
|
6816
|
+
</span>
|
|
6817
|
+
</div>
|
|
6818
|
+
</div>
|
|
6754
6819
|
</div>
|
|
6755
6820
|
</div>
|
|
6756
6821
|
<hr class="pf-c-divider" />
|
|
6757
6822
|
<section class="pf-c-menu__group">
|
|
6758
6823
|
<h1 class="pf-c-menu__group-title">Favorites</h1>
|
|
6759
|
-
<ul class="pf-c-menu__list">
|
|
6760
|
-
<li class="pf-c-menu__list-item">
|
|
6761
|
-
<a
|
|
6824
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
6825
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
6826
|
+
<a
|
|
6827
|
+
class="pf-c-menu__item"
|
|
6828
|
+
href="#"
|
|
6829
|
+
role="menuitem"
|
|
6830
|
+
>
|
|
6762
6831
|
<span class="pf-c-menu__item-main">
|
|
6763
6832
|
<span
|
|
6764
6833
|
class="pf-c-menu__item-text"
|
|
@@ -6778,10 +6847,11 @@ wrapperTag: div
|
|
|
6778
6847
|
</span>
|
|
6779
6848
|
</button>
|
|
6780
6849
|
</li>
|
|
6781
|
-
<li class="pf-c-menu__list-item">
|
|
6850
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
6782
6851
|
<a
|
|
6783
6852
|
class="pf-c-menu__item"
|
|
6784
6853
|
href="#"
|
|
6854
|
+
role="menuitem"
|
|
6785
6855
|
target="_blank"
|
|
6786
6856
|
>
|
|
6787
6857
|
<span class="pf-c-menu__item-main">
|
|
@@ -6819,9 +6889,13 @@ wrapperTag: div
|
|
|
6819
6889
|
<hr class="pf-c-divider" />
|
|
6820
6890
|
<section class="pf-c-menu__group">
|
|
6821
6891
|
<h1 class="pf-c-menu__group-title">Group 1</h1>
|
|
6822
|
-
<ul class="pf-c-menu__list">
|
|
6823
|
-
<li class="pf-c-menu__list-item">
|
|
6824
|
-
<a
|
|
6892
|
+
<ul class="pf-c-menu__list" role="menu">
|
|
6893
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
6894
|
+
<a
|
|
6895
|
+
class="pf-c-menu__item"
|
|
6896
|
+
href="#"
|
|
6897
|
+
role="menuitem"
|
|
6898
|
+
>
|
|
6825
6899
|
<span class="pf-c-menu__item-main">
|
|
6826
6900
|
<span
|
|
6827
6901
|
class="pf-c-menu__item-text"
|
|
@@ -6841,10 +6915,11 @@ wrapperTag: div
|
|
|
6841
6915
|
</span>
|
|
6842
6916
|
</button>
|
|
6843
6917
|
</li>
|
|
6844
|
-
<li class="pf-c-menu__list-item">
|
|
6918
|
+
<li class="pf-c-menu__list-item" role="none">
|
|
6845
6919
|
<a
|
|
6846
6920
|
class="pf-c-menu__item"
|
|
6847
6921
|
href="#"
|
|
6922
|
+
role="menuitem"
|
|
6848
6923
|
target="_blank"
|
|
6849
6924
|
>
|
|
6850
6925
|
<span class="pf-c-menu__item-main">
|
|
@@ -6895,7 +6970,7 @@ wrapperTag: div
|
|
|
6895
6970
|
>
|
|
6896
6971
|
<button
|
|
6897
6972
|
class="pf-c-dropdown__toggle"
|
|
6898
|
-
id="page-demo-centered-
|
|
6973
|
+
id="page-demo-centered-section-masthead-profile-button"
|
|
6899
6974
|
aria-expanded="false"
|
|
6900
6975
|
type="button"
|
|
6901
6976
|
>
|
|
@@ -6951,7 +7026,7 @@ wrapperTag: div
|
|
|
6951
7026
|
<div class="pf-c-page__sidebar-body">
|
|
6952
7027
|
<nav
|
|
6953
7028
|
class="pf-c-nav"
|
|
6954
|
-
id="page-demo-centered-
|
|
7029
|
+
id="page-demo-centered-section-primary-nav"
|
|
6955
7030
|
aria-label="Global"
|
|
6956
7031
|
>
|
|
6957
7032
|
<ul class="pf-c-nav__list">
|
|
@@ -6981,98 +7056,70 @@ wrapperTag: div
|
|
|
6981
7056
|
<main
|
|
6982
7057
|
class="pf-c-page__main"
|
|
6983
7058
|
tabindex="-1"
|
|
6984
|
-
id="main-content-page-demo-centered-
|
|
7059
|
+
id="main-content-page-demo-centered-section"
|
|
6985
7060
|
>
|
|
6986
|
-
<section
|
|
6987
|
-
class="pf-c-page__main-section pf-m-limit-width pf-m-align-center pf-m-fill"
|
|
6988
|
-
>
|
|
6989
|
-
<div class="pf-c-page__main-body">
|
|
6990
|
-
<div class="pf-l-bullseye">
|
|
6991
|
-
<div class="pf-c-content pf-u-text-align-center">
|
|
6992
|
-
<h1>Centered title (content centered)</h1>
|
|
6993
|
-
<p>Page section filled, width limited, centered.</p>
|
|
6994
|
-
</div>
|
|
6995
|
-
</div>
|
|
6996
|
-
</div>
|
|
6997
|
-
</section>
|
|
6998
|
-
<hr class="pf-c-divider" />
|
|
6999
7061
|
<section
|
|
7000
7062
|
class="pf-c-page__main-section pf-m-limit-width pf-m-align-center pf-m-light"
|
|
7001
7063
|
>
|
|
7002
7064
|
<div class="pf-c-page__main-body">
|
|
7003
|
-
<div class="pf-
|
|
7004
|
-
<
|
|
7005
|
-
|
|
7006
|
-
|
|
7007
|
-
|
|
7065
|
+
<div class="pf-c-content">
|
|
7066
|
+
<h1>Centering page sections</h1>
|
|
7067
|
+
<p>
|
|
7068
|
+
When a width limited page section is wider than the value of
|
|
7069
|
+
<code>--pf-c-page--section--m-limit-width--MaxWidth</code>, the section will be centered in the main section.
|
|
7070
|
+
</p>
|
|
7071
|
+
<p>All of the page sections on this page are centered.</p>
|
|
7008
7072
|
</div>
|
|
7009
7073
|
</div>
|
|
7010
7074
|
</section>
|
|
7011
7075
|
<hr class="pf-c-divider" />
|
|
7012
7076
|
<section class="pf-c-page__main-section pf-m-limit-width pf-m-align-center">
|
|
7013
7077
|
<div class="pf-c-page__main-body">
|
|
7014
|
-
<div class="pf-
|
|
7015
|
-
<div class="pf-c-
|
|
7016
|
-
<
|
|
7078
|
+
<div class="pf-l-gallery pf-m-gutter">
|
|
7079
|
+
<div class="pf-c-card">
|
|
7080
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7017
7081
|
</div>
|
|
7018
|
-
<div class="pf-c-
|
|
7019
|
-
<
|
|
7082
|
+
<div class="pf-c-card">
|
|
7083
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7020
7084
|
</div>
|
|
7021
|
-
|
|
7022
|
-
|
|
7023
|
-
</section>
|
|
7024
|
-
<hr class="pf-c-divider" />
|
|
7025
|
-
<section class="pf-c-page__main-section">
|
|
7026
|
-
<div
|
|
7027
|
-
class="pf-l-grid pf-m-gutter pf-m-all-6-col-on-md pf-m-all-3-col-on-xl"
|
|
7028
|
-
>
|
|
7029
|
-
<div class="pf-l-grid__item pf-m-12-col">
|
|
7030
|
-
<h2 class="pf-u-text-align-center">(Default page section)</h2>
|
|
7031
|
-
</div>
|
|
7032
|
-
<div class="pf-c-card">
|
|
7033
|
-
<div class="pf-c-card__header">Card header</div>
|
|
7034
|
-
<div class="pf-c-card__body">Card body</div>
|
|
7035
|
-
</div>
|
|
7036
|
-
<div class="pf-c-card">
|
|
7037
|
-
<div class="pf-c-card__header">Card header</div>
|
|
7038
|
-
<div class="pf-c-card__body">Card body</div>
|
|
7039
|
-
</div>
|
|
7040
|
-
<div class="pf-c-card">
|
|
7041
|
-
<div class="pf-c-card__header">Card header</div>
|
|
7042
|
-
<div class="pf-c-card__body">Card body</div>
|
|
7043
|
-
</div>
|
|
7044
|
-
<div class="pf-c-card">
|
|
7045
|
-
<div class="pf-c-card__header">Card header</div>
|
|
7046
|
-
<div class="pf-c-card__body">Card body</div>
|
|
7047
|
-
</div>
|
|
7048
|
-
</div>
|
|
7049
|
-
</section>
|
|
7050
|
-
<hr class="pf-c-divider" />
|
|
7051
|
-
<section class="pf-c-page__main-section pf-m-limit-width pf-m-align-center">
|
|
7052
|
-
<div class="pf-c-page__main-body">
|
|
7053
|
-
<div
|
|
7054
|
-
class="pf-l-grid pf-m-gutter pf-m-all-6-col-on-md pf-m-all-3-col-on-xl"
|
|
7055
|
-
>
|
|
7056
|
-
<div class="pf-l-grid__item pf-m-12-col">
|
|
7057
|
-
<h2
|
|
7058
|
-
class="pf-u-text-align-center"
|
|
7059
|
-
>(Page section width limited, centered.)</h2>
|
|
7085
|
+
<div class="pf-c-card">
|
|
7086
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7060
7087
|
</div>
|
|
7061
7088
|
<div class="pf-c-card">
|
|
7062
|
-
<div class="pf-c-
|
|
7063
|
-
<div class="pf-c-card__body">Card body</div>
|
|
7089
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7064
7090
|
</div>
|
|
7065
7091
|
<div class="pf-c-card">
|
|
7066
|
-
<div class="pf-c-
|
|
7067
|
-
<div class="pf-c-card__body">Card body</div>
|
|
7092
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7068
7093
|
</div>
|
|
7069
7094
|
<div class="pf-c-card">
|
|
7070
|
-
<div class="pf-c-
|
|
7071
|
-
<div class="pf-c-card__body">Card body</div>
|
|
7095
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7072
7096
|
</div>
|
|
7073
7097
|
<div class="pf-c-card">
|
|
7074
|
-
<div class="pf-c-
|
|
7075
|
-
|
|
7098
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7099
|
+
</div>
|
|
7100
|
+
<div class="pf-c-card">
|
|
7101
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7102
|
+
</div>
|
|
7103
|
+
<div class="pf-c-card">
|
|
7104
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7105
|
+
</div>
|
|
7106
|
+
<div class="pf-c-card">
|
|
7107
|
+
<div class="pf-c-card__body">This is a card</div>
|
|
7108
|
+
</div>
|
|
7109
|
+
</div>
|
|
7110
|
+
</div>
|
|
7111
|
+
</section>
|
|
7112
|
+
<hr class="pf-c-divider" />
|
|
7113
|
+
<section
|
|
7114
|
+
class="pf-c-page__main-section pf-m-limit-width pf-m-align-center pf-u-text-align-center"
|
|
7115
|
+
>
|
|
7116
|
+
<div class="pf-c-page__main-body">
|
|
7117
|
+
<div class="pf-c-card">
|
|
7118
|
+
<div class="pf-c-card__body">
|
|
7119
|
+
<p>
|
|
7120
|
+
The content in this section is also centered using the
|
|
7121
|
+
<code>.pf-u-text-align-center</code> utility class.
|
|
7122
|
+
</p>
|
|
7076
7123
|
</div>
|
|
7077
7124
|
</div>
|
|
7078
7125
|
</div>
|