@openeuropa/bcl-subscription 0.4230.202512021730 → 0.4360.202601141610

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.
@@ -3,128 +3,89 @@
3
3
  exports[`OE - Subscription renders correctly 1`] = `
4
4
  <jest>
5
5
  <header
6
- class="bcl-header bcl-header--eu"
6
+ class="bcl-header bcl-header--eu shadow-sm"
7
7
  >
8
-
9
-
10
8
  <nav
11
9
  aria-label="Top Navigation"
12
- class="w-100 shadow-sm bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
10
+ class="w-100 bcl-header__top-navbar navbar navbar-expand-lg navbar-light"
13
11
  >
14
-
15
-
16
12
  <div
17
13
  class="container"
18
14
  >
19
-
20
-
21
15
  <a
22
16
  class="navbar-brand"
23
17
  href="/example.html"
24
18
  >
25
-
26
-
27
19
  <img
28
20
  alt="desktop european union logo"
29
21
  class="d-none d-lg-block"
30
22
  src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/standard-version/positive/logo-eu--en.svg"
31
23
  />
32
-
33
-
34
24
  <img
35
25
  alt="mobile european union logo"
36
26
  class="d-lg-none"
37
27
  src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v3.0.2/eu/images/logo/condensed-version/positive/logo-eu--en.svg"
38
28
  />
39
-
40
-
41
29
  </a>
42
-
43
-
44
30
  <button
45
31
  aria-controls="header-navbar"
46
32
  aria-expanded="false"
47
- aria-label="Toggle navigation"
48
- class="navbar-toggler bcl-navbar-toggler"
33
+ aria-label="Main navigation toggle"
34
+ class="bcl-navbar-toggler d-lg-none"
49
35
  data-bs-target="#header-navbar"
50
36
  data-bs-toggle="collapse"
51
37
  type="button"
52
38
  >
53
-
54
-
55
- <span
56
- class="navbar-toggler-icon"
57
- />
58
-
59
-
39
+ <svg
40
+ class="default-icon bi icon--fluid"
41
+ >
42
+ <use
43
+ xlink:href="/icons.svg#list"
44
+ />
45
+ </svg>
46
+ <svg
47
+ class="active-icon bi icon--fluid"
48
+ >
49
+ <use
50
+ xlink:href="/icons.svg#x"
51
+ />
52
+ </svg>
60
53
  </button>
61
-
62
-
63
54
  </div>
64
-
65
-
66
55
  </nav>
67
-
68
-
69
-
70
-
71
- <!-- project name -->
72
-
73
-
74
-
56
+ <!-- site name -->
57
+ <div
58
+ class="bcl-header__site-name"
59
+ id="site-name-heading"
60
+ >
61
+ <div
62
+ class="container"
63
+ >
64
+ <span
65
+ class="h5 py-3-5 border-top-subtle mb-0 d-block"
66
+ >
67
+ Project name
68
+ </span>
69
+ </div>
70
+ </div>
75
71
  <!-- navbar -->
76
-
77
-
78
-
79
-
80
-
81
-
82
-
83
72
  <nav
84
73
  aria-label="Main Navigation"
85
74
  class="bcl-header__navbar collapse navbar-collapse navbar navbar-expand-lg navbar-dark"
86
75
  id="header-navbar"
87
76
  >
88
-
89
-
90
77
  <div
91
78
  class="container"
92
79
  >
93
-
94
-
95
-
96
-
97
-
98
-
99
-
100
-
101
-
102
-
103
-
104
80
  <ul
105
81
  class="me-auto navbar-nav"
106
82
  >
107
-
108
-
109
83
  <li
110
84
  class="nav-item"
111
85
  >
112
-
113
-
114
-
115
-
116
-
117
-
118
-
119
-
120
86
  <div
121
87
  class="bcl-mega-menu"
122
88
  >
123
-
124
-
125
-
126
-
127
-
128
89
  <button
129
90
  aria-controls="mega-menu-dropdown-megamenu"
130
91
  aria-expanded="false"
@@ -137,78 +98,42 @@ exports[`OE - Subscription renders correctly 1`] = `
137
98
  >
138
99
  A link with dropdown
139
100
  </button>
140
-
141
-
142
-
143
101
  <nav
144
102
  aria-label="Main mega menu"
145
103
  aria-labelledby="dropdown-megamenu"
146
104
  class="bcl-mega-menu__container dropdown-menu"
147
105
  id="mega-menu-dropdown-megamenu"
148
106
  >
149
-
150
-
151
107
  <div
152
108
  class="container"
153
109
  >
154
-
155
-
156
110
  <div
157
111
  class="container d-lg-none bcl-mega-menu__back-button-block"
158
112
  >
159
-
160
-
161
-
162
-
163
-
164
113
  <button
165
114
  aria-label="Back to main menu"
166
115
  class="back-button btn btn-link btn-md"
167
116
  type="button"
168
117
  >
169
-
170
-
171
-
172
-
173
-
174
-
175
-
176
118
  <svg
177
119
  class="me-2-5 bi icon--fluid"
178
120
  >
179
-
180
-
181
121
  <use
182
122
  xlink:href="/icons.svg#arrow-left"
183
123
  />
184
-
185
-
186
124
  </svg>
187
-
188
-
189
- Back
125
+ Back
190
126
  </button>
191
-
192
-
193
-
194
127
  </div>
195
-
196
-
197
128
  <div
198
129
  class="position-relative"
199
130
  >
200
-
201
-
202
131
  <div
203
132
  class="row"
204
133
  >
205
-
206
-
207
134
  <div
208
135
  class="col-md-12 col-xl-3 position-relative bcl-mega-menu__info"
209
136
  >
210
-
211
-
212
137
  <div
213
138
  class="content-block"
214
139
  >
@@ -218,704 +143,388 @@ Back
218
143
  <p>
219
144
  Description text, lorem ipsum dolor sit amet, consectetur adipiscing elit.
220
145
  </p>
221
-
222
146
  <p
223
147
  class="m-0"
224
148
  >
225
-
226
-
227
-
228
-
229
-
230
-
231
-
232
149
  <a
233
150
  class="content-link"
234
151
  href="/example.html"
235
152
  >
236
153
  Discover more
237
-
238
-
239
-
240
-
241
-
242
-
243
154
  <svg
244
155
  class="ms-2-5 bi icon--s"
245
156
  >
246
-
247
-
248
157
  <use
249
158
  xlink:href="/icons.svg#arrow-right"
250
159
  />
251
-
252
-
253
160
  </svg>
254
-
255
-
256
-
257
161
  </a>
258
-
259
-
260
-
261
162
  </p>
262
-
263
-
264
163
  </div>
265
-
266
-
267
164
  <div
268
165
  class="shadow-container"
269
166
  >
270
-
271
-
272
167
  <span
273
168
  class="shadow-bg"
274
169
  />
275
-
276
-
277
170
  </div>
278
-
279
-
280
171
  </div>
281
-
282
-
283
172
  <div
284
173
  class="col-md-12 col-lg-4 col-xl-3 bcl-mega-menu__menu"
285
174
  >
286
175
 
287
176
 
288
-
289
- <ul
290
- class="bcl-mega-menu__items __level-1"
177
+ <div
178
+ class="__submenu_body"
291
179
  >
292
180
 
293
-
294
- <li
295
- class="__parent"
181
+
182
+ <ul
183
+ class="bcl-mega-menu__items __level-1"
296
184
  >
297
-
298
-
299
-
300
-
301
-
302
-
303
-
304
- <button
305
- aria-controls="mm-panel-custom-trigger-mm-1"
306
- aria-expanded="false"
307
- aria-haspopup="menu"
308
- class="active"
309
- id="custom-trigger-mm-1"
310
- type="button"
311
- >
312
- Base Category Item
313
- </button>
314
-
315
-
316
-
317
-
318
- <div
319
- aria-labelledby="custom-trigger-mm-1"
320
- class="bcl-mega-menu__submenu __level-2"
321
- hidden
322
- id="mm-panel-custom-trigger-mm-1"
323
- role="group"
185
+ <li
186
+ class="__parent"
324
187
  >
325
-
326
-
327
- <div
328
- class="__header"
188
+ <button
189
+ aria-controls="mm-panel-custom-trigger-mm-1"
190
+ aria-expanded="false"
191
+ aria-haspopup="menu"
192
+ class="active"
193
+ id="custom-trigger-mm-1"
194
+ type="button"
329
195
  >
330
-
331
-
332
- <p
333
- class="__label"
334
- >
335
- Base Category Item
336
- </p>
337
-
338
-
339
- </div>
340
-
341
-
342
-
343
- <ul
344
- class="bcl-mega-menu__items __level-2"
196
+ Base Category Item
197
+ </button>
198
+ <div
199
+ aria-labelledby="custom-trigger-mm-1"
200
+ class="bcl-mega-menu__submenu __level-2"
201
+ hidden
202
+ id="mm-panel-custom-trigger-mm-1"
203
+ role="group"
345
204
  >
346
-
347
-
348
- <li
349
- class="__leaf"
205
+ <div
206
+ class="__header"
350
207
  >
351
-
352
-
353
-
354
-
355
-
356
-
357
-
358
-
359
- <a
360
- class="active"
361
- href="/example.html"
208
+ <p
209
+ class="__label"
362
210
  >
363
- Base Sub Category Item
364
- </a>
211
+ Base Category Item
212
+ </p>
213
+ </div>
365
214
 
366
-
367
-
368
- </li>
369
-
370
-
371
- <li
372
- class="__leaf"
215
+ <div
216
+ class="__submenu_body"
373
217
  >
