-
Notifications
You must be signed in to change notification settings - Fork 1
/
industries.html
358 lines (349 loc) · 22.4 KB
/
industries.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
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
<!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 active 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 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 *********************************************************-->
<!--********************************************** INDUSTRIES *********************************************************-->
<div class="container">
<div class="row px-1 px-md-4">
<div class="col-12 py-1 py-md-4">
<h2>What's in it for your industry:</h2>
</div>
</div>
<div class="row px-1 px-md-4">
<div class="col-12">
<section class="feature-card" id="Retail">
<h4 class="py-1 py-md-3">
<span class="feature-name">Retail</span>
</h4>
<div class="circle pl-2"><i class="fas fa-shopping-basket"></i></div>
<p class="feature-card-text mb-1">
In a retail environment <i>- whether it is a stand-alone store or a multi-location network -</i> one of the most important factors is
to allocate <b>appropriate</b> time for all the non-transaction related daily / weekly / monthly / quarterly / annual tasks.
</p>
<p class="feature-card-text mb-1">
Our rota planning solution is designed in a way, that every such period starts with the amount of pre-defined base workload hours; and whenever staff is not fully
occupied with serving customers, the base workload time gets allocated, so you can make sure that you always have the right amount of staff
to serve customers and finish all other tasks.
</p>
<p class="feature-card-text mb-1">
Also, <strong>the efficiency of your labour force depends on how accurately you are able to forecast</strong> number of transactions for any given period of time.
</p>
<p class="feature-card-text mb-1">
Simply upload your historical transaction data and decide how to predict the forecasted period by adjusting:
</p>
<ul>
<li class="feature-card-text mb-0">the same period of prior month,</li>
<li class="feature-card-text mb-0">the same period of prior year,</li>
<li class="feature-card-text mb-0">the average of the same calendar days for the previous 'x' number of weeks.</li>
</ul>
<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="Hotel">
<h4 class="py-1 py-md-3">
<span class="feature-name">Hotel/Hospitality</span>
</h4>
<div class="circle pl-1"><i class="fas fa-bed"></i></div>
<p class="feature-card-text mb-1">
The entire hourly paid staff schedule can be managed with the system by setting management hierarchy.
</p>
<p class="feature-card-text mb-1">
<em>Inter department staff covers</em> can be solved in order to utilise different workload patterns of different areas and payroll can be allocated to desired cost centres on individual basis.
</p>
<p class="feature-card-text mb-1">
<strong>Performance rating</strong> of agency workers can be communicated through the system, also it is possible to request individuals by including their names in the request form.
</p>
<p class="feature-card-text mb-1">
Simple administration with recruitment agencies:
</p>
<ul>
<li class="feature-card-text mb-0">requesting staff,</li>
<li class="feature-card-text mb-0">time keeping,</li>
<li class="feature-card-text mb-0">reporting worked hours.</li>
</ul>
<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="Agency">
<h4 class="py-1 py-md-3">
<span class="feature-name">Agencies</span>
</h4>
<div class="circle pl-2"><i class="fas fa-address-card"></i></div>
<p class="feature-card-text mb-1">
A key feature for agencies is the possibility of <strong>staff performance evaluation feedback</strong> from clients. This gives the opportunity to you to identify and reward your best employees
as well as satisfy your clients by keep sending their preferred staff.
</p>
<p class="feature-card-text mb-1">
<em>Re-training underperforming staff</em> also leads to improved client satisfaction.
</p>
<p class="feature-card-text mb-1">
Staff are able to update their availability in the system by the pre-set deadline, so whenever you start scheduling you exactly know who is available for certain shifts.
</p>
<p class="feature-card-text mb-1">
Should your <b>client use Cube Rota</b>, they are able to
<ul>
<li class="feature-card-text mb-0">request staff through the system,</li>
<li class="feature-card-text mb-0">receive the published rota,</li>
<li class="feature-card-text mb-0">clock staff in and out and</li>
<li class="feature-card-text mb-0">report the actual worked hours for your invoicing as well as payroll.</li>
</ul>
<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="Catering">
<h4 class="py-1 py-md-3">
<span class="feature-name">Catering</span>
</h4>
<div class="circle pl-0"><i class="fas fa-shipping-fast"></i></div>
<p class="feature-card-text mb-1">
As a caterer you might have regular events or you might have infrequent events with all different timings.
</p>
<p class="feature-card-text mb-1">
Either have them at the same location / set of locations or the location varies, you can set the system up
to communicate all the relevant information to your staff including calendar invites, map snapshots or Google map links.
</p>
<p class="feature-card-text mb-1">
Whatever the timing of your events, you can <em>announce upcoming shifts</em> to your staff and check their availability. You can set a deadline for them with a reminder and seek individual availability.
</p>
<p class="feature-card-text mb-1">
Alternatively, they can indicate their availability through a <em>calendar surface</em> and you can pick available staff for all your events.
</p>
<p class="feature-card-text mb-1">
Your event managers can use their mobile phone to <strong>clock in and out</strong> all staff, making it more straightforward and automated for your <strong>payroll</strong>.
</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 d-none"> <!-- Currently unavailable -->
<section class="feature-card d-none" id="Cafe"> <!-- Currently unavailable -->
<h4 class="py-1 py-md-3">
<span class="feature-name">Café/Bar</span>
</h4>
<div class="circle pl-2"><i class="fas fa-cocktail"></i></div>
<p class="feature-card-text mb-0">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex
ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum
zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus
legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare
quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
</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>
<!--********************************************** /. INDUSTRIES *********************************************************-->
<!--********************************************** 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>[email protected]</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>