-
Notifications
You must be signed in to change notification settings - Fork 0
/
induction.html
107 lines (100 loc) · 4.79 KB
/
induction.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!--
Copyright (c) 2021 Ashley L Hines Pty Ltd
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://use.typekit.net/zwp4tpp.css" />
<link href="/css/main.css" rel="stylesheet" />
<link href="/css/image_slider.css" rel="stylesheet" />
<link rel="shortcut icon" href="https://www.canberra.edu.au/config/designs/global-combined-parse-squiz/favicon.ico" type="image/ico" />
<title>Workshop 7 Online Bookings</title>
</head>
<body>
<div id="grid-wrapper" class="grid-wrapper">
<header>
<div class="flexbox-left">
<img class="menu-icon" alt="Menu Button" role="button" src="/img/menu.png" onClick="toggleMenu()" />
<h2>Online Bookings</h2>
</div>
<a class="flexbox-center" href="/">
<object class="UC_SVG" data="/img/UC.svg"></object>
<h2 class="title-pipe">|</h2>
<h1>Workshop7</h1>
</a>
<div class="flexbox-right">
<h2>Joe Bloggs</h2>
<object data="/img/user.svg"></object>
</div>
</header>
<div class="sidebar">
<a href="/mybookings.html"><object data="/img/user.svg"></object>My Bookings</a
>
<a href="/newbooking.html"
><object data="/img/user.svg"></object>New Booking</a
>
<a href="/induction.html" class="active"
><object data="/img/user.svg"></object>Safety Induction</a
>
<a href="/rooms"><object data="/img/user.svg"></object>Rooms</a>
<a href="/machines"><object data="/img/user.svg"></object>Machines</a>
<a href="https://www.canberra.edu.au/"><object data="/img/user.svg"></object>Logout</a>
</div>
<div class="content">
<div class="content-container">
<h1>Safety Induction Booking</h1>
<p>
In order to use Workshop7, You first require to be safety inducted. This in addition to terms and conditions protects you and The University of Canberra incase accidents happen. You will be shown how to use commonly used machines and shown all required
safety points. Without completing induction, bookings will be denied, if you have already been inducted before this system this is not required.
</p>
<form action="/mybookings.html">
<div class="form-item">
<label class="form-h2" for="date">Booking Date</label><br />
<input type="date" id="date" name="date" />
</div>
<h2 class="form-h2">Available Time Slots</h2>
<div class="form-item">
<button type="button" id="pill-1" class="pill" onclick="selectBookingPill(1)">
09:00-10:00
</button>
<button type="button" id="pill-2" class="pill" onclick="selectBookingPill(2)">
10:00-11:00
</button>
<button type="button" id="pill-3" class="pill" onclick="selectBookingPill(3)">
11:00-12:00
</button>
<button type="button" id="pill-4" class="pill" onclick="selectBookingPill(4)">
12:00-01:00
</button>
<button type="button" id="pill-5" class="pill" onclick="selectBookingPill(5)">
01:00-02:00
</button>
<button type="button" id="pill-6" class="pill" onclick="selectBookingPill(6)">
02:00-03:00
</button>
</div>
<input type="checkbox" id="terms" name="terms" />
<label class="h5" for="terms">I Agree to the UC Workshop7
<span class="link">Terms and Conditions</span></label
><br />
<button type="submit" class="pill-large form-item">Submit</button>
</form>
</div>
</div>
</div>
<script src="/js/bundle.js"></script>
</body>
</html>