-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathfeatures.html
More file actions
397 lines (389 loc) · 24.3 KB
/
features.html
File metadata and controls
397 lines (389 loc) · 24.3 KB
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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Cube Rota | Cost effective way of managing your rota</title>
<link rel="shortcut icon" href="assets/cube_icon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootswatch/4.2.1/litera/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/style.css" type="text/css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great" rel="stylesheet">
</head>
<body>
<!--************************************************ NAVBAR *********************************************************-->
<nav class="navbar navbar-expand-md navbar-dark py-1">
<!--Logo-->
<a class="navbar-brand py-0" href="index.html">
<img src="assets/cube.png" alt="CUBE Logo">
<span class="m-auto">CUBE rota</span>
</a>
<!--collapsible navbar-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardropindustries" data-toggle="dropdown">
Industries
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="industries.html#">Retail</a>
<a class="dropdown-item" href="industries.html#Hotel">Hotel/Hospitality</a>
<a class="dropdown-item" href="industries.html#Agency">Agency</a>
<a class="dropdown-item" href="industries.html#Catering">Catering</a>
<a class="dropdown-item disabled" href="industries.html#Cafe">Restaurant/Café/Bar</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link active dropdown-toggle" href="#" id="navbardropfeatures" data-toggle="dropdown">
Features
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="features.html#Scheduling">Scheduling</a>
<a class="dropdown-item" href="features.html#Publish">Publish rota</a>
<a class="dropdown-item" href="features.html#">Time & Attendance</a>
<a class="dropdown-item" href="features.html#Clocking">Clock-in/out</a>
<a class="dropdown-item" href="features.html#Holiday">Holiday requests/approvals</a>
<a class="dropdown-item" href="features.html#Reminder">Alerts/Reminders</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="pricing.html">Pricing</a>
</li>
</ul>
<!-- **** Buttons on the right **** -->
<ul class="navbar-nav ">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardroplanguages" data-toggle="dropdown">
<i class="fas fa-language"></i>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#lang_eng">English</a>
<a class="dropdown-item disabled" href="#lang_ru">Russian</a>
<a class="dropdown-item disabled" href="#lang_fr">French</a>
<a class="dropdown-item disabled" href="#lang_it">Italian</a>
<a class="dropdown-item disabled" href="#lang_sr">Serbian</a>
<a class="dropdown-item disabled" href="#lang_hu">Hungarian</a>
<a class="dropdown-item disabled" href="#lang_ro">Romanian</a>
<a class="dropdown-item disabled" href="#lang_pl">Polish</a>
</div>
<li class="nav-item">
<a class="nav-link" href="signup.html">
<i class="fas fa-user"></i>
<span>Sign up</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="login.html">
<i class="fas fa-sign-in-alt"></i>
<span>Sign in</span>
</a>
</li>
</ul>
</div>
</nav>
<!--********************************************** /. NAVBAR *********************************************************-->
<!--********************************************** Features *********************************************************-->
<div class="container">
<div class="row px-1 px-md-4">
<div class="col-12 py-1 py-md-4">
<h2>Special features explained:</h2>
</div>
</div>
<div class="row px-1 px-md-4">
<div class="col-12">
<section class="feature-card" id="scheduling">
<h4 class="py-1 py-md-3">
<span class="feature-name">Scheduling</span>
</h4>
<div class="circle pl-3"><i class="fas fa-calendar-alt"></i></div>
<p class="feature-card-text mb-1">
Scheduling is the key purpose you are here. All the other features of the system <em>support your business</em> <b>and</b> can <em>save you money and time</em>, but you want to create a schedule for your staff.
</p>
<p class="feature-card-text mb-1">
Once you have <strong>planned</strong> how many people you need for certain periods, it is time to put names into the rota. For that, you need all your employees to be listed in the system, together with all the relevant information
(name, position, pay rate, etc...).
</p>
<p class="feature-card-text mb-1">
There are numerous system fields to cover regular info, should you need anything extra, you are able to define maximum 5 more fields for your own use.
</p>
<p class="feature-card-text mb-1">
Staff availability is the next key information, when you start preparing your schedule. Different industries and different companies require different approach to staff availability. The two main solutions in CUBE Rota are:
</p>
<ul>
<li class="feature-card-text mb-0">Announcing upcoming shifts and seeking individual availability confirmations</li>
<li class="feature-card-text mb-0">Staff indicating their availability through a calendar surface.</li>
</ul>
<p class="feature-card-text mb-1">
If the trio of <strong>plan, employee database and availability</strong> is set, you can actually start scheduling by dragging available employees to the rota.
</p>
<p class="feature-card-text mb-1">
<strong>Do not forget!</strong> When preparing the schedule, take as many employee preferences into account, it improves loyalty and retention therefore helps reducing staff turnover :)
</p>
<div class="container button-container py-1 py-md-5">
<div class="row">
<div class="col-md-2"></div>
<!--placeholder for larger devices-->
<div class="col-12 col-md-4 mybutton">
<a class="btn btn-warning btn-lg width150" href="signup.html" role="button">Sign up</a>
</div>
<div class="col-12 col-md-4 mybutton">
<a class="btn btn-warning btn-lg width150" href="bookademo.html" role="button">Book a Demo</a>
</div>
<div class="col-md-2"></div>
<!--placeholder for larger devices-->
</div>
</div>
</section>
<hr class="block-divider">
<section class="feature-card" id="Publish">
<h4 class="py-1 py-md-3">
<span class="feature-name"> Publishing Rota</span>
</h4>
<div class="circle pl-2"><i class="fas fa-upload"></i></div>
<p class="feature-card-text mb-1">
You can keep working on your planning and scheduling, save it whenever you want, it won't be shared with your employees until you deem it finished.
</p>
<p class="feature-card-text mb-1">
Once you finalised it, you can publish it, meaning your staff will receive it in the format you set up.
</p>
<p class="feature-card-text mb-1">
Agencies can also send it to their customers, either at the same time as to their employees or after confirmations received from staff.
</p>
<p class="feature-card-text mb-1">
There are multiple ways to communicate it:
</p>
<ul>
<li class="feature-card-text mb-0">send it by e-mail,</li>
<li class="feature-card-text mb-0">send a push notification through the CUBE Rota website,</li>
<li class="feature-card-text mb-0">send a link through the following messaging applications:</li>
<ul>
<li class="feature-card-text mb-0">WhatsApp,</li>
<li class="feature-card-text mb-0">Slack,</li>
<li class="feature-card-text mb-0">Facebook messenger,</li>
<li class="feature-card-text mb-0">Skype,</li>
<li class="feature-card-text mb-0">Viber.</li>
</ul>
</ul>
<p class="feature-card-text mb-1">
Your employees will have to confirm receiving the rota. It is entirely up to you if you also require accepting it, leaving them the option of rejecting some shifts.
It is also your decision whether you allow your staff to swap shifts, with or without managerial approval. This function can be enabled/disabled in the system.
</p>
<div class="container button-container py-1 py-md-5">
<div class="row">
<div class="col-md-2"></div>
<!--placeholder for larger devices-->
<div class="col-12 col-md-4 mybutton">
<a class="btn btn-warning btn-lg width150" href="signup.html" role="button">Sign up</a>
</div>
<div class="col-12 col-md-4 mybutton">
<a class="btn btn-warning btn-lg width150" href="bookademo.html" role="button">Book a Demo</a>
</div>
<div class="col-md-2"></div>
<!--placeholder for larger devices-->
</div>
</div>
</section>
<hr class="block-divider">
<section class="feature-card" id="T&A">
<h4 class="py-1 py-md-3">
<span class="feature-name">Time&Attendance</span>
</h4>
<div class="circle pl-3"><i class="fas fa-calendar-check"></i></div>
<p class="feature-card-text mb-1">
The system enables you to monitor and log employees working hours, late arrivals, time taken on breaks and absenteeism.
</p>
<p class="feature-card-text mb-1">
It also helps to <strong>control labour costs</strong> by reducing over-payments, which are often caused by paying employees for time that are not working, and eliminates errors caused by miscommunication.
</p>
<p class="feature-card-text mb-1">
It can also be used to ensure <strong>compliance</strong> with labour regulations as proof of attendance.
</p>
<p class="feature-card-text mb-1">
You can grant read-only access to your employees to the T&A data, so they can always be up to date with their worked hours and remaining holiday allowances.
</p>
<div class="container button-container py-1 py-md-5">
<div class="row">
<div class="col-md-2"></div>
<!--placeholder for larger devices-->
<div class="col-12 col-md-4 mybutton">
<a class="btn btn-warning btn-lg width150" href="signup.html" role="button">Sign up</a>
</div>
<div class="col-12 col-md-4 mybutton">
<a class="btn btn-warning btn-lg width150" href="bookademo.html" role="button">Book a Demo</a>
</div>
<div class="col-md-2"></div>
<!--placeholder for larger devices-->
</div>
</div>
</section>
<hr class="block-divider">
<section class="feature-card" id="Clocking">
<h4 class="py-1 py-md-3">
<span class="feature-name">Clocking-in/out</span>
</h4>
<div class="circle pl-3"><i class="fas fa-stopwatch"></i></div>
<p class="feature-card-text mb-0">
Shift managers, event supervisors, head-waiters, store managers - whoever is in charge of administering
the time-sheets - can use the system to record start and finishing times for each employee.
</p>
<p class="feature-card-text mb-0">
Break start and finish times can also be recorded in the system with the relevant information whether paid or unpaid for payroll purposes.
</p>
<p class="feature-card-text mb-0">
GPS and biometric clock-in and clock-out possibility linked to the time and attendance feature makes the time keeping 100% accurate and reliable, perfect basis for your automated payroll.
</p>
<div class="container button-container py-1 py-md-5">
<div class="row">
<div class="col-md-2"></div>
<!--placeholder for larger devices-->
<div class="col-12 col-md-4 mybutton">
<a class="btn btn-warning btn-lg width150" href="signup.html" role="button">Sign up</a>
</div>
<div class="col-12 col-md-4 mybutton">
<a class="btn btn-warning btn-lg width150" href="bookademo.html" role="button">Book a Demo</a>
</div>
<div class="col-md-2"></div>
<!--placeholder for larger devices-->
</div>
</div>
</section>
<hr class="block-divider">
<section class="feature-card" id="Holiday">
<h4 class="py-1 py-md-3">
<span class="feature-name">Holiday requests</span>
</h4>
<div class="circle pl-0"><i class="fas fa-umbrella-beach"></i></div>
<p class="feature-card-text mb-0">
Proper holiday administration is frequently overlooked, creating uncertainties amongst staff as well as leaving managers unaware of underlying issues.
</p>
<p class="feature-card-text mb-0">
Moving your holiday approval process into the CUBE Rota system will also ensure proper administration, keep staff aware of their remaining holiday entitlements and avoid unapproved holidays.
</p>
<p class="feature-card-text mb-0">
Bigger organisations also tend to struggle year-end holiday management, if you are amongst those, you can expect significant improvement on this field as well.
</p>
<div class="container button-container py-1 py-md-5">
<div class="row">
<div class="col-md-2"></div>
<!--placeholder for larger devices-->
<div class="col-12 col-md-4 mybutton">
<a class="btn btn-warning btn-lg width150" href="signup.html" role="button">Sign up</a>
</div>
<div class="col-12 col-md-4 mybutton">
<a class="btn btn-warning btn-lg width150" href="bookademo.html" role="button">Book a Demo</a>
</div>
<div class="col-md-2"></div>
<!--placeholder for larger devices-->
</div>
</div>
</section>
<hr class="block-divider">
<section class="feature-card" id="Reminder">
<h4 class="py-1 py-md-3">
<span class="feature-name">Alerts/Reminders</span>
</h4>
<div class="circle pl-3"><i class="fas fa-bell"></i></div>
<p class="feature-card-text mb-1">
On top of the 'standard' notification of publishing the rota for certain periods or events, there are several other possible alerts and/or reminders.
</p>
<p class="feature-card-text mb-1">
Either you or your employees can set up <strong>alarms</strong> to remind them of upcoming shifts.
</p>
<p class="feature-card-text mb-1">
You can also send out <strong>push notifications</strong> before shifts start.
</p>
<p class="feature-card-text mb-1">
Details of certain shifts can also be sent to staff, including address and shortcut to map of the location of the shift/event; special uniform requirements can also be sent.
</p>
<p class="feature-card-text mb-1">
Staff can also <strong>send messages</strong> to you or each other, although this feature is only available in the <em>PRO package</em>.
</p>
<p class="feature-card-text mb-1">
Pop-up notification can be used for <strong>finding urgent covers</strong> or informing staff about last minute changes.
</p>
<div class="container button-container py-1 py-md-5">
<div class="row">
<div class="col-md-2"></div>
<!--placeholder for larger devices-->
<div class="col-12 col-md-4 mybutton">
<a class="btn btn-warning btn-lg width150" href="signup.html" role="button">Sign up</a>
</div>
<div class="col-12 col-md-4 mybutton">
<a class="btn btn-warning btn-lg width150" href="bookademo.html" role="button">Book a Demo</a>
</div>
<div class="col-md-2"></div>
<!--placeholder for larger devices-->
</div>
</div>
</section>
</div>
</div>
</div>
<!--********************************************** /. Features *********************************************************-->
<!--********************************************** FOOTER *********************************************************-->
<footer class="conainer-fluid">
<div class="social-footer">
<a id="facebook" target="_blank" href="#" data-toggle="tooltip" title="Visit us on Facebook">
<i class="fab fa-facebook"></i>
</a>
<a id="instagram" target="_blank" href="#" data-toggle="tooltip" title="Visit us on Instagram">
<i class="fab fa-instagram"></i>
</a>
<a id="linkedin" target="_blank" href="#" data-toggle="tooltip" title="Visit us on LinkedIn">
<i class="fab fa-linkedin"></i>
</a>
<a id="twitter" target="_blank" href="#" data-toggle="tooltip" title="Visit us on Twitter">
<i class="fab fa-twitter"></i>
</a>
<a id="youtube" target="_blank" href="#" data-toggle="tooltip" title="Visit us on YouTube">
<i class="fab fa-youtube"></i>
</a>
</div>
<div class="container text-footer">
<div class="row">
<div class="footer-items col-sm-6 col-md-3">
<h5>Help / Support</h5>
<ul>
<li><a href="#">Search FAQ</a></li>
<li><a href="#">User Manual</a></li>
</ul>
</div>
<div class="footer-items col-sm-6 col-md-3">
<h5>Contact</h5>
<ul>
<li><a href="#">Phone:<br>+44 020 1234 5678</a></li>
<li><a href="mailto:">E-mail:<br>info@CubeSolutions.co.uk</a></li>
</ul>
</div>
<div class="footer-items col-sm-6 col-md-3">
<h5>Legal</h5>
<ul>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms&Conditions</a></li>
<li><a href="#">Using Your Data</a></li>
<li><a href="#">Legal Info</a></li>
</ul>
</div>
<div class="footer-items col-sm-6 col-md-3">
<h5>About</h5>
<ul>
<li><a href="#">Company Info</a></li>
<li><a href="#">Press</a></li>
<li><a href="#">Careers</a></li>
</ul>
</div>
</div>
</div>
</footer>
<!--********************************************** /. FOOTER *********************************************************-->
</body>
</html>