374
-
375
-
376
-
377
-
378
-
379
-
380
-
381
-
382
- <a
383
- href="/example.html"
218
+ <ul
219
+ class="bcl-mega-menu__items __level-2"
384
220
  >
385
- Base Sub Category Item
386
- </a>
387
-
388
-
389
-
390
- </li>
391
-
392
-
393
- <li
394
- class="__leaf"
395
- >
396
-
397
-
398
-
399
-
400
-
401
-
402
-
403
-
404
- <a
405
- href="/example.html"
221
+ <li
222
+ class="__leaf"
223
+ >
224
+ <a
225
+ class="active"
226
+ href="/example.html"
227
+ >
228
+ Base Sub Category Item
229
+ </a>
230
+ </li>
231
+ <li
232
+ class="__leaf"
233
+ >
234
+ <a
235
+ href="/example.html"
236
+ >
237
+ Base Sub Category Item
238
+ </a>
239
+ </li>
240
+ <li
241
+ class="__leaf"
242
+ >
243
+ <a
244
+ href="/example.html"
245
+ >
246
+ Base Sub Category Item
247
+ </a>
248
+ </li>
249
+ <li
250
+ class="__leaf"
251
+ >
252
+ <a
253
+ href="/example.html"
254
+ >
255
+ Base Sub Category Item
256
+ </a>
257
+ </li>
258
+ <li
259
+ class="__leaf"
260
+ >
261
+ <a
262
+ href="/example.html"
263
+ >
264
+ Base Sub Category Item
265
+ </a>
266
+ </li>
267
+ <li
268
+ class="__leaf"
269
+ >
270
+ <a
271
+ href="/example.html"
272
+ >
273
+ Base Sub Category Item
274
+ </a>
275
+ </li>
276
+ <li
277
+ class="__leaf"
278
+ >
279
+ <a
280
+ href="/example.html"
281
+ >
282
+ Base Sub Category Item
283
+ </a>
284
+ </li>
285
+ <li
286
+ class="__leaf"
287
+ >
288
+ <a
289
+ href="/example.html"
290
+ >
291
+ Base Sub Category Item
292
+ </a>
293
+ </li>
294
+ <li
295
+ class="__leaf"
296
+ >
297
+ <a
298
+ href="/example.html"
299
+ >
300
+ Base Sub Category Item
301
+ </a>
302
+ </li>
303
+ <li
304
+ class="__leaf"
305
+ >
306
+ <a
307
+ href="/example.html"
308
+ >
309
+ Base Sub Category Item
310
+ </a>
311
+ </li>
312
+ </ul>
313
+ <div
314
+ class="__see_all"
406
315
  >
407
- Base Sub Category Item
408
- </a>
409
-
410
-
411
-
412
- </li>
316
+
317
+
318
+ <a
319
+ aria-label="See all items in ‘Base Category Item’"
320
+ class="see-all-button"
321
+ href="/example.html"
322
+ >
323
+ <span>
324
+ See all
325
+ </span>
326
+ <svg
327
+ class="ms-2-5 bi icon--xs"
328
+ >
329
+ <use
330
+ xlink:href="/icons.svg#arrow-right"
331
+ />
332
+ </svg>
333
+ </a>
334
+
335
+ </div>
336
+ </div>
413
337
 
414
-
415
- <li
416
- class="__leaf"
417
- >
418
-
419
-
420
-
421
-
422
338
 
423
-
424
-
425
-
426
- <a
427
- href="/example.html"
339
+ </div>
340
+ </li>
341
+ <li
342
+ class="__leaf"
343
+ >
344
+ <span>
345
+ Base Category Item
346
+ </span>
347
+ </li>
348
+ <li
349
+ class="__parent"
350
+ >
351
+ <button
352
+ aria-controls="mm-panel-custom-trigger-mm-2"
353
+ aria-expanded="false"
354
+ aria-haspopup="menu"
355
+ id="custom-trigger-mm-2"
356
+ type="button"
357
+ >
358
+ Base Category Item
359
+ </button>
360
+ <div
361
+ aria-labelledby="custom-trigger-mm-2"
362
+ class="bcl-mega-menu__submenu __level-2"
363
+ hidden
364
+ id="mm-panel-custom-trigger-mm-2"
365
+ role="group"
366
+ >
367
+ <div
368
+ class="__header"
369
+ >
370
+ <p
371
+ class="__label"
428
372
  >
429
- Base Sub Category Item
430
- </a>
373
+ Base Category Item
374
+ </p>
375
+ </div>
431
376
 
432
-
433
-
434
- </li>
435
-
436
-
437
- <li
438
- class="__see_all __leaf"
377
+ <div
378
+ class="__submenu_body"
439
379
  >
440
-
441
-
442
-
443
-
444
-
445
-
446
-
447
-
448
- <a
449
- aria-label="See all items in ‘Base Category Item’"
450
- class="see-all-button"
451
- href="/example.html"
380
+ <ul
381
+ class="bcl-mega-menu__items __level-2"
452
382
  >
453
-
454
- <span>
455
- See all
456
- </span>
457
-
458
-
459
-
460
-
461
-
462
-
463
-
464
-
465
- <svg
466
- class="ms-2-5 bi icon--s"
383
+ <li
384
+ class="__leaf"
467
385
  >
468
-
469
-
470
- <use
471
- xlink:href="/icons.svg#arrow-right"
472
- />
473
-
474
-
475
- </svg>
476
-
477
-
478
-
479
- </a>
480
-
481
-
482
-
483
- </li>
386
+ <a
387
+ href="/example.html"
388
+ >
389
+ Base Sub Category Item
390
+ </a>
391
+ </li>
392
+ <li
393
+ class="__leaf"
394
+ >
395
+ <a
396
+ href="/example.html"
397
+ >
398
+ Base Sub Category Item
399
+ </a>
400
+ </li>
401
+ <li
402
+ class="__leaf"
403
+ >
404
+ <a
405
+ href="/example.html"
406
+ >
407
+ Base Sub Category Item
408
+ </a>
409
+ </li>
410
+ <li
411
+ class="__leaf"
412
+ >
413
+ <a
414
+ href="/example.html"
415
+ >
416
+ Base Sub Category Item
417
+ </a>
418
+ </li>
419
+ <li
420
+ class="__leaf"
421
+ >
422
+ <a
423
+ href="/example.html"
424
+ >
425
+ Base Sub Category Item
426
+ </a>
427
+ </li>
428
+ <li
429
+ class="__leaf"
430
+ >
431
+ <a
432
+ href="/example.html"
433
+ >
434
+ Base Sub Category Item
435
+ </a>
436
+ </li>
437
+ <li
438
+ class="__leaf"
439
+ >
440
+ <a
441
+ href="/example.html"
442
+ >
443
+ Base Sub Category Item
444
+ </a>
445
+ </li>
446
+ <li
447
+ class="__leaf"
448
+ >
449
+ <a
450
+ href="/example.html"
451
+ >
452
+ Base Sub Category Item
453
+ </a>
454
+ </li>
455
+ </ul>
456
+ </div>
484
457
 
485
-
486
- </ul>
487
-
488
-
489
-
490
- </div>
491
-
492
-
493
-
494
- </li>
495
-
496
-
497
- <li
498
- class="__leaf"
499
- >
500
-
501
-
502
- <span>
503
- Base Category Item
504
- </span>
505
-
506
-
507
- </li>
508
-
509
-
510
- <li
511
- class="__parent"
512
- >
513
-
514
-
515
458
 
516
-
517
-
518
-
519
-
520
- <button
521
- aria-controls="mm-panel-custom-trigger-mm-2"
522
- aria-expanded="false"
523
- aria-haspopup="menu"
524
- id="custom-trigger-mm-2"
525
- type="button"
459
+ </div>
460
+ </li>
461
+ <li
462
+ class="__leaf"
526
463
  >
527
- Base Category Item
528
- </button>
529
-
530
-
531
-
532
-
533
- <div
534
- aria-labelledby="custom-trigger-mm-2"
535
- class="bcl-mega-menu__submenu __level-2"
536
- hidden
537
- id="mm-panel-custom-trigger-mm-2"
538
- role="group"
464
+ <a
465
+ href="/example.html"
466
+ >
467
+ Base Category Item
468
+ </a>
469
+ </li>
470
+ <li
471
+ class="__leaf"
539
472
  >
540
-
541
-
542
- <div
543
- class="__header"
473
+ <a
474
+ href="/example.html"
544
475
  >
