_Layout.cshtml 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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.0" />
  6. <title>@ViewData["Title"] - Recipe Manager</title>
  7. <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
  8. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
  9. <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
  10. <link rel="stylesheet" href="~/Recepie.styles.css" asp-append-version="true" />
  11. </head>
  12. <body>
  13. <header>
  14. <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-dark bg-primary border-bottom box-shadow mb-3">
  15. <div class="container-fluid">
  16. <a class="navbar-brand" asp-area="" asp-controller="Recipe" asp-action="Index">
  17. <i class="fas fa-utensils"></i> Recipe Manager
  18. </a>
  19. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse"
  20. aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  21. <span class="navbar-toggler-icon"></span>
  22. </button>
  23. <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
  24. <ul class="navbar-nav flex-grow-1">
  25. <li class="nav-item">
  26. <a class="nav-link" asp-area="" asp-controller="Recipe" asp-action="Index">
  27. <i class="fas fa-home"></i> All Recipes
  28. </a>
  29. </li>
  30. <li class="nav-item">
  31. <a class="nav-link" asp-area="" asp-controller="WeekPlanner" asp-action="Index">
  32. <i class="fas fa-calendar-week"></i> Week Planner
  33. </a>
  34. </li>
  35. <li class="nav-item">
  36. <a class="nav-link" asp-area="" asp-controller="Recipe" asp-action="Create">
  37. <i class="fas fa-plus"></i> Add Recipe
  38. </a>
  39. </li>
  40. </ul>
  41. </div>
  42. </div>
  43. </nav>
  44. </header>
  45. <div class="container-fluid">
  46. <main role="main" class="pb-3">
  47. @RenderBody()
  48. </main>
  49. </div>
  50. <footer class="border-top footer text-muted mt-5">
  51. <div class="container">
  52. &copy; @DateTime.Now.Year - Recipe Manager - Your Personal Recipe Collection
  53. </div>
  54. </footer>
  55. <script src="~/lib/jquery/dist/jquery.min.js"></script>
  56. <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
  57. <script src="~/js/site.js" asp-append-version="true"></script>
  58. @await RenderSectionAsync("Scripts", required: false)
  59. </body>
  60. </html>