<!DOCTYPE html>
<!--
Author: Keenthemes
Product Name: Metronic - Bootstrap 5 HTML, VueJS, React, Angular & Laravel Admin Dashboard Theme
Purchase: https://1.envato.market/EA4JP
Website: http://www.keenthemes.com
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
License: For each use you must have a valid license purchased only from above link in order to legally use the theme for your project.
-->
<html lang="en">
<!--begin::Head-->
<head><base href="../../">
<title>Duotone Icons and Bootstrap Integration by Keenthemes</title>
<meta name="description" content="The most advanced Bootstrap Admin Theme on Themeforest trusted by 94,000 beginners and professionals. Multi-demo, Dark Mode, RTL support and complete React, Angular, Vue & Laravel versions. Grab your copy now and get life-time updates for free." />
<meta name="keywords" content="Metronic, bootstrap, bootstrap 5, Angular, VueJs, React, Laravel, admin themes, web design, figma, web development, free templates, free admin themes, bootstrap theme, bootstrap template, bootstrap dashboard, bootstrap dak mode, bootstrap button, bootstrap datepicker, bootstrap timepicker, fullcalendar, datatables, flaticon" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Metronic - Bootstrap 5 HTML, VueJS, React, Angular & Laravel Admin Dashboard Theme" />
<meta property="og:url" content="https://keenthemes.com/metronic" />
<meta property="og:site_name" content="Keenthemes | Metronic" />
<link rel="canonical" href="Https://preview.keenthemes.com/metronic8" />
<link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
<!--begin::Fonts-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
<!--end::Fonts-->
<!--begin::Page Vendor Stylesheets(used by this page)-->
<link href="assets/plugins/custom/prismjs/prismjs.bundle.css" rel="stylesheet" type="text/css" />
<!--end::Page Vendor Stylesheets-->
<!--begin::Global Stylesheets Bundle(used by all pages)-->
<link href="assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" />
<link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
<!--end::Global Stylesheets Bundle-->
</head>
<!--end::Head-->
<!--begin::Body-->
<body>
<!--begin::Main-->
<div class="d-flex flex-column flex-root">
<!--begin::Page-->
<div class="docs-page d-flex flex-row flex-column-fluid">
<!--begin::Aside-->
<div id="kt_docs_aside" class="docs-aside" data-kt-drawer="true" data-kt-drawer-name="aside" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="{default:'200px', '300px': '250px'}" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_docs_aside_toggle">
<!--begin::Logo-->
<div class="docs-aside-logo flex-column-auto h-75px" id="kt_docs_aside_logo">
<!--begin::Link-->
<a href="../../demo5/dist/index.html">
<img alt="Logo" src="assets/media/logos/logo-1-dark.svg" class="h-15px" />
</a>
<!--end::Link-->
</div>
<!--end::Logo-->
<!--begin::Menu-->
<div class="docs-aside-menu flex-column-fluid">
<!--begin::Aside Menu-->
<div class="hover-scroll-overlay-y mt-5 mb-5 mt-lg-0 mb-lg-5 pe-lg-n2 me-lg-2" id="kt_docs_aside_menu_wrapper" data-kt-scroll="true" data-kt-scroll-activate="{default: false, lg: true}" data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_docs_aside_logo" data-kt-scroll-wrappers="#kt_docs_aside_menu" data-kt-scroll-offset="10px">
<!--begin::Menu-->
<div class="menu menu-column menu-title-gray-800 menu-state-title-primary menu-state-icon-primary menu-state-bullet-primary menu-arrow-gray-500" id="#kt_docs_aside_menu" data-kt-menu="true">
<div class="menu-item">
<h4 class="menu-content text-muted mb-0 fs-7 text-uppercase">Getting Started</h4>
</div>
<div class="menu-item">
<a class="menu-link py-2" href="../../demo5/dist/documentation/getting-started.html">
<span class="menu-title">Overview</span>
</a>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link py-2">
<span class="menu-title">Build</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link py-2" href="../../demo5/dist/documentation/getting-started/build/gulp.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Gulp</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link py-2" href="../../demo5/dist/documentation/getting-started/build/webpack.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Webpack</span>
</a>
</div>
</div>
</div>
<div class="menu-item">
<a class="menu-link py-2" href="../../demo5/dist/documentation/getting-started/multi-demo.html">
<span class="menu-title">Multi-demo</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link py-2" href="../../demo5/dist/documentation/getting-started/file-structure.html">
<span class="menu-title">File Structure</span>
</a>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link py-2">
<span class="menu-title">Customization</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link py-2" href="../../demo5/dist/documentation/getting-started/customization/sass.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">SASS</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link py-2" href="../../demo5/dist/documentation/getting-started/customization/javascript.html">
<span class="menu-bullet">
<span class="bullet bullet-dot"></span>
</span>
<span class="menu-title">Javascript</span>
</a>
</div>
</div>
</div>
<div class="menu-item">
<a class="menu-link py-2" href="../../demo5/dist/documentation/getting-started/dark-mode.html">
<span class="menu-title">Dark Mode</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link py-2" href="../../demo5/dist/documentation/getting-started/rtl.html">
<span class="menu-title">RTL Version</span>
</a>
</div>
<div class="menu-item">
<a class="menu-link py-2" href="https://preview.keenthemes.com/metronic8/demo5/layout-builder.html" target="blank">
<span class="menu-title">Layout Builder</span>
</a>
</div>
<div data-kt-menu-trigger="click" class="menu-item menu-accordion">
<span class="menu-link py-2">
<span class="menu-title">Server Side Integration</span>
<span class="menu-arrow"></span>
</span>
<div class="menu-sub menu-sub-accordion">
<div class="menu-item">
<a class="menu-link py-2" href="../../demo5/dist/documentation/getting-started/integration/blazor.html">
<span class="menu-bullet">
评论0