545
-
546
-
547
- <p
548
- class="__label"
549
- >
550
- Base Category Item
551
- </p>
552
-
553
-
554
- </div>
555
-
556
-
557
-
558
- <ul
559
- class="bcl-mega-menu__items __level-2"
560
- >
561
-
562
-
563
- <li
564
- class="__leaf"
565
- >
566
-
567
-
568
-
569
-
570
-
571
-
572
-
573
-
574
- <a
575
- href="/example.html"
576
- >
577
- Base Sub Category Item
578
- </a>
579
-
580
-
581
-
582
- </li>
583
-
584
-
585
- <li
586
- class="__leaf"
587
- >
588
-
589
-
590
-
591
-
592
-
593
-
594
-
595
-
596
- <a
597
- href="/example.html"
598
- >
599
- Base Sub Category Item
600
- </a>
601
-
602
-
603
-
604
- </li>
605
-
606
-
607
- <li
608
- class="__leaf"
609
- >
610
-
611
-
612
-
613
-
614
-
615
-
616
-
617
-
618
- <a
619
- href="/example.html"
620
- >
621
- Base Sub Category Item
622
- </a>
623
-
624
-
625
-
626
- </li>
627
-
628
-
629
- <li
630
- class="__leaf"
631
- >
632
-
633
-
634
-
635
-
636
-
637
-
638
-
639
-
640
- <a
641
- href="/example.html"
642
- >
643
- Base Sub Category Item
644
- </a>
645
-
646
-
647
-
648
- </li>
649
-
650
-
651
- <li
652
- class="__leaf"
653
- >
654
-
655
-
656
-
657
-
658
-
659
-
660
-
661
-
662
- <a
663
- href="/example.html"
664
- >
665
- Base Sub Category Item
666
- </a>
667
-
668
-
669
-
670
- </li>
671
-
672
-
673
- <li
674
- class="__leaf"
675
- >
676
-
677
-
678
-
679
-
680
-
681
-
682
-
683
-
684
- <a
685
- href="/example.html"
686
- >
687
- Base Sub Category Item
688
- </a>
689
-
690
-
691
-
692
- </li>
693
-
694
-
695
- <li
696
- class="__leaf"
697
- >
698
-
699
-
700
-
701
-
702
-
703
-
704
-
705
-
706
- <a
707
- href="/example.html"
708
- >
709
- Base Sub Category Item
710
- </a>
711
-
712
-
713
-
714
- </li>
715
-
716
-
717
- <li
718
- class="__leaf"
719
- >
720
-
721
-
722
-
723
-
724
-
725
-
726
-
727
-
728
- <a
729
- href="/example.html"
730
- >
731
- Base Sub Category Item
732
- </a>
733
-
734
-
735
-
736
- </li>
737
-
738
-
739
- </ul>
740
-
741
-
742
-
743
- </div>
744
-
745
-
746
-
747
- </li>
748
-
749
-
750
- <li
751
- class="__leaf"
752
- >
753
-
754
-
755
-
756
-
757
-
758
-
759
-
760
-
761
- <a
762
- href="/example.html"
763
- >
764
- Base Category Item
765
- </a>
766
-
767
-
768
-
769
- </li>
770
-
771
-
772
- <li
773
- class="__leaf"
774
- >
775
-
776
-
777
-
778
-
779
-
780
-
781
-
782
-
783
- <a
784
- href="/example.html"
476
+ Base Category Item
477
+ </a>
478
+ </li>
479
+ <li
480
+ class="__leaf"
785
481
  >
786
- Base Category Item
787
- </a>
788
-
789
-
790
-
791
- </li>
792
-
793
-
794
- <li
795
- class="__leaf"
796
- >
797
-
798
-
799
-
800
-
801
-
802
-
803
-
804
-
805
- <a
806
- href="/example.html"
807
- >
808
- Base Category Item
809
- </a>
810
-
811
-
812
-
813
- </li>
814
-
815
-
816
- <li
817
- class="__leaf"
818
- >
819
-
820
-
821
-
822
-
823
-
824
-
825
-
826
-
827
- <a
828
- href="/example.html"
482
+ <a
483
+ href="/example.html"
484
+ >
485
+ Base Category Item
486
+ </a>
487
+ </li>
488
+ <li
489
+ class="__leaf"
829
490
  >
830
- Base Category Item
831
- </a>
832
-
833
-
834
-
835
- </li>
836
-
837
-
838
- <li
839
- class="__leaf"
840
- >
841
-
842
-
843
-
844
-
845
-
846
-
847
-
848
-
849
- <a
850
- href="/example.html"
491
+ <a
492
+ href="/example.html"
493
+ >
494
+ Base Category Item
495
+ </a>
496
+ </li>
497
+ <li
498
+ class="__leaf"
851
499
  >
852
- Base Category Item
853
- </a>
854
-
855
-
856
-
857
- </li>
858
-
859
-
860
- <li
861
- class="__leaf"
862
- >
863
-
864
-
865
-
866
-
867
-
868
-
869
-
870
-
871
- <a
872
- href="/example.html"
500
+ <a
501
+ href="/example.html"
502
+ >
503
+ Base Category Item
504
+ </a>
505
+ </li>
506
+ <li
507
+ class="__leaf"
873
508
  >
874
- Base Category Item
875
- </a>
876
-
877
-
878
-
879
- </li>
880
-
881
-
882
- </ul>
883
-
884
-
885
-
509
+ <a
510
+ href="/example.html"
511
+ >
512
+ Base Category Item
513
+ </a>
514
+ </li>
515
+ </ul>
516
+
517
+ </div>
886
518
  </div>
887
-
888
-
889
519
  </div>
890
-
891
-
892
520
  </div>
893
-
894
-
895
521
  </div>
896
-
897
-
898
522
  </nav>
899
-
900
-
901
523
  </div>
902
-
903
-
904
-
905
524
  </li>
906
-
907
-
908
525
  <li
909
526
  class="nav-item"
910
527
  >
911
-
912
-
913
-
914
-
915
-
916
-
917
-
918
-
919
528
  <a
920
529
  aria-current="page"
921
530
  class="nav-link active"
@@ -923,74 +532,30 @@ Back
923
532
  >
924
533
  Home
925
534
  </a>
926
-
927
-
928
-
929
535
  </li>
930
-
931
-
932
536
  <li
933
537
  class="nav-item"
934
538
  >
935
-
936
-
937
-
938
-
939
-
940
-
941
-
942
-
943
539
  <a
944
540
  class="nav-link"
945
541
  href="/example.html"
946
542
  >
947
543
  Item 01
948
544
  </a>
949
-
950
-
951
-
952
545
  </li>
953
-
954
-
955
546
  <li
956
547
  class="nav-item"
957
548
  >
958
-
959
-
960
-
961
-
962
-
963
-
964
-
965
-
966
549
  <a
967
550
  class="nav-link"
968
551
  href="/example.html"
969
552
  >
970
553
  Item 02
971
554
  </a>
972
-
973
-
974
-
975
555
  </li>
976
-
977
-
978
556
  <li
979
557
  class="nav-item dropdown"
980
558
  >
981
-
982
-
983
-
984
-
985
-
986
-
987
-
988
-
989
-
990
-
991
-
992
-
993
-
994
559
  <button
995
560
  aria-expanded="false"
996
561
  autocomplete="off"
@@ -1001,254 +566,142 @@ Back
1001
566
  >
1002
567
  Dropdown link
1003
568
  </button>
1004
-
1005
-
1006
-
1007
569
  <ul
1008
570
  aria-labelledby="navbarDropdownMenuLink"
1009
571
  class="dropdown-menu"
1010
572
  >
1011
-
1012
-
1013
573
  <li>
1014
-
1015
-
1016
-
1017
-
1018
-
1019
-
1020
-
1021
-
1022
574
  <a
1023
575
  class="dropdown-item"
1024
576
  href="/example.html"
1025
577
  >
1026
578
  Action
1027
579
  </a>
1028
-
1029
-
1030
-
1031
580
  </li>
1032
-
1033
-
1034
581
  <li>
1035
-
1036
-
1037
-
1038
-
1039
-
1040
-
1041
-
1042
-
1043
582
  <a
1044
583
  class="dropdown-item"
1045
584
  href="/example.html"
1046
585
  >
1047
586
  Another action
1048
587
  </a>
1049
-
1050
-
1051
-
1052
588
  </li>
1053
-
1054
-
1055
589
  <li>
1056
-
1057
-
1058
-
1059
-
1060
-
1061
-
1062
-
1063
-
1064
590
  <a
1065
591
  class="dropdown-item"
1066
592
  href="/example.html"
1067
593
  >
1068
594
  Something else here
1069
595
  </a>
1070
-
1071
-
1072
-
1073
596
  </li>
1074
-
1075
-
1076
597
  <li>
1077
-
1078
-
1079
-
1080
-
1081
-
1082
-
1083
-
1084
-
1085
598
  <a
1086
599
  class="dropdown-item"
1087
600
  href="/example.html"
1088
601
  >
1089
602
  Very long label with custom text and custom link as an example
1090
603
  </a>
1091
-
1092
-
1093
-
1094
604
  </li>
1095
-
1096
-
1097
605
  </ul>
1098
-
1099
-
1100
-
1101
606
  </li>
1102
-
1103
-
1104
- </ul>
1105
-
1106
-
1107
-
1108
-
1109
- </div>
1110
-
1111
-
1112
- </nav>
1113
-
1114
-
1115
-
1116
-
1117
- <!-- breadcrumbs -->
1118
-
1119
-
1120
- <div
1121
- class="container"
1122
- >
1123
-
1124
-
1125
-
1126
-
1127
-
1128
-
1129
-
1130
- <nav
1131
- aria-label="breadcrumb"
1132
- class="mt-3"
1133
- >
1134
-
1135
-
1136
- <ol
1137
- class="breadcrumb"
1138
- >
1139
-
1140
-
1141
607
  <li
1142
- class="breadcrumb-item d-none d-md-block"
608
+ class="nav-item"
1143
609
  >
1144
-
1145
-
1146
-
1147
-
1148
-
1149
-
1150
-
1151
610
  <a
611
+ class="nav-link"
1152
612
  href="/example.html"
1153
613
  >
1154
- Home
614
+ Item 04
1155
615
  </a>
1156
-
1157
-
1158
-
1159
616
  </li>
1160
-
1161
-
1162
617
  <li
1163
- class="breadcrumb-item d-none d-md-block"
618
+ class="nav-item"
1164
619
  >
1165
-
1166
-
1167
-
1168
-
1169
-
1170
-
1171
-
1172
620
  <a
