xxxxxxxxxx
1
<!-- Sidenav -->
2
<nav
3
id="sidenav-1"
4
class="sidenav"
5
data-mdb-mode="side"
6
data-mdb-backdrop="false"
7
data-mdb-hidden="true"
8
data-mdb-content="#content"
9
>
10
<ul class="sidenav-menu">
11
<li class="sidenav-item">
12
<div class="input-group flex-nowrap">
13
<span class="input-group-text" id="addon-wrapping">@</span>
14
<input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="addon-wrapping" />
15
</div>
16
</li>
17
<li class="sidenav-item">
18
<a class="sidenav-link">
19
<i class="far fa-smile fa-fw me-3"></i><span>Link 1</span></a
20
>
21
</li>
22
<li class="sidenav-item">
23
<a class="sidenav-link"
24
><i class="fas fa-grin fa-fw me-3"></i><span>Category 1</span></a
25
>
26
<ul class="sidenav-collapse show">
27
<li class="sidenav-item">
28
<a class="sidenav-link">Link 2</a>
29
</li>
30
<li class="sidenav-item">
31
<a class="sidenav-link">Link 3</a>
32
</li>
33
</ul>
34
</li>
35
<li class="sidenav-item">
36
<a class="sidenav-link"
37
><i class="fas fa-grin-wink fa-fw me-3"></i><span>Category 2</span></a
38
>
39
<ul class="sidenav-collapse">
40
<li class="sidenav-item">
41
<a class="sidenav-link">Link 4</a>
42
</li>
43
<li class="sidenav-item">
44
<a class="sidenav-link"
45
>Link 5</a
46
>
47
</li>
48
</ul>
49
</li>
50
</ul>
51
</nav>
52
<!-- Sidenav -->
53
<div id="content">
54
<!-- Toggler -->
55
<button
56
data-mdb-toggle="sidenav"
57
data-mdb-target="#sidenav-1"
58
class="btn btn-primary"
59
aria-controls="#sidenav-1"
60
aria-haspopup="true"
61
>
62
<i class="fas fa-bars"></i>
63
</button>
64
<!-- Toggler -->
65
66
<div class="input-group flex-nowrap">
67
<span class="input-group-text" id="addon-wrapping">@</span>
68
<input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="addon-wrapping" />
69
</div>
70
</div>
1
1
1
1
Console errors: 0