Dashboard
Mailbox
Cards & Widgets
UI Elements
Navigation
Charts
Forms
Tables
Maps
Utilities
Apps & Pages
Layouts
Sitemap

Memory Usage

32.3%
8,6,5,9,8,4,9,3,5,9

CPU Usage

140.05
4,3,5,7,12,10,4,5,11,7

Disk Usage

82.02%
1,2,1,3,2,10,4,12,7

Daily Traffic

62,201
3,12,7,9,2,3,4,5,2

IMG_43445

JPG Image

1.2mb

VID_6543

MP4 Video

24.8mb

Tax_Form

Word Document

5.5mb

Getting_Started

PDF Document

12.7mb

Introduction

PDF Document

7.7mb

IMG_43420

JPG Image

2.2mb

IMG_43447

JPG Image

3.2mb

VID_6545

AVI Video

14.8mb

Secret_Document

Word Document

4.5mb

+ Add Event
Sound Notification

Play an alert sound everytime there is a new notification.

2 Steps Verification

Sign in using a two step verification by sending a verification code to your phone.

Location Services

Allowing us to access your location

Newsletter Subscription

Enables you to send us news and updates send straight to your email.

Your email

Width Utilities

Use width utilities to quickly set a width of an element.

Setting a Width

You can set a width to an element instantly by using the following utilities classes for height.

.wd-80
.wd-150
.wd-100

Class Reference

Smaller Width Value
.wd-[value] 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
Regular Width Value
.wd-[value] 15 | 20 | 25 | 30 | ... | 100   (step of 5)
Bigger Width Value
.wd-[value] 150 | 200 | 250 | 300 | ... | 1000   (step of 50)
Percentage Width

You can set a width through percentage using the following utilities classes.

Class Value
.wd-[value]p 10 | 20 | 30 | 40 | ... | 100   (step of 10)
Media Query Width

You can also set a width to a different media query using the following utilities classes.

Sample Code

<div class="wd-50 wd-md-60 wd-lg-100"></div>

Class Reference

Class Value
.wd-[size]-[value]

size: xs | sm | md | lg | xl

value: the width value (refer to code above)

.wd-[size]-[value]p
Extra Width Classes

You can also set a width using the extra utilities classes below.

Class Description
.wd-100v Set a width to an element based on viewport width.
.wd-auto Set an auto width to an element.