xxxxxxxxxx
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta charset="utf-8" />
5
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6
<meta name="description" content="" />
7
<meta name="author" content="" />
8
<title>Simple Sidebar - Start Bootstrap Template</title>
9
<!-- Favicon-->
10
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
11
<!-- Core theme CSS (includes Bootstrap)-->
12
<!-- MDB icon -->
13
<link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon">
14
<!-- Font Awesome -->
15
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css">
16
<!-- Google Fonts Roboto -->
17
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap">
18
<!-- MDB -->
19
<!-- Font Awesome -->
20
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
21
<!-- Google Fonts Roboto -->
22
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap">
23
<!-- MDB -->
24
<link rel="stylesheet" href="../a___assets/css/mdb.min.css">
25
<!-- Custom styles -->
26
<link rel="stylesheet" href="../a___assets/css/marvel.css">
27
28
29
<!--
30
font google used for accessing headling in logo
31
32
https://fonts.google.com/specimen/Saira+Semi+Condensed#license
33
34
CSS rules to specify families
35
font-family: 'Saira Semi Condensed', sans-serif;
36
-->
37
38
<link rel="preconnect" href="https://fonts.gstatic.com">
39
<link href="https://fonts.googleapis.com/css2?family=Saira+Semi+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
40
<link rel="preconnect" href="https://fonts.gstatic.com">
41
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
42
<!-- weather icons -->
43
<link rel="stylesheet" href="../a___assets/css/weather-icons.css">
44
<link rel="stylesheet" href="../a___assets/css/weather-icons-wind.css">
45
</head>
46
<body>
47
48
<!-- Sidebar-->
49
50
51
52
53
<!-- Sidenav -->
54
<nav
55
id="sidenav-1"
56
class="sidenav"
57
data-mdb-hidden="false"
58
>
59
<ul class="sidenav-menu">
60
<li class="sidenav-item">
61
<a class="sidenav-link">
62
<i class="far fa-smile fa-fw me-3"></i><span>Link 1</span></a
63
>
64
</li>
65
<li class="sidenav-item">
66
<a class="sidenav-link"
67
><i class="fas fa-grin fa-fw me-3"></i><span>Category 1</span></a
68
>
69
<ul class="sidenav-collapse show">
70
<li class="sidenav-item">
71
<a class="sidenav-link">Link 2</a>
72
</li>
73
<li class="sidenav-item">
74
<a class="sidenav-link">Link 3</a>
75
</li>
76
</ul>
77
</li>
78
<li class="sidenav-item">
79
<a class="sidenav-link"
80
><i class="fas fa-grin-wink fa-fw me-3"></i><span>Category 2</span></a
81
>
82
<ul class="sidenav-collapse">
83
<li class="sidenav-item">
84
<a class="sidenav-link">Link 4</a>
85
</li>
86
<li class="sidenav-item">
87
<a class="sidenav-link"
88
>Link 5</a
89
>
90
</li>
91
</ul>
92
</li>
93
</ul>
94
</nav>
95
<!-- Sidenav -->
96
97
<!-- Toggler -->
98
<button
99
data-mdb-toggle="sidenav"
100
data-mdb-target="#sidenav-1"
101
class="btn btn-primary"
102
aria-controls="#sidenav-1"
103
aria-haspopup="true"
104
>
105
<i class="fas fa-bars"></i>
106
</button>
107
<!-- Toggler -->
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!-- Bootstrap core JS-->
122
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
123
<!-- Core theme JS-->
124
<script src="js/scripts.js"></script>
125
</body>
126
</html>
1
1
1
1
Console errors: 0