Pages
Users
![Midone Tailwind HTML Admin Template](static/picture/profile-14.jpg)
Denzel Washington
denzelwashington@left4code.com
![Midone Tailwind HTML Admin Template](static/picture/profile-14.jpg)
Sylvester Stallone
sylvesterstallone@left4code.com
![Midone Tailwind HTML Admin Template](static/picture/profile-14.jpg)
Angelina Jolie
angelinajolie@left4code.com
![Midone Tailwind HTML Admin Template](static/picture/profile-14.jpg)
Russell Crowe
russellcrowe@left4code.com
Products
![Midone Tailwind HTML Admin Template](static/picture/preview-7.jpg)
Nike Tanjun
Sport &Outdoor
![Midone Tailwind HTML Admin Template](static/picture/preview-7.jpg)
Oppo Find X2 Pro
Smartphone &Tablet
![Midone Tailwind HTML Admin Template](static/picture/preview-7.jpg)
Nikon Z6
Photography
![Midone Tailwind HTML Admin Template](static/picture/preview-7.jpg)
Oppo Find X2 Pro
Smartphone &Tablet
Notifications
![Midone Tailwind HTML Admin Template](static/picture/profile-14.jpg)
Denzel Washington
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
![Midone Tailwind HTML Admin Template](static/picture/profile-14.jpg)
Sylvester Stallone
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
![Midone Tailwind HTML Admin Template](static/picture/profile-14.jpg)
Angelina Jolie
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
![Midone Tailwind HTML Admin Template](static/picture/profile-14.jpg)
Russell Crowe
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
![Midone Tailwind HTML Admin Template](static/picture/profile-14.jpg)
Edward Norton
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
![Midone Tailwind HTML Admin Template](static/picture/profile-14.jpg)
Tooltip
Basic Tooltip
Show code
HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;"class="tooltip button inline-block bg-theme-1 text-white"title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag
On Click Tooltip
Show code
HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;"data-event="on-click"class="tooltip button inline-block bg-theme-1 text-white"title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag
Light Tooltip
Show code
HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;"data-theme="light"class="tooltip button inline-block bg-theme-1 text-white"title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag
Custom Content Tooltip
Show code
![Midone Tailwind HTML Admin Template](static/picture/profile-14.jpg)
Robert De Niro
Bootstrap 4 HTML Admin Template
HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;"data-theme="light"data-tooltip-content="#custom-content-tooltip"data-event="on-click"class="tooltip button inline-block bg-theme-1 text-white"title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="tooltip-content"HTMLCloseTag HTMLOpenTagdiv id="custom-content-tooltip"class="relative flex items-center py-1"HTMLCloseTag HTMLOpenTagdiv class="w-12 h-12 image-fit"HTMLCloseTag HTMLOpenTagimg alt="Midone Tailwind HTML Admin Template"class="rounded-full"src="dist/images/profile-13.jpg"HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="ml-4 mr-auto"HTMLCloseTag HTMLOpenTagdiv class="font-medium leading-relaxed"HTMLCloseTagRobert De NiroHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="text-gray-600"HTMLCloseTagBootstrap 4 HTML Admin TemplateHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag
Chart Tooltip
Show code
Net Worth
USP:+23%
HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTaga href="javascript:;"data-theme="light"data-tooltip-content="#chart-tooltip"data-event="on-click"class="tooltip button inline-block bg-theme-1 text-white"title="This is awesome tooltip example!"HTMLCloseTagShow TooltipHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="tooltip-content"HTMLCloseTag HTMLOpenTagdiv id="chart-tooltip"class="py-1"HTMLCloseTag HTMLOpenTagdiv class="font-medium"HTMLCloseTagNet WorthHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="flex items-center mt-2 sm:mt-0"HTMLCloseTag HTMLOpenTagdiv class="mr-2 w-20 flex"HTMLCloseTag USP:HTMLOpenTagspan class="ml-auto font-medium text-theme-9"HTMLCloseTag+23%HTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="w-24 sm:w-32 lg:w-56"HTMLCloseTag HTMLOpenTagcanvas class="simple-line-chart-1"data-random="true"height="50"HTMLCloseTagHTMLOpenTag/canvasHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag