Admin Templates & Dashboards - Azure Admin Template

Good Morning

David

Analytics
eCommerce
Widgets
Metrics
UI Elements
- Accordions
- Alerts
- Avatars
- Badges
- Buttons
- Button Groups
- Cards
- Cards Advanced
- Carousel
- Icons
- List Items
- Modals
- Progress Bars
- Popovers
- Spinners
- Tables
- Tabs
- Tooltips
- Typography
Plugins
Forms
Pages
- Contacts
- Contact Us
- Create Invoice
- Faq
- Invoice List
- Leads
- Orders
- Settings
- Subscriptions
- Users
- View Invoice
Layouts
Charts
- Apex
- Morris
Vector Maps
Maps
Authentication
Page Not Found
Maintenance
Menu Level

Storage left (2.7GB)

Logs

Server down

High

Notification from bank

Medium

Transaction success alert

Low

Critical issue

High

Bug fix

Medium

OS update

Low

Server down

High

App down

Low

Service information

Medium

OS installation

High

Patch release

Medium

Software update

Low

View all

Messages

Nellie Velazquez

Customer requested for coupons.

Today, 07:30pm

Britney Zuniga

Congratulations, for winning a deal.

Today, 08:00pm

Joshua Hanson

Lewis got a free Doughnut.

Today, 09:30pm

Loraine Rocha

Applied for a Job. Waiting.

Today, 09:30pm

Arline Simon

Five products added.

Today, 09:30pm

View all

Glenn Huff

Glenn Huff

info@company.com

Online: 5 mins ago

Settings Logout

Modals

$330

New

$360

Delivered

$390

Pending

Payment Successful

Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur amet labore.

Payment Successful

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eius aliquam laudantium explicabo pariatur iste dolorem animi vitae error totam. At sapiente aliquam accusamus facere veritatis.

What's New?

Grid view

Not into lists? Try the new grid view.
Bookmarks

Save items you love for easy access later.
Video embeds

Share videos wherever you go.

Modal title

This is a modal sheet, a variation of the modal that docs itself to the bottom of the viewport like the newer share sheets in iOS.

Enable this setting?

You can always change your mind in your account settings.

Modal title

...

Modal title

...

Modal title

This is some placeholder content to show the scrolling behavior for modals. We use repeated line breaks to demonstrate how content can exceed minimum inner height, thereby showing inner scrolling. When content becomes longer than the predefined max-height of modal, content will be cropped and scrollable within the modal.

This content should appear at the bottom after you scroll.

Modal title

This is a vertically centered modal.

Modal title

This is some placeholder content to show a vertically centered modal. We've added some extra copy here to show how vertically centering the modal works when combined with scrollable modals. We also use some repeated line breaks to quickly extend the height of the content, thereby triggering the scrolling. When content becomes longer than the predefined max-height of modal, content will be cropped and scrollable within the modal.

Just like that.

Modal 1

Show a second modal and hide this one with the button below.

Modal 2

Hide this modal and show the first with the button below.

Open first modal

Extra large modal

...

Large modal

...

Small modal

...

Full screen modal

...