forked from imoeee/My-Hour-Clone
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhow.html
662 lines (574 loc) · 29 KB
/
how.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
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
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>How My hours works and keeps your Project</title>
<link rel="stylesheet" href="how.css">
</head>
<body>
<div class="div-1">
<!-- navbar start -->
<div id="navbar">
<div class="logo">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e352ca84d1761_myhours-logo.svg"
alt="logo">
</div>
<div class="nav-item">
<div class="nav-item-2">
<a href="./how.html">How it works</a>
<a href="./price.html">Pricing</a>
<div class="dropdowns">
<div class="sp">
<a class="sp-nav-2" href="#">Resources</a>
</div>
<div class="dropdown-contents">
<a href="https://myhours.com/use-cases">Use cases</a>
<a href="https://myhours.com/support">Help center</a>
<a href="https://myhours.com/security">Security & privacy</a>
<a href="https://myhours.com/customers">Customer reviews</a>
<a href="https://myhours.com/about">About My Hours</a>
</div>
</div>
<a id="logout" href="#">Sign out</a>
<a href="https://app.myhours.com/#/signup/trial/1"><button class="btn-1s">Get My Hours
Free</button></a>
</div>
</div>
</div>
<!-- navbar end -->
<!-- responsive navbar -->
<div class="navbar">
<div class="menu-toggle" id="mobile-menu">
<span class="bar">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e352ca84d1761_myhours-logo.svg"
alt="">
<i class="fa-solid fa-bars"></i>
</span>
</div>
<ul class="nav-list">
<li><a href="./how.html">How it works</a></li>
<li><a href="./price.html">Pricing</a></li>
<div class="dropdown">
<div class="sps">
<a id="toggleElement" class="sp-nav-2s" href="#">Resources</a>
</div>
<div id="elementToToggle" class="dropdown-content">
<a href="https://myhours.com/use-cases">Use cases</a>
<a href="https://myhours.com/support">Help center</a>
<a href="https://myhours.com/security">Security & privacy</a>
<a href="https://myhours.com/customers">Customer reviews</a>
<a href="https://myhours.com/about">About My Hours</a>
</div>
</div>
<li><a id="log" href="#">Sign out</a></li>
<div class="button">
<a
href="https://login.myhours.com/account/signup?AppId=F45FF764-794C-4652-972E-1287F90C7B81&tier=Trial"><button
class="btn-12">Get My Hours Free</button></a>
</div>
</ul>
</div>
<!-- responsive end -->
<!-- second comp start -->
<div class="the-p2">
<div class="p2">
<h1>How it works</h1>
<h2>& why you should switch to My Hours</h2>
<h3>Time tracking was a pain. We fixed it and made time tracking worth the effort.</h3>
<h3>My Hours is easy to use and makes teams more productive, efficient and</h3>
<h3>organized.</h3>
<a href="https://app.myhours.com/#/signup/trial/1"><button class="btn-2">Get Started - It's
Free</button></a>
</div>
<div class="video">
<a href="video/My Hours Timesheets.mp4" target="_top">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e35e0134d1956_free%20online%20timesheet%20app%20for%20employees.png"
alt="Play">
</a>
</div>
</div>
<!-- second comp end -->
<div class="text-cont-1">
<h2>Simple Timesheet or Timer</h2>
<p>Each team member gets their own intuitive timesheet where they can log hours for pre-assigned clients,
projects and tasks. <strong>No more messy spreadsheets.</strong></p>
</div>
<div class="video">
<a href="video/My Hours Timesheets.mp4" target="_top">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e359d194d196e_Timer%20and%20timesheet%20time%20tracking.png"
alt="Play">
</a>
</div>
<div class="border-design">
<div class="child-border-design">
Use our <strong>stopwatch</strong> for precise time tracking down to the second. Add optional
<strong>descriptions </strong> or attach files to document completed work.
</div>
</div>
<div class="check-box" id="c1">
<div class="main-box first-main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
Use timer or input time manually
</div>
</div>
<div class="main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
Add custom or required fields
</div>
</div>
<div class="main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
Add description, tags or other details
</div>
</div>
<div class="main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
Set most used logs as favorites
</div>
</div>
<div class="main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
Mark time logs as non-billable
</div>
</div>
<div class="main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
See budget spent while tracking time
</div>
</div>
<div class="main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
Get a daily or weekly reminder to log time
</div>
</div>
</div>
<!-- check box end -->
<div class="text-cont-1">
<h2>Analyze project costs</h2>
<p>Set billing and labor rates for teams, projects, or tasks. Everything is calculated in real-time,
<strong>removing the need for spreadsheet exports and manual work.</strong>
</p>
</div>
<div class="video">
<a href="video/My Hours Timesheets.mp4" target="_top">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e35ebdf4d196d_Analyze%20project%20costs%20and%20billings%20-%20sm.png"
alt="Play">
</a>
</div>
<div class="border-design-2">
<div class="child-border-design-2">
Define an up to 4-level deep hierarchy with <strong> Clients, Projects and sub-projects.</strong> Use
Tags when you need more flexibility.
</div>
</div>
<!-- check box start -->
<div class="check-box">
<div class="main-box first-main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
Log expenses to track other costs
</div>
</div>
<div class="main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
Create templates for common tasks
</div>
</div>
<div class="main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
Assign tasks to team members
</div>
</div>
</div>
<!-- check box end -->
<div class="text-cont-1">
<h2>Estimate and track budgets</h2>
<p>Set up a budget in terms of hours, billables or costs. Get alerted when you’re close to the budget
<strong>so you can ask for more funds or scale down the costs.</strong>
</p>
</div>
<div class="video">
<a href="video/My Hours Timesheets.mp4" target="_top">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e3557124d1972_Project%20time%20budgets%20and%20estimates.png"
alt="Play">
</a>
</div>
<!-- check box start -->
<div class="check-box">
<div class="main-box first-main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
Task-level estimates or budgets
</div>
</div>
<div class="main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
Monthly budget for retainers
</div>
</div>
<div class="main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
Include budgets in reports
</div>
</div>
</div>
<!-- check box end -->
<div class="text-cont-1">
<h2>Automate timesheet approval</h2>
<p>Allow team members to submit timesheets for manager approval. Manage all approvals in one location,
ensuring you
<strong>stay on top of pending and approved time.</strong>
</p>
</div>
<div class="video">
<a href="video/My Hours Timesheets.mp4" target="_top">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e35d2ca4d1955_Online%20timesheet%20approval%20app.png"
alt="Play">
</a>
</div>
<div class="border-design-3">
<div class="child-border-design-3">
With Team- and Project-based hierarchy <strong> Managers can approve </strong>only timesheets they have
access to.
</div>
</div>
<!-- check box start -->
<div class="check-box">
<div class="main-box first-main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
See who hasn’t submitted their timesheet yet
</div>
</div>
<div class="main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
Send submission and rejection messages
</div>
</div>
<div class="main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
Lock approved timesheets automatically
</div>
</div>
</div>
<!-- check box end -->
<div class="text-cont-1">
<h2>Create professional reports</h2>
<p>Generate and send professional reports and invoices detailing billed hours and relevant charts for
clients.
<strong>Export timesheets for payroll and in-depth analysis.</strong>
</p>
</div>
<div class="video">
<a href="video/My Hours Timesheets.mp4" target="_top">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e3527b84d1953_Online%20Timesheet%20employee%20report%20-%20My%20Hours.png"
alt="Play">
</a>
</div>
<div class="border-design-4">
<div class="child-border-design-4">
Set up your team's <strong> weekly target </strong>and track who logged less (or more) than required.
</div>
</div>
<!-- check box start -->
<div class="check-box">
<div class="main-box first-main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
Hide unnecessary or private information
</div>
</div>
<div class="main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
Schedule reports to anyone's email
</div>
</div>
<div class="main-box">
<div class="box-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e357ee94d196b_check-circle.svg"
alt="">
</div>
<div class="box-cont">
Export raw time logs with all the details
</div>
</div>
</div>
<!-- check box end -->
<!-- container start -->
<div class="bg-1">
<!-- 1 container -->
<div class="container-3">
<div class="cont-text">
<h3>Assign precise user roles</h3>
<p>Employees or staff can track time on assigned projects, but <strong>cannot view hourly rates or
see timesheets of other users</strong>. Managers can be limited to specific timesheets.</p>
</div>
<div class="cont-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e3527cd4d1976_time-tracking-roles-p-500.png"
alt="">
</div>
</div>
<!-- container-2 -->
<div class="container-3">
<div class="cont-text">
<h3>Track time from anywhere</h3>
<p>Track time from our web application, browser extension or fully-featured mobile apps. Your data
is available in real-time <strong>anytime, anywhere</strong>.</p>
</div>
<div class="cont-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e3538964d1975_time-tracking-in-browser-and-mobile-p-500.png"
alt="">
</div>
</div>
<!-- container -3 -->
<div class="container-3">
<div class="cont-text">
<h3>Integrate with your tools</h3>
<p>Easily transfer projects and time data from your existing tools through <strong>Zapier</strong>.
A documented API also allows tech-savvy users to <strong>create custom integrations</strong> .
</p>
</div>
<div class="cont-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e3527394d1970_My%2520Hours%2520integrations%2520time%2520tracking-p-500.png"
alt="">
</div>
</div>
<!-- contanier - 4 -->
<div class="container-3">
<div class="cont-text">
<h3>Enterprise-grade security</h3>
<p>My Hours is hosted on Microsoft Azure infrastructure, with official Gold partnership and various
certifications such as ISO 27001, <strong>demonstrating our commitment to IT security</strong>.
</p>
</div>
<div class="cont-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e353e2b4d1971_My%2520Hours%2520security-p-500.png"
alt="">
</div>
</div>
<!-- container 5 -->
<div class="container-3">
<div class="cont-text">
<h3>Support is always a-chat-away</h3>
<p>Even though we’re based in Europe, we’ll answer your questions in <strong>1 hour on
average.</strong>
You’ll always receive answers from one of our in-house experts.</p>
</div>
<div class="cont-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e35c7d14d1973_My%2520Hours%2520support-p-500.png"
alt="">
</div>
</div>
<!-- container-6 -->
<div class="container-3">
<div class="cont-text">
<h3>Surveillance-free software</h3>
<p>My Hours does not offer screen monitoring or similar features - and never will. <strong>No way to
spy on team members, ensuring complete privacy and trust.</strong>
</p>
</div>
<div class="cont-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e354e444d1974_no%2520spy%2520software-p-500.png"
alt="">
</div>
</div>
</div>
<div class="container-7">
<h2>Have questions? We're here</h2>
<p>It's always nice to have someone to talk to when facing new software. Get in touch and we'll try our best
to help you out.</p>
<div class="main-tick-items">
<div class="tick-items">
<div class="tick-items-child-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e355d534d17db_vectorpaint%20(1).svg"
alt="">
<a href="https://myhours.com/support">EMAIL & LIVE CHAT</a>
</div>
<div class="tick-items-child-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e355d534d17db_vectorpaint%20(1).svg"
alt="">
<a href="https://myhours.com/support">TRAINING FOR TEAMS</a>
</div>
<div class="tick-items-child-img">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e355d534d17db_vectorpaint%20(1).svg"
alt="">
<a
href="https://help.myhours.com/en/?_ga=2.156340603.1571985284.1585041754-1222347599.1584543038">KNOWLEDGE
BASE</a>
</div>
</div>
</div>
</div>
<!-- container end -->
<!-- container-8 -->
<div class="container-8">
<h2>Waste no more time,
<br>
jump right in!
</h2>
<a class="btn-2"
href="https://login.myhours.com/account/signup?AppId=F45FF764-794C-4652-972E-1287F90C7B81&tier=Trial"><strong>Get
Started - It's Free</strong></a>
<div>
My Hours is Free to use for teams of any size.
<br>
<a href="https://myhours.com/pricing">Pro paid plan </a>comes with additional features like invoicing,
admin controls and priority
support.
</div>
</div>
<!-- container end -->
<!-- footer start -->
<div class="bg-6">
<div class="grid-5">
<div class="img-logo">
<img src="https://assets-global.website-files.com/64148069036e35d5954d1323/64148069036e351c984d171e_Logo-300px.png"
alt="">
<div>© 2023 My Hours.
<br>
All rights reserved.
</div>
</div>
<div class="mult-ul">
<ul>
<li><strong>Product</strong></li>
<li> <a href="https://allhours.com/"> How it works </a> </li>
<li><a href="https://myhours.com/mobile-time-tracking-app">Mobile app</a></li>
<li><a href="https://myhours.com/free-chrome-time-tracking-browser-extension">Browser
extension</a></li>
<li><a href="https://myhours.com/timesheet-ai-chatbot">AI Chatbot Assistant</a></li>
<li><a href="https://myhours.com/use-cases">Use case collection</a></li>
<li><a href="https://myhours.com/pricing">Pricing</a></li>
<li><a href="https://myhours.com/articles">Articles</a></li>
<li><a href="https://help.myhours.com/en/">Guides</a></li>
<li><a href="https://myhours.com/customers">Customer Reviews</a></li>
<li><a href="https://app.myhours.com/#/signup/trial/1">Start Free</a></li>
</ul>
</div>
<div class="mult-ul">
<ul>
<li><strong>Resources</strong></li>
<li> <a href="https://myhours.com/time-tracking-library"> Time Tracking Library </a> </li>
<li><a href="https://myhours.com/about">About</a></li>
<li><a href="https://myhours.com/legal/terms-of-use">Terms of Use</a></li>
<li><a href="https://myhours.com/sitemap">Sitemap</a></li>
<li><a href="https://myhours.com/free-timesheet-templates-excel-word-sheets">Free Timesheet
Templates</a></li>
<li><a href="https://myhours.com/top-time-management-apps-2023">Time Management Apps</a></li>
<li><a href="https://myhours.com/best-time-tracking-apps">Best Time Tracking Apps for 2023</a>
</li>
<li><a href="https://myhours.com/articles/time-management-skills-techniques-strategies-list">Time
Management Skills, Techniques and Strategies</a></li>
<li><a href="https://myhours.com/free-time-card-calculator">Free Time Card Calculator</a></li>
</ul>
</div>
<div class="mult-ul">
<ul>
<li><strong>Use Cases</strong></li>
<li><a href="https://myhours.com/project-billing">Project billing</a></li>
<li><a href="https://myhours.com/time-reports-and-project-analytics">Time reports and Project
analytics</a></li>
<li><a href="https://myhours.com/attendance-absence-tracking">Attendance and Absence
tracking</a></li>
<li><a href="https://myhours.com/expense-tracking">Expense tracking</a></li>
<li><a href="https://myhours.com/calculating-project-profitability">Calculating project
profitability</a></li>
<li><a href="https://myhours.com/timesheet-time-tracking">Timesheet time tracking</a></li>
</ul>
</div>
<div class="mult-ul">
<ul>
<li><strong>Integrations</strong></li>
<li><a href="https://myhours.com/quickbooks-time-tracking-integration">QuickBooks</a></li>
<li><a href="https://myhours.com/integrations-zapier">Zapier</a></li>
<li><a href="https://documenter.getpostman.com/view/8879268/TVmV4YYU#intro">API
Documentation</a></li>
</ul>
</div>
<div class="mult-ul">
<ul>
<li><strong>Social</strong></li>
<li><a href="https://www.facebook.com/myHoursTeam/">Facebook</a></li>
<li><a href="https://twitter.com/MyHoursTeam">Twitter</a></li>
</ul>
</div>
</div>
<div class="last-elem">
Looking for employee attendance and absence tracking? Visit
<a href="https://allhours.com/"><strong>All Hours.</strong></a>
</div>
</div>
</div>
</body>
</html>
<script src="https://kit.fontawesome.com/b177fa4a5d.js" crossorigin="anonymous"></script>
<script src="how.js"></script>