Rubick Bootstrap HTML Admin Template
Rubick Tailwind HTML Admin Template Rubick
Application Dashboard
Pages
Mail Settings
Users & Permissions
Transactions Report
Users
Rubick Tailwind HTML Admin Template
Kate Winslet
katewinslet@left4code.com
Rubick Tailwind HTML Admin Template
Russell Crowe
russellcrowe@left4code.com
Rubick Tailwind HTML Admin Template
Nicolas Cage
nicolascage@left4code.com
Rubick Tailwind HTML Admin Template
Sean Connery
seanconnery@left4code.com
Products
Rubick Tailwind HTML Admin Template
Samsung Q90 QLED TV
Electronic
Rubick Tailwind HTML Admin Template
Nike Tanjun
Sport & Outdoor
Rubick Tailwind HTML Admin Template
Nike Tanjun
Sport & Outdoor
Rubick Tailwind HTML Admin Template
Sony A7 III
Photography
Notifications
Rubick Bootstrap HTML Admin Template
Kate Winslet
01:10 PM
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 20
Rubick Bootstrap HTML Admin Template
Russell Crowe
01:10 PM
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomi
Rubick Bootstrap HTML Admin Template
Nicolas Cage
01:10 PM
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomi
Rubick Bootstrap HTML Admin Template
Sean Connery
06:05 AM
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500
Rubick Bootstrap HTML Admin Template
Denzel Washington
01:10 PM
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 20

Alert

Basic Alerts 

  HTMLOpenTagdiv class="alert alert-primary mb-2" role="alert"HTMLCloseTagAwesome simple alertHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-secondary mb-2" role="alert"HTMLCloseTagAwesome simple alertHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-success mb-2" role="alert"HTMLCloseTagAwesome simple alertHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-warning mb-2" role="alert"HTMLCloseTagAwesome simple alertHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-danger mb-2" role="alert"HTMLCloseTagAwesome simple alertHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-dark mb-2" role="alert"HTMLCloseTagAwesome simple alertHTMLOpenTag/divHTMLCloseTag

Icon Alerts 

  HTMLOpenTagdiv class="alert alert-primary d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-circle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-secondary d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-octagon" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-success d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-triangle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-warning d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-circle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-danger d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-octagon" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-dark d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-triangle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag

Additional Content Alerts 

  HTMLOpenTagdiv class="alert alert-primary mb-2" role="alert"HTMLCloseTag HTMLOpenTagdiv class="d-flex align-items-center"HTMLCloseTag HTMLOpenTagdiv class="fw-medium fs-lg"HTMLCloseTagAwesome alert with additional infoHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="fs-xs bg-white px-1 rounded-2 text-gray-800 ms-auto"HTMLCloseTagNewHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-3"HTMLCloseTagLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-secondary mb-2" role="alert"HTMLCloseTag HTMLOpenTagdiv class="d-flex align-items-center"HTMLCloseTag HTMLOpenTagdiv class="fw-medium fs-lg"HTMLCloseTagAwesome alert with additional infoHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="fs-xs bg-gray-600 px-1 rounded-2 text-white ms-auto"HTMLCloseTagNewHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-3"HTMLCloseTagLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-success mb-2" role="alert"HTMLCloseTag HTMLOpenTagdiv class="d-flex align-items-center"HTMLCloseTag HTMLOpenTagdiv class="fw-medium fs-lg"HTMLCloseTagAwesome alert with additional infoHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="fs-xs bg-white px-1 rounded-2 text-gray-800 ms-auto"HTMLCloseTagNewHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-3"HTMLCloseTagLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-warning mb-2" role="alert"HTMLCloseTag HTMLOpenTagdiv class="d-flex align-items-center"HTMLCloseTag HTMLOpenTagdiv class="fw-medium fs-lg"HTMLCloseTagAwesome alert with additional infoHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="fs-xs bg-white px-1 rounded-2 text-gray-800 ms-auto"HTMLCloseTagNewHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-3"HTMLCloseTagLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-danger mb-2" role="alert"HTMLCloseTag HTMLOpenTagdiv class="d-flex align-items-center"HTMLCloseTag HTMLOpenTagdiv class="fw-medium fs-lg"HTMLCloseTagAwesome alert with additional infoHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="fs-xs bg-white px-1 rounded-2 text-gray-800 ms-auto"HTMLCloseTagNewHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-3"HTMLCloseTagLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-dark mb-2" role="alert"HTMLCloseTag HTMLOpenTagdiv class="d-flex align-items-center"HTMLCloseTag HTMLOpenTagdiv class="fw-medium fs-lg"HTMLCloseTagAwesome alert with additional infoHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="fs-xs bg-gray-600 px-1 rounded-2 text-white ms-auto"HTMLCloseTagNewHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-3"HTMLCloseTagLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Icon & Dismiss Alerts 

  HTMLOpenTagdiv class="alert alert-primary alert-dismissible fade show d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-circle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"HTMLCloseTag HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-secondary alert-dismissible fade show d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-octagon" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"HTMLCloseTag HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-success alert-dismissible fade show d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-triangle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"HTMLCloseTag HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-warning alert-dismissible fade show d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-circle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"HTMLCloseTag HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-danger alert-dismissible fade show d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-octagon" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"HTMLCloseTag HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-dark alert-dismissible fade show d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-triangle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"HTMLCloseTag HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Outline Alerts 

  HTMLOpenTagdiv class="alert alert-outline-primary alert-dismissible fade show d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-circle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"HTMLCloseTag HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-outline-secondary alert-dismissible fade show d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-octagon" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"HTMLCloseTag HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-outline-success alert-dismissible fade show d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-triangle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"HTMLCloseTag HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-outline-warning alert-dismissible fade show d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-circle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"HTMLCloseTag HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-outline-danger alert-dismissible fade show d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-octagon" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"HTMLCloseTag HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-outline-dark alert-dismissible fade show d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-triangle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"HTMLCloseTag HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Soft Color Alerts 

  HTMLOpenTagdiv class="alert alert-primary-soft d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-circle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-secondary-soft d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-octagon" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-success-soft d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-triangle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-warning-soft d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-circle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-danger-soft d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-octagon" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-dark-soft d-flex align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-triangle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with icon HTMLOpenTag/divHTMLCloseTag
Dark Mode