ASP.NET / ASP.NET Helpdesk System Using jQuery and Bootstrap / CasestudyWebsite / wwwroot / home.html
home.html
Raw
<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
    <meta charset="utf-8" />
    <link href="lib/css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/home.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" />
    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<!--Body-->
<body>
    <!--Nav Bar-->
    <nav class="navbar navbar-expand-md navbar-dark">
        <a class="navbar-brand mx-3" href="#">Case #2</a>
        <button class="navbar-toggler mx-3" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarContent">
            <ul class="navbar-nav ms-3 me-auto">
                <!--Home-->
                <li class="nav-item">
                    <a class="nav-link active" href="/home.html">Home</a>
                </li>
                <!--Employee List-->
                <li class="nav-item">
                    <a class="nav-link" href="/employee.html">Employees</a>
                </li>
                <!--Calls List-->
                <li class="nav-item">
                    <a class="nav-link" href="/call.html">Calls</a>
                </li>
                <!--Reports-->
                <li class="nav-item">
                    <a class="nav-link" href="/report.html">Reports</a>
                </li>
            </ul>
            <!--Darkmode Switch-->
            <label class="switch ms-3 mt-3">
                <input type="checkbox" class="checker" id="lightSwitch" />
                <span class="slider round"></span>
            </label>
        </div>
    </nav>
    <!--Logo and Titles-->
    <div class="text-center mt-5">
        <img src="img/logo.png" width="200" height="200" id="logo" />
        <h1>Help Desk</h1>
        <p1>v2.0</p1>
    </div>
    <!--JQuery and Bootstrap Script Tags-->
    <script src="lib/js/jquery.min.js"></script>
    <script src="lib/js/bootstrap.min.js"></script>
    <script src="js/home.js"></script>
</body>
</html>