1//when creating a new File(path) the path
2//will be from the src folder of the proj
3File path = new File("world");
4//this will give the path src/world
5
6//also dont forget that // => /
1<a class="btn btn-primary" data-bs-toggle="offcanvas" href="#offcanvasExample" role="button" aria-controls="offcanvasExample">
2 Link with href
3</a>
4<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
5 Button with data-bs-target
6</button>
7
8<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
9 <div class="offcanvas-header">
10 <h5 class="offcanvas-title" id="offcanvasExampleLabel">Offcanvas</h5>
11 <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
12 </div>
13 <div class="offcanvas-body">
14 <div>
15 Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
16 </div>
17 <div class="dropdown mt-3">
18 <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown">
19 Dropdown button
20 </button>
21 <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
22 <li><a class="dropdown-item" href="#">Action</a></li>
23 <li><a class="dropdown-item" href="#">Another action</a></li>
24 <li><a class="dropdown-item" href="#">Something else here</a></li>
25 </ul>
26 </div>
27 </div>
28</div>