Instructions
To make this component work you must follow these steps:
  1. Add a Page trigger and select Page load
  2. Select the Loader 3 [Hide] animation inside When page finishes loading
  3. Position loader3_component inside page-wrapper
  4. Set loader3_component position to fixed and display to none
Note:
Sometimes there may be a bug where the website briefly flashes before the loader is displayed. To avoid this add the following custom code in your Site settings > Custom Code > Head code
<style>
 .preloader {
   display: flex;
 }
</style>

Hello, !

New projects

Web Developement

10 tasks | 46%

Mobile App Design

12 tasks | 90%

UX Research Summary

5 tasks | 73%

Task for today

Mobile app

Prepare Figma file

3h

UX Wireframes

Design Sign in flow

2h

Mobile app

Research

8h

App Flow

Work on comments

1h

Widgets

01:35

2 / 7

hours

New widget

Product guidlines

Find out more

Calendar

May 20, 2022

10:00

Dribble shot

Fintech app

13:30

Design

Task managment

May 20, 2022

10:00

UX Research

Insurance corp

14:00

Design

Team meeting

15:30

Traffic analysis

Insurance corp

17:00

Summary

Insurance corp

Stay in control of your fleet and records.

Vehicle Maintenance

Total Vehicles:
Upcoming Services:
Service Due:
Vehicle Maintenance

Contacts

Total Contacts:
Active Contacts:
New Contacts This Month:
Contacts

Tasks

Total Tasks:
Active Tasks:
Completed Tasks:
Tasks

Driver Records

Total Records:
Expired Licences:
Expiring Soon:
Driver Records

Notes

Total Tasks:
Active Tasks:
Completed Tasks:
Notes

Incident Reporting

Total Tasks:
Active Tasks:
Completed Tasks:
Incident Reporting