1+ <!DOCTYPE html>
2+ < html class ="no-js " lang ="en ">
3+ < head >
4+ < title > Dir 2 Title</ title >
5+ <!-- Required meta tags -->
6+ < meta charset ="utf-8 ">
7+ < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
8+
9+ < link href ="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css " rel ="stylesheet " integrity ="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC " crossorigin ="anonymous ">
10+ </ head >
11+ < body >
12+ < header class ="">
13+
14+ < nav class ="navbar navbar-expand-lg navbar-dark bg-primary ">
15+ < div class ="container ">
16+
17+ < a class ="navbar-brand " href ="# "> Navbar</ a >
18+ < button class ="navbar-toggler " type ="button " data-bs-toggle ="collapse " data-bs-target ="#navbarSupportedContent " aria-controls ="navbarSupportedContent " aria-expanded ="false " aria-label ="Toggle navigation ">
19+ < span class ="navbar-toggler-icon "> </ span >
20+ </ button >
21+ < div class ="collapse navbar-collapse " id ="navbarSupportedContent ">
22+
23+ < ul class ="navbar-nav me-auto mb-2 mb-lg-0 ">
24+ < li class ="nav-item ">
25+ < a href ="../anotherPage.html " class ="nav-link ">
26+ Another Page
27+ </ a >
28+ </ li > < li class ="nav-item ">
29+ < a href ="../dir1/index.html " class ="nav-link ">
30+ Dir 1 Title
31+ </ a >
32+ </ li > < li class ="nav-item ">
33+ < a href ="# " class ="nav-link current active " aria-current ="page ">
34+ Dir 2 Title
35+ </ a >
36+ </ li >
37+ < ul class ="level- ">
38+ < li class ="nav-item ">
39+ < a href ="../anotherPage.html "
40+ class ="nav-link "> Another Page</ a >
41+ </ li >
42+ < li class ="nav-item ">
43+ < a href ="../dir1/index.html "
44+ class ="nav-link "> Dir 1 Title</ a >
45+ </ li >
46+ < li class ="nav-item ">
47+ < a href ="# "
48+ class ="nav-link current active " aria-current ="page "> Dir 2 Title</ a >
49+ </ li >
50+ < li class ="nav-item ">
51+ < a href ="../somePage.html "
52+ class ="nav-link "> Some Page</ a >
53+ </ li >
54+ < li class ="nav-item ">
55+ < a href ="../yetAnotherPage.html "
56+ class ="nav-link "> Yet Another Page</ a >
57+ </ li >
58+ </ ul >
59+ < li class ="nav-item ">
60+ < a href ="../somePage.html " class ="nav-link ">
61+ Some Page
62+ </ a >
63+ </ li > < li class ="nav-item ">
64+ < a href ="../yetAnotherPage.html " class ="nav-link ">
65+ Yet Another Page
66+ </ a >
67+ </ li > </ ul >
68+
69+ </ div >
70+ </ div >
71+ </ nav >
72+ </ header >
73+ < main id ="main-content ">
74+ < div class ="container ">
75+ < div class ="container ">
76+ < div class ="row ">
77+ < div class ="col-lg-3 ">
78+ < nav class ="nav flex-column ">
79+ < ul class ="menu-level-main ">
80+ < li >
81+ < a href ="../anotherPage.html "
82+ class ="nav-link "> Another Page</ a >
83+ </ li >
84+ < li >
85+ < a href ="../dir1/index.html "
86+ class ="nav-link "> Dir 1 Title</ a >
87+ </ li >
88+ < li >
89+ < a href ="# "
90+ class ="nav-link current active " aria-current ="page "> Dir 2 Title</ a >
91+ < ul class ="level-1 ">
92+ < li >
93+ < a href ="somePage.html "
94+ class ="nav-link "> Some Page in dir 2</ a >
95+ </ li >
96+ < li >
97+ < a href ="subdir1/index.html "
98+ class ="nav-link "> Subdir 1 Title</ a >
99+ </ li >
100+ < li >
101+ < a href ="subdir2/index.html "
102+ class ="nav-link "> Subdir 2 Title</ a >
103+ < ul class ="level-1 ">
104+ < li >
105+ < a href ="subdir2/somePage.html "
106+ class ="nav-link "> Some Page in dir 2</ a >
107+ </ li >
108+ < li >
109+ < a href ="subdir2/subsubdir1/index.html "
110+ class ="nav-link "> Subsubdir 1 Title</ a >
111+ </ li >
112+ </ ul >
113+
114+ </ li >
115+ < li >
116+ < a href ="yetAnotherPage.html "
117+ class ="nav-link "> Yet Another Page</ a >
118+ </ li >
119+ </ ul >
120+
121+ </ li >
122+ < li >
123+ < a href ="../somePage.html "
124+ class ="nav-link "> Some Page</ a >
125+ </ li >
126+ < li >
127+ < a href ="../yetAnotherPage.html "
128+ class ="nav-link "> Yet Another Page</ a >
129+ </ li >
130+ </ ul >
131+ </ nav >
132+
133+ </ div >
134+ < div class ="col-lg-9 ">
135+
136+ < nav aria-label ="breadcrumb ">
137+ < ol class ="breadcrumb ">
138+ < li class ="breadcrumb-item "> < a href ="../index.html "> Document Title</ a > </ li >
139+ < li class ="breadcrumb-item "> < a href ="# "> Dir 2 Title</ a > </ li >
140+ </ ol >
141+ </ nav >
142+ <!-- content start -->
143+ < div class ="section " id ="dir-2-title ">
144+ < h1 > Dir 2 Title</ h1 >
145+
146+ < p > Lorem Ipsum Dolor.</ p >
147+
148+ </ div >
149+ <!-- content end -->
150+ </ div >
151+ </ div >
152+ </ div >
153+ </ div >
154+ </ main >
155+
156+ <!-- Optional JavaScript; choose one of the two! -->
157+
158+ <!-- Option 1: Bootstrap Bundle with Popper -->
159+ < script src ="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js " integrity ="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM " crossorigin ="anonymous "> </ script >
160+
161+ <!-- Option 2: Separate Popper and Bootstrap JS -->
162+ <!--
163+ <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
164+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
165+ -->
166+ </ body >
167+ </ html >
0 commit comments