621
+ class="nav-link"
1173
622
  href="/example.html"
1174
623
  >
1175
- European Union
624
+ Item 05
1176
625
  </a>
1177
-
1178
-
1179
-
1180
626
  </li>
1181
-
1182
-
1183
627
  <li
1184
- class="breadcrumb-item"
628
+ class="nav-item"
1185
629
  >
1186
-
1187
-
1188
-
1189
-
1190
-
1191
-
1192
-
1193
630
  <a
631
+ class="nav-link"
1194
632
  href="/example.html"
1195
633
  >
1196
-
1197
-
1198
-
1199
-
1200
-
1201
-
1202
-
1203
- <svg
1204
- class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
1205
- >
1206
-
1207
-
1208
- <use
1209
- xlink:href="/icons.svg#arrow-left"
1210
- />
1211
-
1212
-
1213
- </svg>
1214
-
1215
-
1216
- About the European Union
634
+ Item 06
1217
635
  </a>
1218
-
1219
-
1220
-
1221
636
  </li>
1222
-
1223
-
1224
637
  <li
1225
- aria-current="page"
1226
- class="breadcrumb-item d-none d-md-block active"
638
+ class="nav-item"
1227
639
  >
1228
- News
640
+ <a
641
+ class="nav-link"
642
+ href="/example.html"
643
+ >
644
+ Item 07
645
+ </a>
1229
646
  </li>
1230
-
1231
-
1232
- </ol>
1233
-
1234
-
1235
- </nav>
1236
-
1237
-
1238
-
1239
- </div>
1240
-
1241
-
647
+ </ul>
648
+ </div>
649
+ </nav>
1242
650
  </header>
1243
-
1244
-
1245
-
1246
-
1247
-
1248
-
1249
-
1250
-
1251
-
651
+ <!-- breadcrumbs -->
652
+ <div
653
+ class="container"
654
+ >
655
+ <nav
656
+ aria-label="breadcrumb"
657
+ class="mt-3"
658
+ >
659
+ <ol
660
+ class="breadcrumb"
661
+ >
662
+ <li
663
+ class="breadcrumb-item d-none d-md-block"
664
+ >
665
+ <a
666
+ href="/example.html"
667
+ >
668
+ Home
669
+ </a>
670
+ </li>
671
+ <li
672
+ class="breadcrumb-item d-none d-md-block"
673
+ >
674
+ <a
675
+ href="/example.html"
676
+ >
677
+ European Union
678
+ </a>
679
+ </li>
680
+ <li
681
+ class="breadcrumb-item"
682
+ >
683
+ <a
684
+ href="/example.html"
685
+ >
686
+ <svg
687
+ class="d-md-none ms-0 me-2 me-2-5 bi icon--s"
688
+ >
689
+ <use
690
+ xlink:href="/icons.svg#arrow-left"
691
+ />
692
+ </svg>
693
+ About the European Union
694
+ </a>
695
+ </li>
696
+ <li
697
+ aria-current="page"
698
+ class="breadcrumb-item d-none d-md-block active"
699
+ >
700
+ News
701
+ </li>
702
+ </ol>
703
+ </nav>
704
+ </div>
1252
705
  <div
1253
706
  aria-hidden="true"
1254
707
  aria-label="loginModalLabel"
@@ -1256,18 +709,12 @@ About the European Union
1256
709
  id="loginModal"
1257
710
  tabindex="-1"
1258
711
  >
1259
-
1260
-
1261
712
  <div
1262
713
  class="modal-dialog"
1263
714
  >
1264
-
1265
-
1266
715
  <div
1267
716
  class="modal-content"
1268
717
  >
1269
-
1270
-
1271
718
  <div
1272
719
  class="modal-header"
1273
720
  >
@@ -1286,8 +733,6 @@ About the European Union
1286
733
  type="button"
1287
734
  />
1288
735
  </div>
1289
-
1290
-
1291
736
  <div
1292
737
  class="modal-body"
1293
738
  >
@@ -1316,8 +761,6 @@ About the European Union
1316
761
  <br />
1317
762
  </p>
1318
763
  </div>
1319
-
1320
-
1321
764
  <div
1322
765
  class="modal-footer"
1323
766
  >
@@ -1337,28 +780,9 @@ About the European Union
1337
780
  Access EU login
1338
781
  </button>
1339
782
  </div>
1340
-
1341
-
1342
783
  </div>
1343
-
1344
-
1345
784
  </div>
1346
-
1347
-
1348
785
  </div>
1349
-
1350
-
1351
-
1352
-
1353
-
1354
-
1355
-
1356
-
1357
-
1358
-
1359
-
1360
-
1361
-
1362
786
  <div
1363
787
  aria-hidden="true"
1364
788
  aria-label="languageModalLabel"
@@ -1366,151 +790,80 @@ About the European Union
1366
790
  id="languageModal"
1367
791
  tabindex="-1"
1368
792
  >
1369
-
1370
-
1371
793
  <div
1372
794
  class="modal-dialog modal-fullscreen"
1373
795
  >
1374
-
1375
-
1376
796
  <div
1377
797
  class="modal-content"
1378
798
  >
1379
-
1380
-
1381
799
  <div
1382
800
  class="modal-header"
1383
801
  >
1384
-
1385
802
  <div
1386
803
  class="container"
1387
804
  >
1388
-
1389
-
1390
805
  <div
1391
806
  class="border-bottom mx-n3 px-3 px-md-0 pt-md-4-5"
1392
807
  >
1393
-
1394
-
1395
808
  <div
1396
809
  class="py-3-5 px-3 px-sm-0 px-md-3"
1397
810
  >
1398
-
1399
-
1400
811
  <div
1401
812
  class="d-flex justify-content-between align-items-center"
1402
813
  >
1403
-
1404
-
1405
814
  <div
1406
815
  class="d-flex align-items-center"
1407
816
  >
1408
-
1409
-
1410
-
1411
-
1412
-
1413
-
1414
-
1415
-
1416
817
  <svg
1417
818
  class="bi icon--s"
1418
819
  >
1419
-
1420
-
1421
820
  <use
1422
821
  xlink:href="/icons.svg#globe2"
1423
822
  />
1424
-
1425
-
1426
823
  </svg>
1427
-
1428
-
1429
-
1430
824
  <div
1431
825
  class="modal-title mb-0 ms-2"
1432
826
  >
1433
827
  Select your language
1434
828
  </div>
1435
-
1436
-
1437
829
  </div>
1438
-
1439
-
1440
830
  <button
1441
831
  aria-label="Close"
1442
832
  class="btn-close"
1443
833
  data-bs-dismiss="modal"
1444
834
  type="button"
1445
835
  />
1446
-
1447
-
1448
836
  </div>
1449
-
1450
-
1451
837
  </div>
1452
-
1453
-
1454
838
  </div>
1455
-
1456
-
1457
839
  </div>
1458
-
1459
-
1460
840
  </div>
1461
-
1462
-
1463
841
  <div
1464
842
  class="modal-body"
1465
843
  >
1466
-
1467
844
  <div
1468
845
  class="bcl-language-list bcl-language-list--eu"
1469
846
  >
1470
-
1471
-
1472
-
1473
847
  <div
1474
848
  class="main pt-4"
1475
849
  >
1476
-
1477
-
1478
850
  <div
1479
851
  class="container"
1480
852
  >
1481
-
1482
-
1483
-
1484
-
1485
-
1486
853
  <div
1487
854
  class="pb-2"
1488
855
  >
1489
-
1490
-
1491
856
  <h5
1492
857
  class="mb-4"
1493
858
  >
1494
859
  EU official languages
1495
860
  </h5>
1496
-
1497
-
1498
861
  <div
1499
862
  class="row"
1500
863
  >
1501
-
1502
-
1503
864
  <div
1504
865
  class="col-12 col-md"
1505
866
  >
1506
-
1507
-
1508
-
1509
-
1510
-
1511
-
1512
-
1513
-
1514
867
  <a
1515
868
  class="w-100 mb-2-5 btn justify-content-start"
1516
869
  href="/example.html#bg"
@@ -1519,15 +872,6 @@ About the European Union
1519
872
  >
1520
873
  български
1521
874
  </a>
1522
-
1523
-
1524
-
1525
-
1526
-
1527
-
1528
-
1529
-
1530
-
1531
875
  <a
1532
876
  class="w-100 mb-2-5 btn justify-content-start"
1533
877
  href="/example.html#es"
@@ -1536,15 +880,6 @@ About the European Union
1536
880
  >
1537
881
  español
1538
882
  </a>
1539
-
1540
-
1541
-
1542
-
1543
-
1544
-
1545
-
1546
-
1547
-
1548
883
  <a
1549
884
  class="w-100 mb-2-5 btn justify-content-start"
1550
885
  href="/example.html#cs"
@@ -1553,15 +888,6 @@ About the European Union
1553
888
  >
1554
889
  čeština
1555
890
  </a>
1556
-
1557
-
1558
-
1559
-
1560
-
1561
-
1562
-
1563
-
1564
-
1565
891
  <a
1566
892
  class="w-100 mb-2-5 btn justify-content-start"
1567
893
  href="/example.html#da"
@@ -1570,15 +896,6 @@ About the European Union
1570
896
  >
1571
897
  dansk
1572
898
  </a>
1573
-
1574
-
1575
-
1576
-
1577
-
1578
-
1579
-
1580
-
1581
-
1582
899
  <a
1583
900
  class="w-100 mb-2-5 btn justify-content-start"
1584
901
  href="/example.html#de"
