Component System
Card System
List System
Modal System
Go to Dashboard
# Card System
Dashboard left side first card
Heading
View all link
[Note: auto scroll if list item increases and header is sticky]
Dashboard remaining cards
[Note: auto scroll if list item increases and header is sticky]
Meeting Card - 01
[Note: auto scroll if list item increases and header is sticky]
Meeting Card - 02
Heading
Dashboard stock card
GOOGL
2,051.26 USD
+39.84 (1.98%) up
# List System
(look for ul tag to extract code)
01. List item with name initials, title, meta and link [List-01]
Meeting Title
Client name and 0 others
Mon 00, 12:00 to 12:00 AM
View details
02. List item with icon, title with column-wise direction and width 25% of each item [List-02]
Client Name
Client Name
Client Name
Client Name
03. List item with icon, title, meta and link [List-03]
File
Uploaded on Month 00
Open
04. List item with bullet, title, meta [List-04]
Agenda Item
No of Content
Agenda Item
No of Content
05. List item with icon, title, meta [List-05]
File Name
Uploaded on Month 00
File Name
Uploaded on Month 00
06. List item [List-06]
Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat, adipisci.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut, quibusdam.
07. List item without link [List-07]
Meeting Title
Client name and 0 others
Mon 00, 12:00 to 12:00 AM
Meeting Title
Client name and 0 others
Rejected
Meeting Title
Client name and 0 others
Mon 00, 12:00 to 12:00 AM
# Modals
Schedule Meeting
Schedule Meeting
Meeting Title
Meeting Description
Date
Timezone
Select
Start time
End time
Invite Participants
Client Name
client@gmail.com
more_vert
Client Name
client@gmail.com
more_vert
Client Name
client@gmail.com
more_vert
Client Name
client@gmail.com
more_vert
Create Meeting
check_circle
Meeting successfully created!
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...
Logout
info
Are you sure you want to logout?
Are you sure you want to logout from the application?
View Details
Meeting Details
Meeting Title
Meeting Description
Date
Timezone
Select
Start time
End time
Client Name
client@gmail.com
more_vert
Client Name
client@gmail.com
more_vert
Edit Meeting
Meeting Title
Meeting Description
Date
Timezone
Select
Start time
End time
Invite Participants
Client Name
client@gmail.com
more_vert
Client Name
client@gmail.com
more_vert
Save Changes
check_circle
Changes Saved!
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...
Accept
check_circle
Request Accepted!
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...
Decline
info
Are you sure?
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...
info
Request has been declined
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...
Add Action Items
Assign Action Item
Title
Description (Optional)
Attach Content
Upload File
add
Sample Filename Sample Filename Sample Filename Sample FilenameSample FilenameSample FilenameSample FilenameSample FilenameSample FilenameSampleFilenameSampleFilenameSampleFilenameeFilenameSampleFilenameSampleFilenameeFilenameSampleFilenameSampleFilenameeFilenameSampleFilenameSampleFilenameeFilenameSampleFilenameSampleFilenameeFilenameSampleFilenameSampleFilename.pdf
close
Due Date
Assignee
Client Name
client@gmail.com
more_vert
info
Are you sure?
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...
check_circle
Action item has been assigned
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...
Get Approval
Send for Approval
Title
Description (Optional)
Attached Content
Due Date
Assignee
Client Name
client@gmail.com
more_vert
info
Are you sure?
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...
check_circle
Document sent for approval
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...
Send for DocuSign
Send for DocuSign
Title
Description (Optional)
Attached Content
Due Date
Assignee
Client Name
client@gmail.com
more_vert
info
Are you sure?
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...
check_circle
Document sent for DocuSign
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...
Add Content Modal
Upload File
Your Files
Drag and Drop content
or
Select file
Recent Files
Upload files Modal
Upload to Shared
Drag and Drop content
or
Select file
Rename Agenda
Rename Agenda Item
Title
Delete Agenda
info
Are you sure?
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...
check_circle
Agenda item has been deleted
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...
Add Agenda Item
Add Agenda Item
Title
Start Zoom Meeting
Enter Meeting Room?
Check your mic and camera before you enter the meeting.
Advisor Name (You)
Audio level:
mic
videocam
Microphone
Select a device
Camera
Select a device
Someone wants to join
Someone wants to join
Client Name
clientname@gmail.com
Share Document
Share Document
Attached Content
Share with
Client Name
client@gmail.com
more_vert
Client Name
client@gmail.com
more_vert
info
Are you sure?
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...
check_circle
Document Successfully shared!
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...
Revoke remote access
info
Revoke remote access?
You have 5 incomplete tasks from the Meeting Agenda. Pending items will be added to your Action List.
Add Participants
Add Participants
Invite Participants
Client Name
clientname@gmail.com
Client Name
clientname@gmail.com
check_circle
Invite email has been sent!
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...
Add New Client
Add Clients
Add clients with their name or email
Client Name
Organisation Name
client@gmail.com
close
Client Name
Organisation Name
client@gmail.com
close
check_circle
Client added successfully
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...
Add New Contact
add
Add New Contact
First Name
Last Name
Phone
Email
check_circle
Client added successfully
Lorem ipsum dolor sit amet, asda consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et...