xxxxxxxxxx1
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers2
<!DOCTYPE html>3
<html lang="en">4
<head>5
<meta charset="utf-8" />6
<meta content="width=device-width, initial-scale=1.0" />7
<title>Home</title>8
9
<!-- Font Awesome -->10
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" />11
12
<!-- Google Fonts Roboto -->13
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" />14
15
<!-- MDB -->16
<link rel="stylesheet" href="~/mdb/css/mdb.min.css" /> 17
18
<!-- MDB Plugins -->19
<link rel="stylesheet" href="~/mdb/plugins/css/all.min.css"/>20
21
<!-- Layout Sytle -->22
<style>23
@@media (min-width: 1400px) {24
main,25
header,26
#main-navbar {27
/*padding-left: 240px;*/28
}29
}30
31
.table > thead > tr > th {32
border-bottom-width: 2px;33
}34
.table > :not(:last-child) > :last-child > * {35
border-bottom-color: inherit;36
}37
38
body {39
background-color: #fbfbfb;40
}41
</style>42
</head>43
<body>44
<header>45
<nav46
id="sidenav-4"47
class="sidenav"48
data-mdb-mode="side"49
data-mdb-slim="true"50
data-mdb-slim-collapsed="true"51
data-mdb-content="#slim-content"52
>53
<ul class="sidenav-menu">54
<li class="sidenav-item">55
<a class="sidenav-link">56
<i class="far fa-smile me-3"></i57
><span data-mdb-slim="false">Link 1</span></a58
>59
</li>60
<li class="sidenav-item">61
<a class="sidenav-link"62
><i class="fas fa-grin me-3"></i63
><span data-mdb-slim="false">Category 1</span></a64
>65
<ul class="sidenav-collapse">66
<li class="sidenav-item">67
<a class="sidenav-link">Link 2</a>68
</li>69
<li class="sidenav-item">70
<a class="sidenav-link">Link 3</a>71
</li>72
</ul>73
</li>74
<li class="sidenav-item">75
<a class="sidenav-link"76
><i class="fas fa-grin-wink me-3"></i77
><span data-mdb-slim="false">Category 2</span></a78
>79
<ul class="sidenav-collapse">80
<li class="sidenav-item">81
<a class="sidenav-link">Link 4</a>82
</li>83
<li class="sidenav-item">84
<a class="sidenav-link">Link 5</a>85
</li>86
</ul>87
</li>88
</ul>89
</nav>90
91
92
</header>93
94
<main role="main" class="pb-3">95
<div id="slim-content">96
<nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top">97
<div class="container-fluid">98
99
<button100
data-mdb-toggle="sidenav"101
data-mdb-target="#sidenav-4"102
class="btn btn-primary"103
aria-controls="#sidenav-4"104
aria-haspopup="true"105
/>106
<i class="fas fa-bars"></i>107
</button>108
<div class="collapse navbar-collapse" id="navbarExample01">109
<ul class="navbar-nav me-auto mb-2 mb-lg-0">110
<li class="nav-item active">111
<a class="nav-link" aria-current="page" href="#">Home</a>112
</li>113
<li class="nav-item">114
<a class="nav-link" href="#">Features</a>115
</li>116
<li class="nav-item">117
<a class="nav-link" href="#">Pricing</a>118
</li>119
<li class="nav-item">120
<a class="nav-link" href="#">About</a>121
</li>122
</ul>123
</div>124
</div>125
</nav>126
<div class="container-fluid vh-100" style="margin-top: 58px">127
@RenderBody()128
</div>129
</div>130
131
</main>132
133
134
<!-- Footer -->135
<footer class="mt-5"></footer>136
<!-- Footer -->137
138
<!-- MDB -->139
<script type="text/javascript" src="~/mdb/js/mdb.min.js"></script>140
141
<!-- MDB Plugins -->142
<script type="text/javascript" src="~/mdb/plugins/js/all.min.js"></script>143
144
<!-- Page Script -->145
<script type="text/javascript">146
const slimInstance = new mdb.Sidenav(document.getElementById('sidenav-4'));147
slimInstance.show();148
149
document.getElementById('slim-toggler').addEventListener('click', () => {150
slimInstance.toggleSlim();151
})152
</script>153
@await RenderSectionAsync("Scripts", required: false)154
</body>155
</html>1
1
1
1
Console errors: 0