@@ -1587,15 +904,6 @@ About the European Union
1587
904
  >
1588
905
  Deutsch
1589
906
  </a>
1590
-
1591
-
1592
-
1593
-
1594
-
1595
-
1596
-
1597
-
1598
-
1599
907
  <a
1600
908
  class="w-100 mb-2-5 btn justify-content-start"
1601
909
  href="/example.html#et"
@@ -1604,15 +912,6 @@ About the European Union
1604
912
  >
1605
913
  eesti
1606
914
  </a>
1607
-
1608
-
1609
-
1610
-
1611
-
1612
-
1613
-
1614
-
1615
-
1616
915
  <a
1617
916
  class="w-100 mb-2-5 btn justify-content-start"
1618
917
  href="/example.html#el"
@@ -1621,15 +920,6 @@ About the European Union
1621
920
  >
1622
921
  ελληνικά
1623
922
  </a>
1624
-
1625
-
1626
-
1627
-
1628
-
1629
-
1630
-
1631
-
1632
-
1633
923
  <a
1634
924
  class="w-100 mb-2-5 btn selected justify-content-between"
1635
925
  href="/example.html#en"
@@ -1637,36 +927,14 @@ About the European Union
1637
927
  lang="en"
1638
928
  >
1639
929
  English
1640
-
1641
-
1642
-
1643
-
1644
-
1645
-
1646
930
  <svg
1647
931
  class="ms-2-5 bi icon--s"
1648
932
  >
1649
-
1650
-
1651
933
  <use
1652
934
  xlink:href="/icons.svg#check2"
1653
935
  />
1654
-
1655
-
1656
936
  </svg>
1657
-
1658
-
1659
-
1660
937
  </a>
1661
-
1662
-
1663
-
1664
-
1665
-
1666
-
1667
-
1668
-
1669
-
1670
938
  <a
1671
939
  class="w-100 mb-2-5 btn justify-content-start"
1672
940
  href="/example.html#fr"
@@ -1675,15 +943,6 @@ About the European Union
1675
943
  >
1676
944
  français
1677
945
  </a>
1678
-
1679
-
1680
-
1681
-
1682
-
1683
-
1684
-
1685
-
1686
-
1687
946
  <a
1688
947
  class="w-100 mb-2-5 btn justify-content-start"
1689
948
  href="/example.html#ga"
@@ -1692,15 +951,6 @@ About the European Union
1692
951
  >
1693
952
  Gaeilge
1694
953
  </a>
1695
-
1696
-
1697
-
1698
-
1699
-
1700
-
1701
-
1702
-
1703
-
1704
954
  <a
1705
955
  class="w-100 mb-2-5 btn justify-content-start"
1706
956
  href="/example.html#hr"
@@ -1709,15 +959,6 @@ About the European Union
1709
959
  >
1710
960
  hrvatski
1711
961
  </a>
1712
-
1713
-
1714
-
1715
-
1716
-
1717
-
1718
-
1719
-
1720
-
1721
962
  <a
1722
963
  class="w-100 mb-2-5 btn justify-content-start"
1723
964
  href="/example.html#it"
@@ -1726,23 +967,10 @@ About the European Union
1726
967
  >
1727
968
  italiano
1728
969
  </a>
1729
-
1730
-
1731
-
1732
970
  </div>
1733
-
1734
-
1735
971
  <div
1736
972
  class="col-12 col-md"
1737
973
  >
1738
-
1739
-
1740
-
1741
-
1742
-
1743
-
1744
-
1745
-
1746
974
  <a
1747
975
  class="w-100 mb-2-5 btn justify-content-start"
1748
976
  href="/example.html#lv"
@@ -1751,15 +979,6 @@ About the European Union
1751
979
  >
1752
980
  latviešu
1753
981
  </a>
1754
-
1755
-
1756
-
1757
-
1758
-
1759
-
1760
-
1761
-
1762
-
1763
982
  <a
1764
983
  class="w-100 mb-2-5 btn justify-content-start"
1765
984
  href="/example.html#lt"
@@ -1768,15 +987,6 @@ About the European Union
1768
987
  >
1769
988
  lietuvių
1770
989
  </a>
1771
-
1772
-
1773
-
1774
-
1775
-
1776
-
1777
-
1778
-
1779
-
1780
990
  <a
1781
991
  class="w-100 mb-2-5 btn justify-content-start"
1782
992
  href="/example.html#hu"
@@ -1785,15 +995,6 @@ About the European Union
1785
995
  >
1786
996
  magyar
1787
997
  </a>
1788
-
1789
-
1790
-
1791
-
1792
-
1793
-
1794
-
1795
-
1796
-
1797
998
  <a
1798
999
  class="w-100 mb-2-5 btn justify-content-start"
1799
1000
  href="/example.html#mt"
@@ -1802,15 +1003,6 @@ About the European Union
1802
1003
  >
1803
1004
  Malti
1804
1005
  </a>
1805
-
1806
-
1807
-
1808
-
1809
-
1810
-
1811
-
1812
-
1813
-
1814
1006
  <a
1815
1007
  class="w-100 mb-2-5 btn justify-content-start"
1816
1008
  href="/example.html#nl"
@@ -1819,15 +1011,6 @@ About the European Union
1819
1011
  >
1820
1012
  Nederlands
1821
1013
  </a>
1822
-
1823
-
1824
-
1825
-
1826
-
1827
-
1828
-
1829
-
1830
-
1831
1014
  <a
1832
1015
  class="w-100 mb-2-5 btn justify-content-start"
1833
1016
  href="/example.html#pl"
@@ -1836,15 +1019,6 @@ About the European Union
1836
1019
  >
1837
1020
  polski
1838
1021
  </a>
1839
-
1840
-
1841
-
1842
-
1843
-
1844
-
1845
-
1846
-
1847
-
1848
1022
  <a
1849
1023
  class="w-100 mb-2-5 btn justify-content-start"
1850
1024
  href="/example.html#pt"
@@ -1853,15 +1027,6 @@ About the European Union
1853
1027
  >
1854
1028
  português
1855
1029
  </a>
1856
-
1857
-
1858
-
1859
-
1860
-
1861
-
1862
-
1863
-
1864
-
1865
1030
  <a
1866
1031
  class="w-100 mb-2-5 btn justify-content-start"
1867
1032
  href="/example.html#ro"
@@ -1870,15 +1035,6 @@ About the European Union
1870
1035
  >
1871
1036
  română
1872
1037
  </a>
1873
-
1874
-
1875
-
1876
-
1877
-
1878
-
1879
-
1880
-
1881
-
1882
1038
  <a
1883
1039
  class="w-100 mb-2-5 btn justify-content-start"
1884
1040
  href="/example.html#sk"
@@ -1887,15 +1043,6 @@ About the European Union
1887
1043
  >
1888
1044
  slovenčina
1889
1045
  </a>
1890
-
1891
-
1892
-
1893
-
1894
-
1895
-
1896
-
1897
-
1898
-
1899
1046
  <a
1900
1047
  class="w-100 mb-2-5 btn justify-content-start"
1901
1048
  href="/example.html#sl"
@@ -1904,15 +1051,6 @@ About the European Union
1904
1051
  >
1905
1052
  slovenščina
1906
1053
  </a>
1907
-
1908
-
1909
-
1910
-
1911
-
1912
-
1913
-
1914
-
1915
-
1916
1054
  <a
1917
1055
  class="w-100 mb-2-5 btn justify-content-start"
1918
1056
  href="/example.html#fi"
@@ -1921,15 +1059,6 @@ About the European Union
1921
1059
  >
1922
1060
  suomi
1923
1061
  </a>
1924
-
1925
-
1926
-
1927
-
1928
-
1929
-
1930
-
1931
-
1932
-
1933
1062
  <a
1934
1063
  class="w-100 mb-2-5 btn justify-content-start"
1935
1064
  href="/example.html#sv"
@@ -1938,50 +1067,23 @@ About the European Union
1938
1067
  >
1939
1068
  svenska
1940
1069
  </a>
1941
-
1942
-
1943
-
1944
1070
  </div>
1945
-
1946
-
1947
1071
  </div>
1948
-
1949
-
1950
1072
  </div>
1951
-
1952
-
1953
-
1954
-
1955
-
1956
-
1957
1073
  <div
1958
1074
  class="pb-2"
1959
1075
  >
1960
-
1961
-
1962
1076
  <h5
1963
1077
  class="mb-4"
1964
1078
  >
1965
1079
  Other languages
1966
1080
  </h5>
1967
-
1968
-
1969
1081
  <div
1970
1082
  class="row"
1971
1083
  >
1972
-
1973
-
1974
1084
  <div
1975
1085
  class="col-12 col-md"
1976
1086
  >
1977
-
1978
-
1979
-
1980
-
1981
-
1982
-
1983
-
1984
-
1985
1087
  <a
1986
1088
  class="w-100 mb-2-5 btn justify-content-start"
1987
1089
  href="/example.html#zh"
@@ -1990,15 +1092,6 @@ About the European Union
1990
1092
  >
1991
1093
  中文
1992
1094
  </a>
1993
-
1994
-
1995
-
1996
-
1997
-
1998
-
1999
-
2000
-
2001
-
2002
1095
  <a
2003
1096
  class="w-100 mb-2-5 btn justify-content-start"
2004
1097
  href="/example.html#tr"
@@ -2007,15 +1100,6 @@ About the European Union
2007
1100
  >
2008
1101
  Türk
2009
1102
  </a>
2010
-
2011
-
2012
-
2013
-
2014
-
2015
-
2016
-
2017
-
2018
-
2019
1103
  <a
