source: src/main/resources/templates/homepage.html@ 2b0a4db

Last change on this file since 2b0a4db was 2b0a4db, checked in by Gjoko Kostadinov <gjoko.kostadinov@…>, 17 months ago

Fix page layout and js bugs.

  • Property mode set to 100644
File size: 3.6 KB
Line 
1<!DOCTYPE html>
2<html>
3<head>
4 <title>Schedlr</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>
Note: See TracBrowser for help on using the repository browser.