-
Notifications
You must be signed in to change notification settings - Fork 0
/
details.html
111 lines (104 loc) · 5.58 KB
/
details.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
---
title: false
script: subway.js
css: subway-details.css
lang: en
layout: without-h1
nomenu: true
---
<nav class="provisional gc-subway-cra">
<h1 id="gc-document-nav">[Service name]</h1>
<ul>
<li>
<a href="page1-en.html" class="hidden-xs hidden-sm">[Page 1]</a>
<a href="page1-en.html#gc-document-nav" class="visible-xs visible-sm">[Page 1]</a>
</li>
<li>
<a href="page2-en.html" class="hidden-xs hidden-sm">[Page 2]</a>
<a href="page2-en.html#gc-document-nav" class="visible-xs visible-sm">[Page 2]</a>
</li>
<li>
<a href="#" class="hidden-xs hidden-sm">[Page 3]</a>
<a href="#gc-document-nav" class="visible-xs visible-sm">[Page 3]</a>
<ul class="noline">
<li>
<a class="active" aria-current="page" tabindex="0">[Page 3b text on wrap to second line]</a>
</li>
<li>
<details>
<summary>Other items of Page 3</summary>
<ul class="noline">
<li>
<a href="#" class="hidden-xs hidden-sm">[Page 3a]</a>
<a href="#gc-document-nav" class="visible-xs visible-sm">[Page 3a]</a>
</li>
<li>
<a href="#" class="hidden-xs hidden-sm">[Page 3c]</a>
<a href="#gc-document-nav" class="visible-xs visible-sm">[Page 3c]</a>
</li>
<li>
<a href="#" class="hidden-xs hidden-sm">[Page 3d]</a>
<a href="#gc-document-nav" class="visible-xs visible-sm">[Page 3d]</a>
</li>
<li>
<a href="#" class="hidden-xs hidden-sm">[Page 3e]</a>
<a href="#gc-document-nav" class="visible-xs visible-sm">[Page 3e]</a>
</li>
<li>
<a href="#" class="hidden-xs hidden-sm">[Page 3f]</a>
<a href="#gc-document-nav" class="visible-xs visible-sm">[Page 3f]</a>
</li>
<li>
<a href="#" class="hidden-xs hidden-sm">[Page 3g]</a>
<a href="#gc-document-nav" class="visible-xs visible-sm">[Page 3g]</a>
</li>
<li>
<a href="#" class="hidden-xs hidden-sm">[Page 3h]</a>
<a href="#gc-document-nav" class="visible-xs visible-sm">[Page 3h]</a>
</li>
<li>
<a href="#" class="hidden-xs hidden-sm">[Page 3i]</a>
<a href="#gc-document-nav" class="visible-xs visible-sm">[Page 3i]</a>
</li>
</ul>
</details>
</li>
</ul>
</li>
<li>
<a href="#" class="hidden-xs hidden-sm">[Page 4]</a>
<a href="#gc-document-nav" class="visible-xs visible-sm">[Page 4]</a>
</li>
</li>
<li>
<a href="#" class="hidden-xs hidden-sm">[Page 4]</a>
<a href="#gc-document-nav" class="visible-xs visible-sm">[Page 4]</a>
</li>
<li>
<a href="#" class="hidden-xs hidden-sm">[Page 5]</a>
<a href="#gc-document-nav" class="visible-xs visible-sm">[Page 5]</a>
</li>
<li>
<a href="#" class="hidden-xs hidden-sm">[Page 6]</a>
<a href="#gc-document-nav" class="visible-xs visible-sm">[Page 6]</a>
</li>
</ul>
</nav>
<h1 property="name" id="wb-cont" class="gc-thickline">[Page 1]</h1>
<p>This pattern is for sub lists that are non timeline related (noline) and have a significant amount of items on page (need governance).</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam commodo elementum est, ac ultrices urna convallis vitae. Nulla nec convallis felis. Ut pretium nisl nisi. Nam gravida gravida aliquet. Morbi tincidunt lorem in purus imperdiet, id rutrum mauris sodales. Vivamus nec mattis tellus. Nunc turpis dolor, malesuada non magna nec, scelerisque tristique velit.</p>
<p>Sed consectetur eu ligula a molestie. Vivamus convallis libero malesuada pharetra suscipit. In a pulvinar mi, quis aliquet mauris. Duis convallis nunc nunc, in euismod nisi volutpat sit amet. Integer convallis lacus non orci imperdiet, ac convallis massa mollis. Aliquam erat volutpat. Ut maximus euismod auctor. Ut ac gravida nunc. Nam non efficitur neque. Pellentesque tincidunt, libero luctus condimentum laoreet, turpis magna maximus nibh, at cursus lectus tellus in augue. Aenean scelerisque eros dui, at tincidunt eros tristique nec.</p>
<p>Duis vel lacus elit. Mauris rhoncus urna at enim fermentum, eget fermentum est ornare. Pellentesque porttitor bibendum venenatis. Nam tempor vel felis a fringilla. Integer dui nisl, sagittis nec risus a, fermentum euismod purus. Vivamus dictum, elit quis varius eleifend, purus leo scelerisque metus, id fermentum nulla neque eget elit. Etiam vel vestibulum justo, a scelerisque eros.</p>
<p>Nam elementum sit amet sem id finibus. Vivamus et sagittis dolor. Curabitur semper libero ac maximus viverra. Sed sed mollis nulla. Quisque ornare sapien dictum elit fermentum, ut efficitur sem placerat. Praesent nulla enim, venenatis at finibus quis, semper eu nisl. Nam finibus ante vel lacus accumsan, vitae tincidunt massa porta. Donec ullamcorper pharetra ex et dapibus. Pellentesque et viverra nibh. Pellentesque non ante sodales, interdum sapien vitae, gravida risus.</p>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc aliquam felis massa, ut congue enim faucibus in. Vivamus rhoncus elit in pharetra bibendum. In fringilla justo non consectetur feugiat. Ut bibendum nisi lacus, eu dapibus massa semper sit amet. Fusce condimentum pretium libero eget fermentum. Duis feugiat velit at commodo accumsan. Nunc in felis leo.</p>
<nav class="mrgn-bttm-lg mrgn-tp-lg">
<h3 class="wb-inv">Document navigation</h3>
<ul class="pager">
<li class="next"><a href="page2-en.html#wb-cont" rel="next"><span class="wb-inv">Next: </span>[Page 2]</a></li>
</ul>
</nav>
<div class="gc-subway-cra-support">
<h2>Related information</h2>
<ul><li><a href="#">statistics</a></li>
<li><a href="#">item two</a></li>
</div>