2020
1104
  class="w-100 mb-2-5 btn justify-content-start"
2021
1105
  href="/example.html#ru"
@@ -2024,23 +1108,10 @@ About the European Union
2024
1108
  >
2025
1109
  pусский
2026
1110
  </a>
2027
-
2028
-
2029
-
2030
1111
  </div>
2031
-
2032
-
2033
1112
  <div
2034
1113
  class="col-12 col-md"
2035
1114
  >
2036
-
2037
-
2038
-
2039
-
2040
-
2041
-
2042
-
2043
-
2044
1115
  <a
2045
1116
  class="w-100 mb-2-5 btn justify-content-start"
2046
1117
  href="/example.html#ca"
@@ -2049,15 +1120,6 @@ About the European Union
2049
1120
  >
2050
1121
  Català
2051
1122
  </a>
2052
-
2053
-
2054
-
2055
-
2056
-
2057
-
2058
-
2059
-
2060
-
2061
1123
  <a
2062
1124
  class="w-100 mb-2-5 btn justify-content-start"
2063
1125
  href="#"
@@ -2066,127 +1128,49 @@ About the European Union
2066
1128
  >
2067
1129
  عَرَبِيّ
2068
1130
  </a>
2069
-
2070
-
2071
-
2072
1131
  </div>
2073
-
2074
-
2075
1132
  </div>
2076
-
2077
-
2078
1133
  </div>
2079
-
2080
-
2081
-
2082
1134
  </div>
2083
-
2084
-
2085
1135
  </div>
2086
-
2087
-
2088
1136
  </div>
2089
-
2090
-
2091
1137
  </div>
2092
-
2093
-
2094
1138
  </div>
2095
-
2096
-
2097
1139
  </div>
2098
-
2099
-
2100
1140
  </div>
2101
-
2102
-
2103
-
2104
-
2105
-
2106
-
2107
1141
  <main>
2108
-
2109
-
2110
-
2111
-
2112
-
2113
-
2114
-
2115
-
2116
-
2117
-
2118
-
2119
-
2120
-
2121
-
2122
-
2123
1142
  <div
2124
1143
  class="bcl-content-banner pb-md-4-75 pb-4 pt-4 pt-md-4-75 bg-lighter"
2125
1144
  >
2126
-
2127
-
2128
1145
  <div
2129
1146
  class="container"
2130
1147
  >
2131
-
2132
-
2133
-
2134
-
2135
-
2136
-
2137
-
2138
-
2139
-
2140
-
2141
-
2142
1148
  <article
2143
1149
  class="bg-transparent border-0 card"
2144
1150
  >
2145
-
2146
-
2147
1151
  <div
2148
1152
  class="row"
2149
1153
  >
2150
-
2151
-
2152
1154
  <div
2153
1155
  class="bcl-card-start-col bcl-size-large"
2154
1156
  >
2155
-
2156
-
2157
1157
  <img
2158
1158
  alt="alt img"
2159
1159
  class="card-img-top rounded-1"
2160
1160
  src="https://picsum.photos/255/255?random=6"
2161
1161
  />
2162
-
2163
-
2164
1162
  </div>
2165
-
2166
-
2167
1163
  <div
2168
1164
  class="col-md col-xl-9 col-xxl-8"
2169
1165
  >
2170
-
2171
-
2172
1166
  <div
2173
1167
  class="card-body pt-4 pt-md-0 px-0 px-md-1-5 pb-0"
2174
1168
  >
2175
-
2176
-
2177
-
2178
-
2179
-
2180
-
2181
-
2182
-
2183
1169
  <h1
2184
1170
  class="fs-1 card-title bcl-heading"
2185
1171
  >
2186
1172
  This is the title of this page
2187
1173
  </h1>
2188
-
2189
-
2190
1174
  <div
2191
1175
  class="my-3"
2192
1176
  >
@@ -2210,47 +1194,22 @@ About the European Union
2210
1194
  <div
2211
1195
  class="mt-2-5"
2212
1196
  >
2213
-
2214
-
2215
-
2216
-
2217
-
2218
-
2219
-
2220
1197
  <span
2221
1198
  class="mb-2 me-2 badge rounded-pill badge-outline-primary"
2222
1199
  >
2223
1200
  Category 1
2224
1201
  </span>
2225
-
2226
-
2227
-
2228
-
2229
-
2230
-
2231
-
2232
1202
  <span
2233
1203
  class="mb-2 badge rounded-pill badge-outline-primary"
2234
1204
  >
2235
1205
  Category 2
2236
1206
  </span>
2237
-
2238
-
2239
1207
  </div>
2240
-
2241
1208
  </div>
2242
-
2243
-
2244
1209
  </div>
2245
-
2246
-
2247
1210
  </div>
2248
-
2249
-
2250
1211
  </article>
2251
1212
 
2252
-
2253
-
2254
1213
 
2255
1214
  <div
2256
1215
  class="d-flex justify-content-end mt-2 align-items-center"
@@ -2291,47 +1250,21 @@ About the European Union
2291
1250
 
2292
1251
  </div>
2293
1252
  </div>
2294
-
2295
-
2296
1253
  </div>
2297
-
2298
-
2299
-
2300
-
2301
1254
  <div
2302
1255
  class="container mt-md-4-75 mt-4"
2303
1256
  >
2304
-
2305
-
2306
1257
  <div
2307
1258
  class="row"
2308
1259
  >
2309
-
2310
-
2311
-
2312
1260
  <div
2313
1261
  class="col-12 bcl-sidebar col-lg-3"
2314
1262
  >
2315
-
2316
-
2317
-
2318
-
2319
-
2320
-
2321
-
2322
-
2323
-
2324
-
2325
1263
  <nav
2326
1264
  aria-labelledby="bcl-inpage-navigation-dropdown"
2327
1265
  class="bcl-inpage-navigation position-sticky"
2328
1266
  id="bcl-inpage-navigation"
2329
1267
  >
2330
-
2331
-
2332
-
2333
-
2334
-
2335
1268
  <button
2336
1269
  aria-expanded="false"
2337
1270
  class="dropdown-toggle h2 d-md-none"
@@ -2339,129 +1272,53 @@ About the European Union
2339
1272
  id="bcl-inpage-navigation-dropdown"
2340
1273
  type="button"
2341
1274
  >
2342
- Page content
2343
-
2344
-
2345
-
2346
-
2347
-
2348
-
1275
+ Page content
2349
1276
  <svg
2350
1277
  class="bi icon--s"
2351
1278
  >
2352
-
2353
-
2354
1279
  <use
2355
1280
  xlink:href="/icons.svg#chevron-down"
2356
1281
  />
2357
-
2358
-
2359
1282
  </svg>
2360
-
2361
-
2362
-
2363
1283
  </button>
2364
-
2365
-
2366
-
2367
-
2368
-
2369
-
2370
-
2371
-
2372
-
2373
1284
  <h2
2374
1285
  class="mb-0 d-none d-md-block bcl-heading"
2375
1286
  >
2376
1287
  Page content
2377
1288
  </h2>
2378
-
2379
-
2380
1289
  <div
2381
1290
  class="dropdown-menu"
2382
1291
  >
2383
-
2384
-
2385
-
2386
-
2387
-
2388
-
2389
-
2390
-
2391
-
2392
-
2393
1292
  <ul
2394
1293
  class="nav nav-pills flex-column"
2395
1294
  >
2396
-
2397
-
2398
1295
  <li
2399
1296
  class="nav-item"
2400
1297
  >
2401
-
2402
-
2403
-
2404
-
2405
-
2406
-
2407
-
2408
-
2409
1298
  <a
2410
1299
  class="nav-link"
2411
1300
  href="#content"
2412
1301
  >
2413
1302
  Content
2414
1303
  </a>
2415
-
2416
-
2417
-
2418
1304
  </li>
2419
-
2420
-
2421
1305
  <li
2422
1306
  class="nav-item"
2423
1307
  >
2424
-
2425
-
2426
-
2427
-
2428
-
2429
-
2430
-
2431
-
2432
1308
  <a
2433
1309
  class="nav-link"
2434
1310
  href="#subheading"
2435
1311
  >
2436
1312
  Subheading
2437
1313
  </a>
2438
-
2439
-
2440
-
2441
1314
  </li>
2442
-
2443
-
2444
1315
  </ul>
2445
-
2446
-
2447
-
2448
-
2449
1316
  </div>
2450
-
2451
-
2452
1317
  </nav>
2453
-
2454
-
2455
-
2456
1318
  </div>
2457
-
2458
-
2459
1319
  <div
2460
1320
  class="col-12 col-lg-9 col-xxl-8"
2461
1321
  >
2462
-
2463
-
2464
-
2465
1322
  <p
2466
1323
  id="content"
2467
1324
  >
@@ -2524,40 +1381,22 @@ About the European Union
2524
1381
  Duis fermentum facilisis ex, ac porta massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum facilisis ex, ac porta massa.
2525
1382
  <br />
2526
1383
  </p>
2527
-
2528
-
2529
-
2530
-
2531
-
2532
-
2533
-
2534
1384
  <div
2535
1385
  class="bcl-subscription-block text-bg-light px-4-5 pt-4 pb-4-5"
2536
1386
  >
2537
-
2538
-
2539
1387
  <div
2540
1388
  class="fs-2 fw-normal"
2541
1389
  >
2542
1390
  Subscribe
2543
1391
  </div>
2544
-
2545
-
2546
1392
  <p
2547
1393
  class="fw-bold"
2548
1394
  >
2549
1395
  Get notified lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
