title: Integrate AdminLTE with MVC 5 Application
body: <p>I have a very basic MVC 5 Application which I am attempting to add AdminLTE to. I downloaded the AdminLTE Nuget package and added the code from the startup.html page to my MVC application's _Layout.cshtml page. I updated all the CSS and JS links to point to the right directory for my application. </p>
  
  <p>Here is the code in the _Layout.cshtml file.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;title&gt;@ViewBag.Title&lt;/title&gt;
  &lt;link href="~/Content/Site.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script src="~/Scripts/modernizr-2.6.2.js"&gt;&lt;/script&gt;
  &lt;!-- Theme style --&gt;
  &lt;link href="~/admin-lte/css/AdminLTE.css" rel="stylesheet" /&gt;
  &lt;link href="~/Content/font-awesome.css" rel="stylesheet" /&gt;
  &lt;link href="~/admin-lte/css/skins/skin-blue.css" rel="stylesheet" /&gt;
  &lt;!-- Google Font: Source Sans Pro --&gt;
  &lt;link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet"&gt;
  &lt;/head&gt;
  &lt;body class="hold-transition sidebar-mini"&gt;
  @if (Request.IsAuthenticated)
  {
      &lt;div class="wrapper"&gt;
          &lt;!-- Navbar --&gt;
          &lt;nav class="main-header navbar navbar-expand navbar-white navbar-light"&gt;
              &lt;!-- Left navbar links --&gt;
              &lt;ul class="navbar-nav"&gt;
                  &lt;li class="nav-item"&gt;
                      &lt;a class="nav-link" data-widget="pushmenu" href="#"&gt;&lt;i class="fas fa-bars"&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class="nav-item d-none d-sm-inline-block"&gt;
                      &lt;a href="index3.html" class="nav-link"&gt;Home&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class="nav-item d-none d-sm-inline-block"&gt;
                      &lt;a href="#" class="nav-link"&gt;Contact&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
              &lt;!-- SEARCH FORM --&gt;
              &lt;form class="form-inline ml-3"&gt;
                  &lt;div class="input-group input-group-sm"&gt;
                      &lt;input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search"&gt;
                      &lt;div class="input-group-append"&gt;
                          &lt;button class="btn btn-navbar" type="submit"&gt;
                              &lt;i class="fas fa-search"&gt;&lt;/i&gt;
                          &lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/form&gt;
              &lt;!-- Right navbar links --&gt;
              &lt;ul class="navbar-nav ml-auto"&gt;
                  &lt;!-- Messages Dropdown Menu --&gt;
                  &lt;li class="nav-item dropdown"&gt;
                      &lt;a class="nav-link" data-toggle="dropdown" href="#"&gt;
                          &lt;i class="far fa-comments"&gt;&lt;/i&gt;
                          &lt;span class="badge badge-danger navbar-badge"&gt;3&lt;/span&gt;
                      &lt;/a&gt;
                      &lt;div class="dropdown-menu dropdown-menu-lg dropdown-menu-right"&gt;
                          &lt;a href="#" class="dropdown-item"&gt;
                              &lt;!-- Message Start --&gt;
                              &lt;div class="media"&gt;
                                  &lt;img src="dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle"&gt;
                                  &lt;div class="media-body"&gt;
                                      &lt;h3 class="dropdown-item-title"&gt;
                                          Brad Diesel
                                          &lt;span class="float-right text-sm text-danger"&gt;&lt;i class="fas fa-star"&gt;&lt;/i&gt;&lt;/span&gt;
                                      &lt;/h3&gt;
                                      &lt;p class="text-sm"&gt;Call me whenever you can...&lt;/p&gt;
                                      &lt;p class="text-sm text-muted"&gt;&lt;i class="far fa-clock mr-1"&gt;&lt;/i&gt; 4 Hours Ago&lt;/p&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;!-- Message End --&gt;
                          &lt;/a&gt;
                          &lt;div class="dropdown-divider"&gt;&lt;/div&gt;
                          &lt;a href="#" class="dropdown-item"&gt;
                              &lt;!-- Message Start --&gt;
                              &lt;div class="media"&gt;
                                  &lt;img src="dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3"&gt;
                                  &lt;div class="media-body"&gt;
                                      &lt;h3 class="dropdown-item-title"&gt;
                                          John Pierce
                                          &lt;span class="float-right text-sm text-muted"&gt;&lt;i class="fas fa-star"&gt;&lt;/i&gt;&lt;/span&gt;
                                      &lt;/h3&gt;
                                      &lt;p class="text-sm"&gt;I got your message bro&lt;/p&gt;
                                      &lt;p class="text-sm text-muted"&gt;&lt;i class="far fa-clock mr-1"&gt;&lt;/i&gt; 4 Hours Ago&lt;/p&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;!-- Message End --&gt;
                          &lt;/a&gt;
                          &lt;div class="dropdown-divider"&gt;&lt;/div&gt;
                          &lt;a href="#" class="dropdown-item"&gt;
                              &lt;!-- Message Start --&gt;
                              &lt;div class="media"&gt;
                                  &lt;img src="dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3"&gt;
                                  &lt;div class="media-body"&gt;
                                      &lt;h3 class="dropdown-item-title"&gt;
                                          Nora Silvester
                                          &lt;span class="float-right text-sm text-warning"&gt;&lt;i class="fas fa-star"&gt;&lt;/i&gt;&lt;/span&gt;
                                      &lt;/h3&gt;
                                      &lt;p class="text-sm"&gt;The subject goes here&lt;/p&gt;
                                      &lt;p class="text-sm text-muted"&gt;&lt;i class="far fa-clock mr-1"&gt;&lt;/i&gt; 4 Hours Ago&lt;/p&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;!-- Message End --&gt;
                          &lt;/a&gt;
                          &lt;div class="dropdown-divider"&gt;&lt;/div&gt;
                          &lt;a href="#" class="dropdown-item dropdown-footer"&gt;See All Messages&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/li&gt;
                  &lt;!-- Notifications Dropdown Menu --&gt;
                  &lt;li class="nav-item dropdown"&gt;
                      &lt;a class="nav-link" data-toggle="dropdown" href="#"&gt;
                          &lt;i class="far fa-bell"&gt;&lt;/i&gt;
                          &lt;span class="badge badge-warning navbar-badge"&gt;15&lt;/span&gt;
                      &lt;/a&gt;
                      &lt;div class="dropdown-menu dropdown-menu-lg dropdown-menu-right"&gt;
                          &lt;span class="dropdown-header"&gt;15 Notifications&lt;/span&gt;
                          &lt;div class="dropdown-divider"&gt;&lt;/div&gt;
                          &lt;a href="#" class="dropdown-item"&gt;
                              &lt;i class="fas fa-envelope mr-2"&gt;&lt;/i&gt; 4 new messages
                              &lt;span class="float-right text-muted text-sm"&gt;3 mins&lt;/span&gt;
                          &lt;/a&gt;
                          &lt;div class="dropdown-divider"&gt;&lt;/div&gt;
                          &lt;a href="#" class="dropdown-item"&gt;
                              &lt;i class="fas fa-users mr-2"&gt;&lt;/i&gt; 8 friend requests
                              &lt;span class="float-right text-muted text-sm"&gt;12 hours&lt;/span&gt;
                          &lt;/a&gt;
                          &lt;div class="dropdown-divider"&gt;&lt;/div&gt;
                          &lt;a href="#" class="dropdown-item"&gt;
                              &lt;i class="fas fa-file mr-2"&gt;&lt;/i&gt; 3 new reports
                              &lt;span class="float-right text-muted text-sm"&gt;2 days&lt;/span&gt;
                          &lt;/a&gt;
                          &lt;div class="dropdown-divider"&gt;&lt;/div&gt;
                          &lt;a href="#" class="dropdown-item dropdown-footer"&gt;See All Notifications&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/li&gt;
                  &lt;li class="nav-item"&gt;
                      &lt;a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#"&gt;
                          &lt;i class="fas fa-th-large"&gt;&lt;/i&gt;
                      &lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/nav&gt;
          &lt;!-- /.navbar --&gt;
          &lt;!-- Main Sidebar Container --&gt;
          &lt;aside class="main-sidebar sidebar-dark-primary elevation-4"&gt;
              &lt;!-- Brand Logo --&gt;
              &lt;a href="index3.html" class="brand-link"&gt;
                  &lt;img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"
                       style="opacity: .8"&gt;
                  &lt;span class="brand-text font-weight-light"&gt;AdminLTE 3&lt;/span&gt;
              &lt;/a&gt;
              &lt;!-- Sidebar --&gt;
              &lt;div class="sidebar"&gt;
                  &lt;!-- Sidebar user panel (optional) --&gt;
                  &lt;div class="user-panel mt-3 pb-3 mb-3 d-flex"&gt;
                      &lt;div class="image"&gt;
                          &lt;img src="dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image"&gt;
                      &lt;/div&gt;
                      &lt;div class="info"&gt;
                          &lt;a href="#" class="d-block"&gt;Alexander Pierce&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;!-- Sidebar Menu --&gt;
                  &lt;nav class="mt-2"&gt;
                      &lt;ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false"&gt;
                          &lt;!-- Add icons to the links using the .nav-icon class
                               with font-awesome or any other icon font library --&gt;
                          &lt;li class="nav-item has-treeview menu-open"&gt;
                              &lt;a href="#" class="nav-link active"&gt;
                                  &lt;i class="nav-icon fas fa-tachometer-alt"&gt;&lt;/i&gt;
                                  &lt;p&gt;
                                      Starter Pages
                                      &lt;i class="right fas fa-angle-left"&gt;&lt;/i&gt;
                                  &lt;/p&gt;
                              &lt;/a&gt;
                              &lt;ul class="nav nav-treeview"&gt;
                                  &lt;li class="nav-item"&gt;
                                      &lt;a href="#" class="nav-link active"&gt;
                                          &lt;i class="far fa-circle nav-icon"&gt;&lt;/i&gt;
                                          &lt;p&gt;Active Page&lt;/p&gt;
                                      &lt;/a&gt;
                                  &lt;/li&gt;
                                  &lt;li class="nav-item"&gt;
                                      &lt;a href="#" class="nav-link"&gt;
                                          &lt;i class="far fa-circle nav-icon"&gt;&lt;/i&gt;
                                          &lt;p&gt;Inactive Page&lt;/p&gt;
                                      &lt;/a&gt;
                                  &lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/li&gt;
                          &lt;li class="nav-item"&gt;
                              &lt;a href="#" class="nav-link"&gt;
                                  &lt;i class="nav-icon fas fa-th"&gt;&lt;/i&gt;
                                  &lt;p&gt;
                                      Simple Link
                                      &lt;span class="right badge badge-danger"&gt;New&lt;/span&gt;
                                  &lt;/p&gt;
                              &lt;/a&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/nav&gt;
                  &lt;!-- /.sidebar-menu --&gt;
              &lt;/div&gt;
              &lt;!-- /.sidebar --&gt;
          &lt;/aside&gt;
          &lt;!-- Content Wrapper. Contains page content --&gt;
          &lt;div class="content-wrapper"&gt;
              &lt;!-- Content Header (Page header) --&gt;
              &lt;div class="content-header"&gt;
                  &lt;div class="container-fluid"&gt;
                      &lt;div class="row mb-2"&gt;
                          &lt;div class="col-sm-6"&gt;
                              &lt;h1 class="m-0 text-dark"&gt;Starter Page&lt;/h1&gt;
                          &lt;/div&gt;&lt;!-- /.col --&gt;
                          &lt;div class="col-sm-6"&gt;
                              &lt;ol class="breadcrumb float-sm-right"&gt;
                                  &lt;li class="breadcrumb-item"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                                  &lt;li class="breadcrumb-item active"&gt;Starter Page&lt;/li&gt;
                              &lt;/ol&gt;
                          &lt;/div&gt;&lt;!-- /.col --&gt;
                      &lt;/div&gt;&lt;!-- /.row --&gt;
                  &lt;/div&gt;&lt;!-- /.container-fluid --&gt;
              &lt;/div&gt;
              &lt;!-- /.content-header --&gt;
              &lt;!-- Main content --&gt;
              &lt;div class="content"&gt;
                  &lt;div class="container-fluid"&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="col-lg-6"&gt;
                              &lt;div class="card"&gt;
                                  &lt;div class="card-body"&gt;
                                      &lt;h5 class="card-title"&gt;Card title&lt;/h5&gt;
                                      &lt;p class="card-text"&gt;
                                          Some quick example text to build on the card title and make up the bulk of the card's
                                          content.
                                      &lt;/p&gt;
                                      &lt;a href="#" class="card-link"&gt;Card link&lt;/a&gt;
                                      &lt;a href="#" class="card-link"&gt;Another link&lt;/a&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="card card-primary card-outline"&gt;
                                  &lt;div class="card-body"&gt;
                                      &lt;h5 class="card-title"&gt;Card title&lt;/h5&gt;
                                      &lt;p class="card-text"&gt;
                                          Some quick example text to build on the card title and make up the bulk of the card's
                                          content.
                                      &lt;/p&gt;
                                      &lt;a href="#" class="card-link"&gt;Card link&lt;/a&gt;
                                      &lt;a href="#" class="card-link"&gt;Another link&lt;/a&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;&lt;!-- /.card --&gt;
                          &lt;/div&gt;
                          &lt;!-- /.col-md-6 --&gt;
                          &lt;div class="col-lg-6"&gt;
                              &lt;div class="card"&gt;
                                  &lt;div class="card-header"&gt;
                                      &lt;h5 class="m-0"&gt;Featured&lt;/h5&gt;
                                  &lt;/div&gt;
                                  &lt;div class="card-body"&gt;
                                      &lt;h6 class="card-title"&gt;Special title treatment&lt;/h6&gt;
                                      &lt;p class="card-text"&gt;With supporting text below as a natural lead-in to additional content.&lt;/p&gt;
                                      &lt;a href="#" class="btn btn-primary"&gt;Go somewhere&lt;/a&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="card card-primary card-outline"&gt;
                                  &lt;div class="card-header"&gt;
                                      &lt;h5 class="m-0"&gt;Featured&lt;/h5&gt;
                                  &lt;/div&gt;
                                  &lt;div class="card-body"&gt;
                                      &lt;h6 class="card-title"&gt;Special title treatment&lt;/h6&gt;
                                      &lt;p class="card-text"&gt;With supporting text below as a natural lead-in to additional content.&lt;/p&gt;
                                      &lt;a href="#" class="btn btn-primary"&gt;Go somewhere&lt;/a&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;!-- /.col-md-6 --&gt;
                      &lt;/div&gt;
                      &lt;!-- /.row --&gt;
                  &lt;/div&gt;&lt;!-- /.container-fluid --&gt;
              &lt;/div&gt;
              &lt;!-- /.content --&gt;
          &lt;/div&gt;
          &lt;!-- /.content-wrapper --&gt;
          &lt;!-- Control Sidebar --&gt;
          &lt;aside class="control-sidebar control-sidebar-dark"&gt;
              &lt;!-- Control sidebar content goes here --&gt;
              &lt;div class="p-3"&gt;
                  &lt;h5&gt;Title&lt;/h5&gt;
                  &lt;p&gt;Sidebar content&lt;/p&gt;
              &lt;/div&gt;
          &lt;/aside&gt;
          &lt;!-- /.control-sidebar --&gt;
          &lt;!-- Main Footer --&gt;
          &lt;footer class="main-footer"&gt;
              &lt;!-- To the right --&gt;
              &lt;div class="float-right d-none d-sm-inline"&gt;
                  Anything you want
              &lt;/div&gt;
              &lt;!-- Default to the left --&gt;
              &lt;strong&gt;Copyright &amp;copy; 2014-2019 &lt;a href="https://adminlte.io"&gt;AdminLTE.io&lt;/a&gt;.&lt;/strong&gt; All rights reserved.
          &lt;/footer&gt;
      &lt;/div&gt;
  }
  &lt;div class="container body-content"&gt;
      @RenderBody()
  &lt;/div&gt;
  &lt;script src="~/Scripts/jquery-3.1.1.js"&gt;&lt;/script&gt;
  &lt;script src="~/Scripts/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/chXVh.png" rel="nofollow noreferrer">Here is what the Home page currently looks like.</a> It seems like not all the JS and/or CSS is being loaded but I have no idea what is missing as the Chrome console is not showing any errors. What am I missing here?</p>