Layout

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @RenderSection("styles", required: false)
    <style>
        #top {
            background-color: #3F48CC;
            color: white;
            text-align: center;
            text-transform: uppercase;
            margin-bottom: 3px;
        }
        nav {
            background-color: #6871D7;
        }
        a {
            color: white !important;
            margin-left: 30px; /* Khoảng cách giữa các link */
        }
        body {
            font-family: Calibri;

        }
    </style>
</head>
<body>
    <div id="top" class="container p-3 ps-1 fs-3">
        Kiểm tra 1 - Phạm Viết Mạnh
    </div>
    <nav class="container navbar navbar-expand-sm navbar-toggleable-sm">
        <div class="container">
            <div class="collapse navbar-collapse d-sm-inline-flex justify-content-between">
                <ul class="navbar-nav flex-grow-1 justify-content-end">
                    <li>@Html.ActionLink("Hiển thị danh sách", "Index", "QuanlySanpham", new { area = "" }, new { @class = "nav-link" })</li>
                    <li>@Html.ActionLink("Thêm sản phẩm", "Input", "QuanlySanpham", new { area = "" }, new { @class = "nav-link" })</li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
        </footer>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>
</html>