2550
1396
  </p>
2551
-
2552
-
2553
1397
  <div
2554
1398
  class="pb-2"
2555
1399
  >
2556
-
2557
-
2558
-
2559
-
2560
-
2561
1400
  <button
2562
1401
  class="btn btn-secondary btn-lg"
2563
1402
  data-bs-target="#subscribeModal"
@@ -2565,43 +1404,16 @@ About the European Union
2565
1404
  type="button"
2566
1405
  >
2567
1406
  Subscribe
2568
-
2569
-
2570
-
2571
-
2572
-
2573
-
2574
1407
  <svg
2575
1408
  class="ms-2-5 bi icon--fluid"
2576
1409
  >
2577
-
2578
-
2579
1410
  <use
2580
1411
  xlink:href="/icons.svg#chevron-right"
2581
1412
  />
2582
-
2583
-
2584
1413
  </svg>
2585
-
2586
-
2587
-
2588
1414
  </button>
2589
-
2590
-
2591
-
2592
1415
  </div>
2593
-
2594
-
2595
1416
  </div>
2596
-
2597
-
2598
-
2599
-
2600
-
2601
-
2602
-
2603
-
2604
-
2605
1417
  <div
2606
1418
  aria-hidden="true"
2607
1419
  aria-label="subscribeModalLabel"
@@ -2609,18 +1421,12 @@ About the European Union
2609
1421
  id="subscribeModal"
2610
1422
  tabindex="-1"
2611
1423
  >
2612
-
2613
-
2614
1424
  <div
2615
1425
  class="modal-dialog"
2616
1426
  >
2617
-
2618
-
2619
1427
  <div
2620
1428
  class="modal-content"
2621
1429
  >
2622
-
2623
-
2624
1430
  <div
2625
1431
  class="modal-header"
2626
1432
  >
@@ -2636,43 +1442,17 @@ About the European Union
2636
1442
  type="button"
2637
1443
  />
2638
1444
  </div>
2639
-
2640
-
2641
-
2642
-
2643
-
2644
-
2645
-
2646
-
2647
-
2648
-
2649
-
2650
1445
  <div
2651
1446
  class="success-alert d-none mb-0 alert alert-success d-flex align-items-center fade show text-dark"
2652
1447
  role="alert"
2653
1448
  >
2654
-
2655
-
2656
-
2657
-
2658
-
2659
-
2660
-
2661
-
2662
1449
  <svg
2663
1450
  class="flex-shrink-0 me-3 mt-1 align-self-start text-success bi icon--s"
2664
1451
  >
2665
-
2666
-
2667
1452
  <use
2668
1453
  xlink:href="/icons.svg#check-circle-fill"
2669
1454
  />
2670
-
2671
-
2672
1455
  </svg>
2673
-
2674
-
2675
-
2676
1456
  <div
2677
1457
  class="alert-content flex-grow-1"
2678
1458
  >
@@ -2684,44 +1464,17 @@ About the European Union
2684
1464
  Your subscription has been successfully registered. You can now close this dialog.
2685
1465
  </div>
2686
1466
  </div>
2687
-
2688
-
2689
-
2690
-
2691
-
2692
-
2693
-
2694
-
2695
-
2696
-
2697
-
2698
-
2699
1467
  <div
2700
1468
  class="error-alert d-none mb-0 alert alert-danger d-flex align-items-center fade show text-dark"
2701
1469
  role="alert"
2702
1470
  >
2703
-
2704
-
2705
-
2706
-
2707
-
2708
-
2709
-
2710
-
2711
1471
  <svg
2712
1472
  class="flex-shrink-0 me-3 mt-1 align-self-start text-danger bi icon--s"
2713
1473
  >
2714
-
2715
-
2716
1474
  <use
2717
1475
  xlink:href="/icons.svg#dash-circle-fill"
2718
1476
  />
2719
-
2720
-
2721
1477
  </svg>
2722
-
2723
-
2724
-
2725
1478
  <div
2726
1479
  class="alert-content flex-grow-1"
2727
1480
  >
@@ -2741,28 +1494,15 @@ About the European Union
2741
1494
  </p>
2742
1495
  </div>
2743
1496
  </div>
2744
-
2745
-
2746
-
2747
1497
  <div
2748
1498
  class="modal-body"
2749
1499
  >
2750
-
2751
-
2752
-
2753
-
2754
-
2755
-
2756
1500
  <form
2757
1501
  class="needs-validation"
2758
1502
  novalidate
2759
1503
  onsubmit="return false;"
2760
1504
  >
2761
-
2762
-
2763
1505
  <fieldset>
2764
-
2765
-
2766
1506
  <legend
2767
1507
  class="h6 fw-normal mb-0"
2768
1508
  >
@@ -2770,94 +1510,41 @@ About the European Union
2770
1510
  Please enter your information & preference to receive the wished information in your mailbox. Your email will not be shared with anyone.
2771
1511
  </p>
2772
1512
  </legend>
2773
-
2774
-
2775
1513
  </fieldset>
2776
-
2777
-
2778
1514
  <div
2779
1515
  class="mb-3"
2780
1516
  >
2781
-
2782
-
2783
-
2784
-
2785
-
2786
-
2787
-
2788
-
2789
-
2790
-
2791
-
2792
-
2793
-
2794
-
2795
-
2796
-
2797
1517
  <label
2798
1518
  class="form-label"
2799
1519
  >
2800
1520
  E-mail
2801
1521
  </label>
2802
-
2803
-
2804
-
2805
1522
  <input
2806
1523
  class="form-control"
2807
1524
  placeholder="Type in your e-mail address"
2808
1525
  required
2809
1526
  type="email"
2810
1527
  />
2811
-
2812
-
2813
1528
  <div
2814
1529
  class="invalid-feedback"
2815
1530
  >
2816
1531
  Please enter a valid e-mail address
2817
1532
  </div>
2818
-
2819
-
2820
-
2821
1533
  </div>
2822
-
2823
-
2824
1534
  <div
2825
1535
  class="mb-3"
2826
1536
  >
2827
-
2828
-
2829
-
2830
-
2831
-
2832
-
2833
-
2834
-
2835
-
2836
-
2837
-
2838
-
2839
-
2840
-
2841
-
2842
-
2843
-
2844
-
2845
1537
  <label
2846
1538
  class="form-label"
2847
1539
  for="language-select"
2848
1540
  >
2849
1541
  Languages
2850
1542
  </label>
2851
-
2852
-
2853
-
2854
1543
  <select
2855
1544
  class="form-select"
2856
1545
  id="language-select"
2857
1546
  required
2858
1547
  >
2859
-
2860
-
2861
1548
  <option
2862
1549
  disabled
2863
1550
  hidden
@@ -2866,82 +1553,45 @@ About the European Union
2866
1553
  >
2867
1554
  Please select a language
2868
1555
  </option>
2869
-
2870
-
2871
1556
  <option
2872
1557
  value="1"
2873
1558
  >
2874
1559
  a select option
2875
1560
  </option>
2876
-
2877
-
2878
1561
  <option
2879
1562
  value="2"
2880
1563
  >
2881
1564
  another select option
2882
1565
  </option>
2883
-
2884
-
2885
1566
  <option
2886
1567
  value="3"
2887
1568
  >
2888
1569
  another option
2889
1570
  </option>
2890
-
2891
-
2892
1571
  <option
2893
1572
  value="4"
2894
1573
  >
2895
1574
  last option
2896
1575
  </option>
2897
-
2898
-
2899
1576
  </select>
2900
-
2901
-
2902
1577
  <div
2903
1578
  class="invalid-feedback"
2904
1579
  >
2905
1580
  Please select a language
2906
1581
  </div>
2907
-
2908
-
2909
-
2910
1582
  </div>
2911
-
2912
-
2913
1583
  <div
2914
1584
  class="mb-3"
2915
1585
  >
2916
-
2917
-
2918
-
2919
-
2920
-
2921
-
2922
-
2923
-
2924
-
2925
-
2926
-
2927
-
2928
-
2929
-
2930
-
2931
-
2932
1586
  <div
2933
1587
  class="form-check"
2934
1588
  >
2935
-
2936
-
2937
1589
  <input
2938
1590
  class="form-check-input"
2939
1591
  id="exampleInputCheck1"
2940
1592
  required
2941
1593
  type="checkbox"
2942
1594
  />
2943
-
2944
-
2945
1595
  <label
2946
1596
  class="form-check-label"
2947
1597
  for="exampleInputCheck1"
@@ -2953,30 +1603,15 @@ About the European Union
2953
1603
  privacy statement
2954
1604
  </a>
2955
1605
  </label>
2956
-
2957
-
2958
-
2959
1606
  <div
2960
1607
  class="invalid-feedback"
2961
1608
  >
2962
1609
  Please check the required checkbox.
2963
1610
  </div>
2964
-
2965
-
2966
1611
  </div>
2967
-
2968
-
2969
-
2970
1612
  </div>
2971
-
2972
-
2973
1613
  </form>
2974
-
2975
-
2976
-
2977
1614
  </div>
2978
-
2979
-
2980
1615
  <div
2981
1616
  class="modal-footer"
2982
1617
  >
@@ -2996,57 +1631,25 @@ About the European Union
2996
1631
  </button>
2997
1632
  </div>
2998
1633
  </div>
2999
-
3000
-
3001
1634
  </div>
3002
-
3003
-
3004
1635
  </div>
3005
-
3006
-
3007
1636
  </div>
3008
-
3009
-
3010
-
3011
-
3012
-
3013
1637
  </div>
