| 1 | <!DOCTYPE html>
|
|---|
| 2 | <html>
|
|---|
| 3 | <head>
|
|---|
| 4 | <title>Homepage</title>
|
|---|
| 5 |
|
|---|
| 6 | <meta charset="utf-8"/>
|
|---|
| 7 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
|---|
| 8 |
|
|---|
| 9 | <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet"/>
|
|---|
| 10 | <!-- Google Fonts -->
|
|---|
| 11 | <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet"/>
|
|---|
| 12 | <!-- MDB -->
|
|---|
| 13 | <link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.css" rel="stylesheet"/>
|
|---|
| 14 |
|
|---|
| 15 | <link href='css/fullcalendar.css' rel='stylesheet'/>
|
|---|
| 16 | <link href='css/fullcalendar.print.css' rel='stylesheet' media='print'/>
|
|---|
| 17 | <link href="css/homepage.css" rel="stylesheet"/>
|
|---|
| 18 | <link href="css/headers.css" rel="stylesheet">
|
|---|
| 19 | </head>
|
|---|
| 20 | <body>
|
|---|
| 21 |
|
|---|
| 22 | <!-- Navbar start -->
|
|---|
| 23 | <header class="p-3 mb-3 border-bottom">
|
|---|
| 24 | <div class="container">
|
|---|
| 25 | <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
|
|---|
| 26 | <a href="/" class="d-flex align-items-center mb-2 mb-lg-0 text-dark text-decoration-none">
|
|---|
| 27 | <svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap">
|
|---|
| 28 | <use xlink:href="#bootstrap"/>
|
|---|
| 29 | </svg>
|
|---|
| 30 | </a>
|
|---|
| 31 |
|
|---|
| 32 | <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
|
|---|
| 33 | <li><a href="#" class="nav-link px-2 link-secondary">Overview</a></li>
|
|---|
| 34 | <li><a href="#" class="nav-link px-2 link-dark">Inventory</a></li>
|
|---|
| 35 | <li><a href="#" class="nav-link px-2 link-dark">Customers</a></li>
|
|---|
| 36 | <li><a href="#" class="nav-link px-2 link-dark">Products</a></li>
|
|---|
| 37 | </ul>
|
|---|
| 38 |
|
|---|
| 39 | <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search">
|
|---|
| 40 | <input type="search" class="form-control" placeholder="Search..." aria-label="Search">
|
|---|
| 41 | </form>
|
|---|
| 42 |
|
|---|
| 43 | <div class="dropdown text-end">
|
|---|
| 44 | <a href="#" class="d-block link-dark text-decoration-none dropdown-toggle" data-bs-toggle="dropdown"
|
|---|
| 45 | aria-expanded="false">
|
|---|
| 46 | <img src="https://github.com/mdo.png" alt="mdo" width="32" height="32" class="rounded-circle">
|
|---|
| 47 | </a>
|
|---|
| 48 | <ul class="dropdown-menu text-small">
|
|---|
| 49 | <li><a class="dropdown-item" href="#">New project...</a></li>
|
|---|
| 50 | <li><a class="dropdown-item" href="#">Settings</a></li>
|
|---|
| 51 | <li><a class="dropdown-item" href="#">Profile</a></li>
|
|---|
| 52 | <li>
|
|---|
| 53 | <hr class="dropdown-divider">
|
|---|
| 54 | </li>
|
|---|
| 55 | <li><a class="dropdown-item" href="#">Sign out</a></li>
|
|---|
| 56 | </ul>
|
|---|
| 57 | </div>
|
|---|
| 58 | </div>
|
|---|
| 59 | </div>
|
|---|
| 60 | </header>
|
|---|
| 61 | <!-- Navbar end -->
|
|---|
| 62 |
|
|---|
| 63 | <div id='wrap'>
|
|---|
| 64 | <div id='calendar'></div>
|
|---|
| 65 | <div style='clear:both'></div>
|
|---|
| 66 | </div>
|
|---|
| 67 |
|
|---|
| 68 | <div class="">
|
|---|
| 69 | <div class="card">
|
|---|
| 70 | <div class="card-body py-5 px-md-5">
|
|---|
| 71 | <div>
|
|---|
| 72 | <label for="student-birth-date">Date of search:</label>
|
|---|
| 73 | <input type="date" id="student-birth-date"/>
|
|---|
| 74 | </div>
|
|---|
| 75 | <div>
|
|---|
| 76 | <button type="submit" class="button" id="search">Search</button>
|
|---|
| 77 | </div>
|
|---|
| 78 | </div>
|
|---|
| 79 | </div>
|
|---|
| 80 | </div>
|
|---|
| 81 | <script src='js/jquery-1.10.2.js' type="text/javascript"></script>
|
|---|
| 82 | <script src='js/jquery-ui.custom.min.js' type="text/javascript"></script>
|
|---|
| 83 | <script src='js/fullcalendar.js' type="text/javascript"></script>
|
|---|
| 84 | <script src="js/homepage.js" type="text/javascript"></script>
|
|---|
| 85 | <script src="js/bootstrap.bundle.min.js"></script>
|
|---|
| 86 | </body>
|
|---|
| 87 | </html>
|
|---|
