Rubick Bootstrap HTML Admin Template
Application Dashboard
Pages
Mail Settings
Users & Permissions
Transactions Report
Users
Rubick Tailwind HTML Admin Template
Johnny Depp
johnnydepp@left4code.com
Rubick Tailwind HTML Admin Template
Charlize Theron
charlizetheron@left4code.com
Rubick Tailwind HTML Admin Template
Robert De Niro
robertdeniro@left4code.com
Rubick Tailwind HTML Admin Template
Tom Cruise
tomcruise@left4code.com
Products
Rubick Tailwind HTML Admin Template
Sony A7 III
Photography
Rubick Tailwind HTML Admin Template
Nike Tanjun
Sport & Outdoor
Rubick Tailwind HTML Admin Template
Nikon Z6
Photography
Rubick Tailwind HTML Admin Template
Sony A7 III
Photography
Notifications
Rubick Bootstrap HTML Admin Template
Johnny Depp
03:20 PM
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
Charlize Theron
05:09 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
Robert De Niro
05:09 AM
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem
Rubick Bootstrap HTML Admin Template
Tom Cruise
06:05 AM
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
Johnny Depp
01:10 PM
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

Tooltip

Basic Tooltip

Show Tooltip 
  HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" class="tooltip btn btn-primary" title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

On Click Tooltip

Show Tooltip 
  HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" data-trigger="click" class="tooltip btn btn-primary" title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Light Tooltip

Show Tooltip 
  HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" data-theme="light" class="tooltip btn btn-primary" title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Custom Tooltip Content

Show Tooltip
Rubick Bootstrap HTML Admin Template
Russell Crowe
Bootstrap 4 HTML Admin Template
  HTMLOpenTag!-- BEGIN: Custom Tooltip Toggle --HTMLCloseTag HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" data-theme="light" data-tooltip-content="#custom-content-tooltip" data-trigger="click" class="tooltip btn btn-primary" title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Custom Tooltip Toggle --HTMLCloseTag HTMLOpenTag!-- BEGIN: Custom Tooltip Content --HTMLCloseTag HTMLOpenTagdiv class="tooltip-content"HTMLCloseTag HTMLOpenTagdiv id="custom-content-tooltip" class="position-relative d-flex align-items-center py-1"HTMLCloseTag HTMLOpenTagdiv class="w-12 h-12 image-fit"HTMLCloseTag HTMLOpenTagimg alt="Rubick Bootstrap HTML Admin Template" class="rounded-circle" src="dist/images/profile-13.jpg"HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="ms-4 me-auto"HTMLCloseTag HTMLOpenTagdiv class="fw-medium dark-text-gray-300 lh-lg"HTMLCloseTagRussell CroweHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="text-gray-600"HTMLCloseTagBootstrap 4 HTML Admin TemplateHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Custom Tooltip Content --HTMLCloseTag

Chart Tooltip

Show Tooltip
Net Worth
USP: +23% 
  HTMLOpenTag!-- BEGIN: Custom Tooltip Toggle --HTMLCloseTag HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;" data-theme="light" data-tooltip-content="#chart-tooltip" data-trigger="click" class="tooltip btn btn-primary" title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Custom Tooltip Toggle --HTMLCloseTag HTMLOpenTag!-- BEGIN: Custom Tooltip Content --HTMLCloseTag HTMLOpenTagdiv class="tooltip-content"HTMLCloseTag HTMLOpenTagdiv id="chart-tooltip" class="py-1"HTMLCloseTag HTMLOpenTagdiv class="fw-medium dark-text-gray-300"HTMLCloseTagNet WorthHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="d-flex align-items-center mt-2 mt-sm-0"HTMLCloseTag HTMLOpenTagdiv class="me-2 w-20 d-flex dark-text-gray-600"HTMLCloseTag USP: HTMLOpenTagspan class="ms-auto fw-medium text-theme-9"HTMLCloseTag+23%HTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="w-24 w-sm-32 w-lg-56"HTMLCloseTag HTMLOpenTagcanvas class="simple-line-chart-1" data-random="true" height="30"HTMLCloseTagHTMLOpenTag/canvasHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Custom Tooltip Content --HTMLCloseTag
Dark Mode