3014
-
3015
-
3016
1638
  </div>
3017
-
3018
-
3019
1639
  </div>
3020
1640
  </main>
3021
-
3022
-
3023
-
3024
-
3025
-
3026
-
3027
-
3028
-
3029
-
3030
1641
  <footer
3031
1642
  class="mt-md-4-75 mt-4 bcl-footer bcl-footer--neutral"
3032
1643
  >
3033
-
3034
-
3035
1644
  <div
3036
1645
  class="container"
3037
1646
  >
3038
-
3039
-
3040
1647
  <div
3041
1648
  class="pt-4 pt-lg-5 row"
3042
1649
  >
3043
-
3044
-
3045
1650
  <div
3046
1651
  class="col-12 col-lg-4"
3047
1652
  >
3048
-
3049
-
3050
1653
  <p
3051
1654
  class="fw-bold mb-2"
3052
1655
  >
@@ -3057,407 +1660,187 @@ About the European Union
3057
1660
  <br />
3058
1661
  Duis fermentum facilisis ex, ac porta massa.
3059
1662
  </p>
3060
-
3061
-
3062
1663
  </div>
3063
-
3064
-
3065
1664
  <div
3066
1665
  class="col-12 col-lg-4 pb-4 pb-lg-0"
3067
1666
  >
3068
-
3069
-
3070
1667
  <p
3071
1668
  class="fw-bold border-bottom pb-2 mb-2"
3072
1669
  >
3073
1670
  Contact [project name]
3074
1671
  </p>
3075
-
3076
-
3077
1672
  <p>
3078
1673
  Contact information of the DG
3079
1674
  </p>
3080
-
3081
-
3082
1675
  <p
3083
1676
  class="fw-bold border-bottom pb-2 mt-3 mb-2"
3084
1677
  >
3085
1678
  Follow us on social media
3086
1679
  </p>
3087
-
3088
-
3089
1680
  <div
3090
1681
  class="mb-1"
3091
1682
  >
3092
-
3093
-
3094
-
3095
-
3096
-
3097
-
3098
-
3099
-
3100
1683
  <a
3101
1684
  class="standalone"
3102
1685
  href="/example.html"
3103
1686
  >
3104
-
3105
-
3106
-
3107
-
3108
-
3109
-
3110
-
3111
1687
  <svg
3112
1688
  class="me-2-5 bi icon--xs"
3113
1689
  >
3114
-
3115
-
3116
1690
  <use
3117
1691
  xlink:href="/icons.svg#facebook"
3118
1692
  />
3119
-
3120
-
3121
1693
  </svg>
3122
-
3123
-
3124
- Facebook
1694
+ Facebook
3125
1695
  </a>
3126
-
3127
-
3128
-
3129
1696
  </div>
3130
-
3131
-
3132
1697
  <div
3133
1698
  class="mb-1"
3134
1699
  >
3135
-
3136
-
3137
-
3138
-
3139
-
3140
-
3141
-
3142
-
3143
1700
  <a
3144
1701
  class="standalone"
3145
1702
  href="/example.html"
3146
1703
  >
3147
-
3148
-
3149
-
3150
-
3151
-
3152
-
3153
-
3154
1704
  <svg
3155
1705
  class="me-2-5 bi icon--xs"
3156
1706
  >
3157
-
3158
-
3159
1707
  <use
3160
1708
  xlink:href="/icons.svg#twitter"
3161
1709
  />
3162
-
3163
-
3164
1710
  </svg>
3165
-
3166
-
3167
- Twitter
1711
+ Twitter
3168
1712
  </a>
3169
-
3170
-
3171
-
3172
1713
  </div>
3173
-
3174
-
3175
1714
  <div
3176
1715
  class="mb-1"
3177
1716
  >
3178
-
3179
-
3180
-
3181
-
3182
-
3183
-
3184
-
3185
-
3186
1717
  <a
3187
1718
  class="standalone"
3188
1719
  href="/example.html"
3189
1720
  >
3190
-
3191
-
3192
-
3193
-
3194
-
3195
-
3196
-
3197
1721
  <svg
3198
1722
  class="me-2-5 bi icon--xs"
3199
1723
  >
3200
-
3201
-
3202
1724
  <use
3203
1725
  xlink:href="/icons.svg#linkedin"
3204
1726
  />
3205
-
3206
-
3207
1727
  </svg>
3208
-
3209
-
3210
- Linkedin
1728
+ Linkedin
3211
1729
  </a>
3212
-
3213
-
3214
-
3215
1730
  </div>
3216
-
3217
-
3218
1731
  </div>
3219
-
3220
-
3221
1732
  <div
3222
1733
  class="col-12 col-lg-4"
3223
1734
  >
3224
-
3225
-
3226
1735
  <p
3227
1736
  class="fw-bold border-bottom pb-2 mb-2"
3228
1737
  >
3229
1738
  About us
3230
1739
  </p>
3231
-
3232
-
3233
1740
  <p>
3234
1741
  Information about the DG
3235
1742
  </p>
3236
-
3237
-
3238
1743
  <p
3239
1744
  class="fw-bold border-bottom pb-2 mb-2"
3240
1745
  >
3241
1746
  Optional links
3242
1747
  </p>
3243
-
3244
-
3245
1748
  <div
3246
1749
  class="mb-1"
3247
1750
  >
3248
-
3249
-
3250
-
3251
-
3252
-
3253
-
3254
-
3255
-
3256
1751
  <a
3257
1752
  class="standalone"
3258
1753
  href="/example.html"
3259
1754
  >
3260
1755
  Link
3261
1756
  </a>
3262
-
3263
-
3264
-
3265
1757
  </div>
3266
-
3267
-
3268
1758
  <div
3269
1759
  class="mb-1"
3270
1760
  >
3271
-
3272
-
3273
-
3274
-
3275
-
3276
-
3277
-
3278
-
3279
1761
  <a
3280
1762
  class="standalone"
3281
1763
  href="/example.html"
3282
1764
  >
3283
1765
  Link
3284
1766
  </a>
3285
-
3286
-
3287
-
3288
1767
  </div>
3289
-
3290
-
3291
1768
  <div
3292
1769
  class="mb-1"
3293
1770
  >
3294
-
3295
-
3296
-
3297
-
3298
-
3299
-
3300
-
3301
-
3302
1771
  <a
3303
1772
  class="standalone"
3304
1773
  href="/example.html"
3305
1774
  >
3306
1775
  Link
3307
1776
  </a>
3308
-
3309
-
3310
-
3311
1777
  </div>
3312
-
3313
-
3314
1778
  <div
3315
1779
  class="mb-1"
3316
1780
  >
3317
-
3318
-
3319
-
3320
-
3321
-
3322
-
3323
-
3324
-
3325
1781
  <a
3326
1782
  class="standalone"
3327
1783
  href="/example.html"
3328
1784
  >
3329
1785
  Link
3330
1786
  </a>
3331
-
3332
-
3333
-
3334
1787
  </div>
3335
-
3336
-
3337
1788
  </div>
3338
-
3339
-
3340
1789
  </div>
3341
-
3342
-
3343
1790
  <div
3344
1791
  class="pb-4 pb-lg-5 mt-4 mt-lg-5 bcl-footer__bordered-row row"
3345
1792
  >
3346
-
3347
-
3348
1793
  <div
3349
1794
  class="col-12 col-lg-4"
3350
1795
  >
3351
-
3352
-
3353
1796
  <p
3354
1797
  class="fw-bold pb-2 mb-2"
3355
1798
  >
3356
1799
  More information on:
3357
1800
  </p>
3358
-
3359
-
3360
1801
  <div
3361
1802
  class="mb-1"
3362
1803
  >
3363
-
3364
-
3365
-
3366
-
3367
-
3368
-
3369
-
3370
-
3371
1804
  <a
3372
1805
  class="standalone"
3373
1806
  href="/example.html"
3374
1807
  >
3375
1808
  Link
3376
1809
  </a>
3377
-
3378
-
3379
-
3380
1810
  </div>
3381
-
3382
-
3383
1811
  <div
3384
1812
  class="mb-1"
3385
1813
  >
3386
-
3387
-
3388
-
3389
-
3390
-
3391
-
3392
-
3393
-
3394
1814
  <a
3395
1815
  class="standalone"
3396
1816
  href="/example.html"
3397
1817
  >
3398
1818
  Link
3399
1819
  </a>
3400
-
3401
-
3402
-
3403
1820
  </div>
3404
-
3405
-
3406
1821
  <div
3407
1822
  class="mb-1"
3408
1823
  >
3409
-
3410
-
3411
-
3412
-
3413
-
3414
-
3415
-
3416
-
3417
1824
  <a
3418
1825
  class="standalone"
3419
1826
  href="/example.html"
3420
1827
  >
3421
1828
  Link
3422
1829
  </a>
3423
-
3424
-
3425
-
3426
1830
  </div>
3427
-
3428
-
3429
1831
  <div
3430
1832
  class="mb-1"
3431
1833
  >
3432
-
3433
-
3434
-
3435
-
3436
-
3437
-
3438
-
3439
-
3440
1834
  <a
3441
1835
  class="standalone"
3442
1836
  href="/example.html"
3443
1837
  >
3444
1838
  Link
3445
1839
  </a>
3446
-
3447
-
3448
-
3449
1840
  </div>
3450
-
3451
-
3452
1841
  </div>
3453
-
3454
-
3455
1842
  </div>
3456
-
3457
-
3458
1843
  </div>
3459
-
3460
-
3461
1844
  </footer>
3462
1845
  </jest>
3463
1846
  `;