diff --git a/index.html b/index.html
index ab0bdafefc5..4640daa5e98 100644
--- a/index.html
+++ b/index.html
@@ -1,87 +1,87 @@
-
-
-
-
-
-
-
-<!DOCTYPE html>
-<html lang="en">
- <head>
- <meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
-<title>
-
- CoreUI · Free Boostrap Admin Template.
-
-</title>
-
-<!-- Twitter -->
-<meta name="twitter:site" content="@coreui_ui">
-<meta name="twitter:creator" content="@coreui_ui">
-
-<meta name="twitter:card" content="summary_large_image">
-<meta name="twitter:title" content="CoreUI">
-<meta name="twitter:description" content="Free Boostrap Admin Template.">
-<meta name="twitter:image" content="https://coreui.io/assets/brand/coreui-social.png">
-
-<!-- Facebook -->
-
-<meta property="og:url" content="https://coreui.io">
-<meta property="og:title" content="CoreUI">
-<meta property="og:description" content="Free Boostrap Admin Template.">
-
-<meta property="og:image" content="http://coreui.io/assets/brand/coreui-social.png">
-<meta property="og:image:secure_url" content="https://coreui.io/assets/brand/coreui-social.png">
-<meta property="og:image:type" content="image/png">
-<meta property="og:image:width" content="1200">
-<meta property="og:image:height" content="630">
-
-<!-- Meta -->
-<meta name="description" content="Free Boostrap Admin Template.">
-<meta name="author" content="Łukasz Holeczek, Andrzej Kopański">
-
-
-<!-- Bootstrap core CSS -->
-<link href="/dist/css/bootstrap.min.css" rel="stylesheet">
-<link href="/assets/css/style.min.css" rel="stylesheet">
-<link href="/assets/css/coreui-icons.css" rel="stylesheet">
-
-<!-- Favicons -->
-<link rel="apple-touch-icon" href="/apple-icon.png">
-<link rel="icon" href="/favicon.ico">
-
-<script>
- (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
- (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
- m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
- })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
- ga('create', 'UA-9510961-27', 'auto', {'allowLinker': true});
- ga('require', 'linker');
- ga('linker:autoLink', ['gumroad.com','genesisui.com']);
- ga('send', 'pageview');
-
- ga('create', 'UA-118965717-1', 'auto', {'name': 'sharedTracker', 'allowLinker': true});
- ga('sharedTracker.require', 'linker');
- ga('sharedTracker.linker:autoLink', ['gumroad.com','genesisui.com']);
- ga('sharedTracker.send', 'pageview');
-</script>
-
- </head>
- <body>
- <a id="skippy" class="sr-only sr-only-focusable" href="#content">
- <div class="container">
- <span class="skiplink-text">Skip to main content</span>
- </div>
- </a>
-
- <a href="https://sketchstrap.io" class="sketchstrap" target="_blank">
- 🎉 <strong>Early access!</strong> SketchStrap Bootstrap Customizer. The easiest way to customize your Bootstrap.
-</a>
-<header class="navbar navbar-expand-lg navbar-dark" style="background-color:#1ea6d6">
- <a class="navbar-brand mr-0 mr-md-5" href="/" aria-label="Bootstrap">
-
+
+
+
+
+
+
+
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+<title>
+
+ CoreUI · Free Boostrap Admin Template.
+
+</title>
+
+<!-- Twitter -->
+<meta name="twitter:site" content="@coreui_ui">
+<meta name="twitter:creator" content="@coreui_ui">
+
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="CoreUI">
+<meta name="twitter:description" content="Free Boostrap Admin Template.">
+<meta name="twitter:image" content="https://coreui.io/assets/brand/coreui-social.png">
+
+<!-- Facebook -->
+
+<meta property="og:url" content="https://coreui.io">
+<meta property="og:title" content="CoreUI">
+<meta property="og:description" content="Free Boostrap Admin Template.">
+
+<meta property="og:image" content="http://coreui.io/assets/brand/coreui-social.png">
+<meta property="og:image:secure_url" content="https://coreui.io/assets/brand/coreui-social.png">
+<meta property="og:image:type" content="image/png">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+
+<!-- Meta -->
+<meta name="description" content="Free Boostrap Admin Template.">
+<meta name="author" content="Łukasz Holeczek, Andrzej Kopański">
+
+
+<!-- Bootstrap core CSS -->
+<link href="/dist/css/bootstrap.min.css" rel="stylesheet">
+<link href="/assets/css/style.min.css" rel="stylesheet">
+<link href="/assets/css/coreui-icons.css" rel="stylesheet">
+
+<!-- Favicons -->
+<link rel="apple-touch-icon" href="/apple-icon.png">
+<link rel="icon" href="/favicon.ico">
+
+<script>
+ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+ })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+ ga('create', 'UA-9510961-27', 'auto', {'allowLinker': true});
+ ga('require', 'linker');
+ ga('linker:autoLink', ['gumroad.com','genesisui.com']);
+ ga('send', 'pageview');
+
+ ga('create', 'UA-118965717-1', 'auto', {'name': 'sharedTracker', 'allowLinker': true});
+ ga('sharedTracker.require', 'linker');
+ ga('sharedTracker.linker:autoLink', ['gumroad.com','genesisui.com']);
+ ga('sharedTracker.send', 'pageview');
+</script>
+
+ </head>
+ <body>
+ <a id="skippy" class="sr-only sr-only-focusable" href="#content">
+ <div class="container">
+ <span class="skiplink-text">Skip to main content</span>
+ </div>
+ </a>
+
+ <a href="https://sketchstrap.io" class="sketchstrap" target="_blank">
+ 🎉 <strong>Early access!</strong> SketchStrap Bootstrap Customizer. The easiest way to customize your Bootstrap.
+</a>
+<header class="navbar navbar-expand-lg navbar-dark" style="background-color:#1ea6d6">
+ <a class="navbar-brand mr-0 mr-md-5" href="/" aria-label="Bootstrap">
+
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
@@ -145,900 +145,900 @@
<rect x="-137.2" y="-140.2" class="st7" width="1035.1" height="510.1"/>
</g>
</svg>
-
-
- </a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse" id="navbarSupportedContent">
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link active" href="/">Home</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="/docs">Documentation</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="/icons/">Icons</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="/templates/">Templates</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle mr-md-2" href="#" id="githubVersions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- Github
- </a>
- <div class="dropdown-menu dropdown-menu-right" aria-labelledby="githubVersions">
- <a class="dropdown-item" href="" target="_blank">CoreUI</a>
- <a class="dropdown-item" href="" target="_blank">CoreUI for Angular</a>
- <a class="dropdown-item" href="" target="_blank">CoreUI for AngularJS</a>
- <a class="dropdown-item" href="" target="_blank">CoreUI for React.js</a>
- <a class="dropdown-item" href="" target="_blank">CoreUI for Vue.js</a>
- </div>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle mr-md-2" href="#" id="versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- Versions
- </a>
- <div class="dropdown-menu dropdown-menu-right" aria-labelledby="versions">
- <a class="dropdown-item" href="/">CoreUI</a>
- <a class="dropdown-item" href="/angular">CoreUI for Angular</a>
- <a class="dropdown-item" href="/angularjs">CoreUI for AngularJS</a>
- <a class="dropdown-item" href="/react">CoreUI for React.js</a>
- <a class="dropdown-item" href="/vue">CoreUI for Vue.js</a>
- <hr>
- <a class="dropdown-item" href="/pro/">CoreUI <strong>Pro</strong></a>
- <a class="dropdown-item" href="/pro/angular">CoreUI <strong>Pro</strong> for Angular</a>
- <a class="dropdown-item" href="/pro/angularjs">CoreUI <strong>Pro</strong> for AngularJS</a>
- <a class="dropdown-item" href="/pro/react">CoreUI <strong>Pro</strong> for React.js</a>
- <a class="dropdown-item" href="/pro/vue">CoreUI <strong>Pro</strong> for Vue.js</a>
- </div>
- </li>
- </ul>
- <ul class="navbar-nav ml-md-auto">
- <li class="nav-item mr-3">
- <a class="btn btn-warning" href="/support/" onclick="ga('send', 'event', 'Support CoreUI Development', 'Click');">Support CoreUI Development</a>
- </li>
- <li class="nav-item">
- <a class="btn btn-outline-warning" href="http://holeczek.pl" onclick="ga('send', 'event', 'About me', 'Click');">About me</a>
- </li>
- </ul>
- </div>
-
- <!-- <div class="navbar-nav-scroll">
-
- </div> -->
-
- <!-- <ul class="navbar-nav flex-row ml-md-auto d-md-flex">
- <li class="nav-item">
- <a class="nav-link p-2" href="" target="_blank" rel="noopener" aria-label="GitHub">
- <svg class="navbar-nav-svg" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 499.36" focusable="false"><title>GitHub</title><path d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z" fill="currentColor" fill-rule="evenodd"/></svg>
-
- </a>
- </li>
- <li class="nav-item">
- <a class="nav-link p-2" href="https://twitter.com/coreui_ui" target="_blank" rel="noopener" aria-label="Twitter">
- <svg class="navbar-nav-svg" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 416.32" focusable="false"><title>Twitter</title><path d="M160.83 416.32c193.2 0 298.92-160.22 298.92-298.92 0-4.51 0-9-.2-13.52A214 214 0 0 0 512 49.38a212.93 212.93 0 0 1-60.44 16.6 105.7 105.7 0 0 0 46.3-58.19 209 209 0 0 1-66.79 25.37 105.09 105.09 0 0 0-181.73 71.91 116.12 116.12 0 0 0 2.66 24c-87.28-4.3-164.73-46.3-216.56-109.82A105.48 105.48 0 0 0 68 159.6a106.27 106.27 0 0 1-47.53-13.11v1.43a105.28 105.28 0 0 0 84.21 103.06 105.67 105.67 0 0 1-47.33 1.84 105.06 105.06 0 0 0 98.14 72.94A210.72 210.72 0 0 1 25 370.84a202.17 202.17 0 0 1-25-1.43 298.85 298.85 0 0 0 160.83 46.92" fill="currentColor"/></svg>
-
- </a>
- </li>
- <li class="nav-item">
- <a class="nav-link p-2" href="" target="_blank" rel="noopener" aria-label="Slack">
- <svg class="navbar-nav-svg" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" focusable="false"><title>Slack</title><path fill="currentColor" d="M210.787 234.832l68.31-22.883 22.1 65.977-68.309 22.882z"/><path d="M490.54 185.6C437.7 9.59 361.6-31.34 185.6 21.46S-31.3 150.4 21.46 326.4 150.4 543.3 326.4 490.54 543.34 361.6 490.54 185.6zM401.7 299.8l-33.15 11.05 11.46 34.38c4.5 13.92-2.87 29.06-16.78 33.56-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18l-11.46-34.38-68.36 22.92 11.46 34.38c4.5 13.92-2.87 29.06-16.78 33.56-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18l-11.46-34.43-33.15 11.05c-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18c-4.5-13.92 2.87-29.06 16.78-33.56l33.12-11.03-22.1-65.9-33.15 11.05c-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18c-4.48-13.93 2.89-29.07 16.81-33.58l33.15-11.05-11.46-34.38c-4.5-13.92 2.87-29.06 16.78-33.56s29.06 2.87 33.56 16.78l11.46 34.38 68.36-22.92-11.46-34.38c-4.5-13.92 2.87-29.06 16.78-33.56s29.06 2.87 33.56 16.78l11.47 34.42 33.15-11.05c13.92-4.5 29.06 2.87 33.56 16.78s-2.87 29.06-16.78 33.56L329.7 194.6l22.1 65.9 33.15-11.05c13.92-4.5 29.06 2.87 33.56 16.78s-2.88 29.07-16.81 33.57z" fill="currentColor"/></svg>
-
- </a>
- </li>
- </ul> -->
-
-
-</header>
-
-
- <main class="masthead text-white" id="content" role="main" style="overflow:hidden;background-color:#1ea6d6;">
- <div class="container">
- <div class="row">
- <div class="col-6 mx-auto col-md-6 order-md-2">
- <img src="/assets/img/mockup.png" alt="" style="position:absolute">
- </div>
- <div class="col-md-6 order-md-1 text-center text-md-left">
- <h1 class="mb-3 text-sm-nowrap">CoreUI</h1>
- <h2 class="mb-3 text-sm-nowrap">Free Bootstrap Admin Template</h2>
- <p class="lead">
- The only Bootstrap Admin Template you need to <strong>create amazing user interfaces</strong>.
- </p>
- <p class="lead mb-4">
- CoreUI is an open source Bootstrap 4 based admin template.
- </p>
- <div class="d-flex flex-column flex-md-row lead mb-3">
- <a href="/demo" class="btn btn-lg btn-outline-light mb-3 mb-md-0 mr-md-3" target="_blank">Live preview</a>
- <a href="#download" class="btn btn-lg btn-outline-light mb-3 mb-md-0 mr-md-3">Download</a>
- <a href="/pro/" class="btn btn-lg btn-warning">Go PRO</a>
- </div>
- <div class="github-buttons pt-4">
- <!-- Place this tag where you want the button to render. -->
- <a class="github-button" href="https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template" data-size="large" data-show-count="true" aria-label="Star index.html on GitHub">Star</a>
- <span class="px-1"></span>
- <!-- Place this tag where you want the button to render. -->
- <a class="github-button" href="https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template/fork" data-size="large" data-show-count="true" aria-label="Fork index.html on GitHub">Fork</a>
- </div>
- <div class="version text-small mt-3">
- Current version: 2.0.1
- </div>
- </div>
- </div>
- </div>
- </main>
-
- <section class="py-5 bg-light">
- <div class="container">
- <div class="text-center">
- CoreUI supports most popular frameworks. Learn more about dedicated versions for:
- </div>
- <div class="text-center mt-3">
- <a href="/" class="btn btn-lg btn-outline-bootstrap" style="width: 200px">Bootstrap 4 HTML</a>
- <a href="/angular/" class="btn btn-lg btn-outline-angular" style="width: 200px">Angular 2+</a>
- <a href="/react/" class="btn btn-lg btn-outline-react" style="width: 200px">React.js</a>
- <a href="/vue/" class="btn btn-lg btn-outline-vue" style="width: 200px">Vue.js</a>
- </div>
- </div>
- </section>
-
- <section class="py-5" id="ui-components">
- <div class="container">
- <div class="text-center">
- <h2 class="section-heading">50+ ready to use and customizable UI Components.<br/>Speed up development time by up to 50%.</h2>
- <span class="separator"></span>
- <p class="section-subheading">Create data-rich responsive web apps, and speed up development time by up to 50%</p>
- </div>
- <div class="row">
-
-
- <div class="col">
-
-
- <ul class="list-unstyled">
- <li><strong>Components</strong></li>
-
-
- <li><a href="/demo/#base/breadcrumb.html" target="_blank">Breadcrumb</a></li>
-
-
- <li><a href="/demo/#base/cards.html" target="_blank">Cards</a></li>
-
-
- <li><a href="/demo/#base/carousel.html" target="_blank">Carousel</a></li>
-
-
- <li><a href="/demo/#base/collapse.html" target="_blank">Collapse</a></li>
-
-
- <li><a href="/demo/#base/jumbotron.html" target="_blank">Jumbotron</a></li>
-
-
- <li><a href="/demo/#base/list-group.html" target="_blank">List group</a></li>
-
-
- <li><a href="/demo/#base/navs.html" target="_blank">Navs</a></li>
-
-
- <li><a href="/demo/#base/pagination.html" target="_blank">Pagination</a></li>
-
-
- <li><a href="/demo/#base/popovers.html" target="_blank">Popovers</a></li>
-
-
- <li><a href="/demo/#base/progress.html" target="_blank">Progress</a></li>
-
-
- <li><a href="/demo/#base/switches.html" target="_blank">Switches</a></li>
-
-
- <li><a href="/demo/#base/Tabs.html" target="_blank">Tabs</a></li>
-
-
- <li><a href="/demo/#base/tooltips.html" target="_blank">Tooltips</a></li>
-
- </ul>
-
-
- </div>
- <div class="col">
-
- <ul class="list-unstyled">
- <li><strong>Buttons</strong></li>
-
-
- <li><a href="/demo/#buttons/buttons.html" target="_blank">Standard Buttons</a></li>
-
-
- <li><a href="/demo/#buttons/buttons.html" target="_blank">Outline Buttons</a></li>
-
-
- <li><a href="/demo/#buttons/buttons.html" target="_blank">Pill Buttons</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
-
- <li><a href="/demo/#buttons/buttons.html" target="_blank">Rounded Buttons</a></li>
-
-
- <li><a href="/demo/#buttons/button-group.html" target="_blank">Buttons Group</a></li>
-
-
- <li><a href="/demo/#buttons/Dropdowns.html" target="_blank">Dropdowns</a></li>
-
-
- <li><a href="/demo/#buttons/loading-buttons.html" target="_blank">Loading Buttons</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
-
- <li><a href="/demo/#buttons/brand-buttons.html" target="_blank">Brand Buttons</a></li>
-
- </ul>
-
-
- <ul class="list-unstyled">
- <li><strong>Charts</strong></li>
-
-
- <li><a href="/demo/#charts.html" target="_blank">Line Chart</a></li>
-
-
- <li><a href="/demo/#charts.html" target="_blank">Bar Chart</a></li>
-
-
- <li><a href="/demo/#charts.html" target="_blank">Doughnut Chart</a></li>
-
-
- <li><a href="/demo/#charts.html" target="_blank">Radar Chart</a></li>
-
-
- <li><a href="/demo/#charts.html" target="_blank">Pie Chart</a></li>
-
-
- <li><a href="/demo/#charts.html" target="_blank">Polar Area Chart</a></li>
-
- </ul>
-
-
- </div>
- <div class="col">
-
- <ul class="list-unstyled">
- <li><strong>Editors</strong></li>
-
-
- <li><a href="/demo/#editors/code-editor.html" target="_blank">Code Editor</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
-
- <li><a href="/demo/#editors/markdown-editor.html" target="_blank">Markdown Editor</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
-
- <li><a href="/demo/#editors/text-editors.html" target="_blank">Rich Text Editor</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
- </ul>
-
-
- <ul class="list-unstyled">
- <li><strong>Forms</strong></li>
-
-
- <li><a href="/demo/#forms/basic-forms.html" target="_blank">Standard Forms</a></li>
-
-
- <li><a href="/demo/#forms/basic-forms.html" target="_blank">Horizontal Forms</a></li>
-
-
- <li><a href="/demo/#forms/basic-forms.html" target="_blank">Inline Forms</a></li>
-
-
- <li><a href="/demo/#forms/basic-forms.html" target="_blank">Input Groups</a></li>
-
-
- <li><a href="/demo/#forms/advanced-forms.html" target="_blank">Masked Inputs</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
-
- <li><a href="/demo/#forms/advanced-forms.html" target="_blank">DataRangePicker</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
-
- <li><a href="/demo/#forms/advanced-forms.html" target="_blank">Select2</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
-
- <li><a href="/demo/#forms/validation.html" target="_blank">Form Validation</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
- </ul>
-
-
- </div>
- <div class="col">
-
- <ul class="list-unstyled">
- <li><strong>Icons</strong></li>
-
-
- <li><a href="/demo/#icons/flags.html" target="_blank">Flags</a></li>
-
-
- <li><a href="/demo/#icons/font-awesome.html" target="_blank">Font Awesome</a></li>
-
-
- <li><a href="/demo/#icons/simple-line-icons.html" target="_blank">Simple Line Icons</a></li>
-
- </ul>
-
-
- <ul class="list-unstyled">
- <li><strong>Maps</strong></li>
-
-
- <li><a href="/demo/#google-maps.html" target="_blank">Google Maps</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
- </ul>
-
-
- <ul class="list-unstyled">
- <li><strong>Notifications</strong></li>
-
-
- <li><a href="/demo/#notifications/alerts.html" target="_blank">Alerts</a></li>
-
-
- <li><a href="/demo/#notifications/badge.html" target="_blank">Badge</a></li>
-
-
- <li><a href="/demo/#notifications/modals.html" target="_blank">Modals</a></li>
-
-
- <li><a href="/demo/#notifications/toastr.html" target="_blank">Toast</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
- </ul>
-
-
- <ul class="list-unstyled">
- <li><strong>Plugins</strong></li>
-
-
- <li><a href="/demo/#plugins/calendar.html" target="_blank">Calendar</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
-
- <li><a href="/demo/#plugins/draggable-cards.html" target="_blank">Draggable Cards</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
-
- <li><a href="/demo/#plugins/sliders.html" target="_blank">Sliders</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
-
- <li><a href="/demo/#plugins/spinners.html" target="_blank">Spinners</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
- </ul>
-
-
- </div>
- <div class="col">
-
- <ul class="list-unstyled">
- <li><strong>Tables</strong></li>
-
-
- <li><a href="/demo/#tables/tables.html" target="_blank">Standard Tables</a></li>
-
-
- <li><a href="/demo/#tables/datatables.html" target="_blank">DataTables</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
- </ul>
-
-
- <ul class="list-unstyled">
- <li><strong>Widgets</strong></li>
-
-
- <li><a href="/demo/#widgets.html" target="_blank">Widgets</a></li>
-
- </ul>
-
-
- <ul class="list-unstyled">
- <li><strong>Extras</strong></li>
-
-
- <li><a href="/demo/#views/pages/login.html" target="_blank">Login Page</a></li>
-
-
- <li><a href="/demo/#views/pages/register.html" target="_blank">Register Page</a></li>
-
-
- <li><a href="/demo/#views/pages/404.html" target="_blank">404 Error Page</a></li>
-
-
- <li><a href="/demo/#views/pages/500.html" target="_blank">500 Error Page</a></li>
-
-
- <li><a href="/demo/#UIkits/invoicing/invoice.html" target="_blank">Invocing App UI Kit</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
-
- <li><a href="/demo/#UIkits/email/inbox.html" target="_blank">Email App UI Kit</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
-
- </ul>
-
- </div>
- </div>
- </div>
- </section>
-
- <div class="py-5 bg-light">
- <div class="container pb-3">
- <h3>Support CoreUI Development!</h3>
- <h5>Buy CoreUI Pro or one of our premium templates and support CoreUI development!</h5>
- <p>
- CoreUI is an MIT licensed open source project and completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing. You can support development by <a href="https://www.paypal.me/holeczek">donating on PayPal</a> or buying one of our premium bootstrap 4 admin templates.
- </p>
- </div>
- <div class="container">
- <div class="row">
-
-
-
- <div class="col-md-4 mb-5 mb-md-0">
- <div class="card-body pt-0">
- <a href="https://genesisui.com/bootstrap-admin-template.html?id=prime&support=1" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Thumbnail');">
- <img class="img-fluid" src="/assets/img/responsive-prime.png" alt="Prime Bootstrap Admin Template">
- <h5 class="h6 mt-3">Prime Bootstrap Admin Template</h3>
- </a>
-</div>
-<div class="card-body py-0">
- <a href="https://genesisui.com/bootstrap-admin-template.html?id=prime&support=1" class="btn btn-success" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Green button');">Support CoreUI - $49</a>
- <a href="https://genesisui.com/bootstrap-admin-template.html?id=prime&support=1" class="btn btn-outline-secondary" target="_blank" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Learn more');">Learn More</a>
-</div>
-
- </div>
-
-
-
- <div class="col-md-4 mb-5 mb-md-0">
- <div class="card-body pt-0">
- <a href="https://genesisui.com/bootstrap-admin-template.html?id=alba&support=1" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Thumbnail');">
- <img class="img-fluid" src="/assets/img/responsive-alba.png" alt="Alba Bootstrap Admin Template">
- <h5 class="h6 mt-3">Alba Bootstrap Admin Template</h3>
- </a>
-</div>
-<div class="card-body py-0">
- <a href="https://genesisui.com/bootstrap-admin-template.html?id=alba&support=1" class="btn btn-success" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Green button');">Support CoreUI - $49</a>
- <a href="https://genesisui.com/bootstrap-admin-template.html?id=alba&support=1" class="btn btn-outline-secondary" target="_blank" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Learn more');">Learn More</a>
-</div>
-
- </div>
-
-
-
- <div class="col-md-4 mb-5 mb-md-0">
- <div class="card-body pt-0">
- <a href="https://genesisui.com/bootstrap-admin-template.html?id=root&support=1" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Thumbnail');">
- <img class="img-fluid" src="/assets/img/responsive-root.png" alt="Root Bootstrap Admin Template">
- <h5 class="h6 mt-3">Root Bootstrap Admin Template</h3>
- </a>
-</div>
-<div class="card-body py-0">
- <a href="https://genesisui.com/bootstrap-admin-template.html?id=root&support=1" class="btn btn-success" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Green button');">Support CoreUI - $49</a>
- <a href="https://genesisui.com/bootstrap-admin-template.html?id=root&support=1" class="btn btn-outline-secondary" target="_blank" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Learn more');">Learn More</a>
-</div>
-
- </div>
-
- </div>
- </div>
-</div>
-
-
-
-<div id="download" class="py-5">
- <div class="container">
- <h3 class="mb-5">Download CoreUI</h3>
- <div class="table-responsive">
- <table class="table table-striped">
- <thead>
- <tr class="table-primary">
- <th></th>
- <th class="text-center">CoreUI</th>
- <th class="text-center">CoreUI PRO</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td></td>
- <td class="text-center"><a href="" class="btn btn-lg btn-outline-primary" onclick="ga('send', 'event', 'Download', 'Click', 'coreui');">Download CoreUI</span></a></td>
- <td class="text-center"><a href="/pro/" class="btn btn-lg btn-primary" onclick="ga('send', 'event', 'Try CoreUI Pro', 'Click', 'coreui');">Try CoreUI PRO</span></a></td>
- </tr>
-
- <tr>
- <td>
- <strong>All Bootstrap 4 Components</strong>
- </td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>Free access to updates</strong>
- </td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>SCSS Source Files</strong>
- </td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
-
- <tr class="table-primary">
- <td colspan="3"><strong>Plugins</strong></td>
- </tr>
-
- <tr>
- <td>
- <strong>Chart.js</strong>
- </td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>Pace</strong>
- </td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
-
- <tr>
- <td>
- <strong>DateRangePicker</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>DataTables</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>Full Calendar</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>Gauge.js</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>Google Maps</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>Ion.RangeSlider</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>jQuery UI</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>jQuery Validation</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>jQuery Masked Input</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>Ladda Buttons</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>Moment.js</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>Select2</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>SpinKit</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>Toastr</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>Quill Text Editor</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr class="table-primary">
- <td colspan="3"><strong>UI Kits</strong></td>
- </tr>
-
- <tr>
- <td>
- <strong>Invoicing - Invoice</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>Email - Inbox</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>Email - Message</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr>
- <td>
- <strong>Email - Compose</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
-
- <tr class="table-primary">
- <td colspan="3"><strong>Support</strong></td>
- </tr>
- <tr>
- <td>
- <strong>Basic support</strong>
- </td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
- <tr>
- <td>
- <strong>Premium support</strong>
- </td>
- <td class="text-center"><span class="text-danger">No</span></td>
- <td class="text-center"><span class="text-success">Yes</span></td>
- </tr>
- <tr>
- <td></td>
- <td class="text-center"><a href="" class="btn btn-lg btn-outline-primary" onclick="ga('send', 'event', 'Download', 'Click', 'coreui');">Download CoreUI</span></a></td>
- <td class="text-center"><a href="/pro/" class="btn btn-lg btn-primary" onclick="ga('send', 'event', 'Try CoreUI Pro', 'Click', 'coreui');">Try CoreUI PRO</span></a></td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
-</div>
-
-
-
-
- <div class="masthead-followup row m-0 border border-white">
- <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white">
- <h3 class="mb-3">Download CoreUI Admin Panel</h3>
- <p>The fastest way to start using CoreUI is to download our ready to use admin template.</p>
-
-<figure class="highlight"><pre><code class="language-sh" data-lang="sh">git clone https://github.com/coreui/free-bootstrap-admin-template.git my-project
-<span class="c"># clone the repo</span>
-
-<span class="nv">$ </span><span class="nb">cd </span>my-project
-<span class="c"># go into app's directory</span>
-
-<span class="nv">$ </span>npm <span class="nb">install</span>
-<span class="c"># install app's dependencies</span></code></pre></figure>
- <hr class="half-rule">
- <a class="btn btn-outline-primary" href="/docs/getting-started/introduction/#installation">Read documentation</a>
- </div>
- <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white">
- <h3 class="mb-3">Add CoreUI to existing project</h3>
- <p>Install CoreUI in your Node.js powered apps with the npm package:</p>
-
-<figure class="highlight"><pre><code class="language-sh" data-lang="sh">npm <span class="nb">install</span> @coreui/coreui</code></pre></figure>
-
- <hr class="half-rule">
-
- <a class="btn btn-outline-primary" href="/docs/getting-started/introduction/#add-coreui-to-existing-project">Read documentation</a>
-
-
-
-
-
-
-
-
-
- </div>
-
- <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white">
- <h3 class="mb-3">Bootstrap Admin Templates</h3>
- <p>
- Our admin templates was designed as its own extended version of Bootstrap. Built in accordance to the latest standards. Based on most popular web components and frameworks.
- </p>
- <div id="carouselIndicators" class="carousel slide support" data-ride="carousel">
- <ol class="carousel-indicators">
- <li data-target="#carouselIndicators" data-slide-to="0" class="active"></li>
- <li data-target="#carouselIndicators" data-slide-to="1"></li>
- <li data-target="#carouselIndicators" data-slide-to="2"></li>
- <li data-target="#carouselIndicators" data-slide-to="3"></li>
- </ol>
- <div class="carousel-inner">
- <div class="carousel-item px-5 active">
-
- <a href="https://genesisui.com/bootstrap-admin-template.html?id=prime&support=1">
- <img class="d-block w-100" src="/assets/img/responsive-prime.png" alt="Prime Bootstrap Admin Template">
- </a>
- </div>
- <div class="carousel-item px-5">
-
- <a href="https://genesisui.com/bootstrap-admin-template.html?id=alba&support=1">
- <img class="d-block w-100" src="/assets/img/responsive-alba.png" alt="Alba Bootstrap Admin Template">
- </a>
- </div>
- <div class="carousel-item px-5">
-
- <a href="https://genesisui.com/bootstrap-admin-template.html?id=root&support=1">
- <img class="d-block w-100" src="/assets/img/responsive-root.png" alt="Root Bootstrap Admin Template">
- </a>
- </div>
- <div class="carousel-item px-5">
-
- <a href="https://genesisui.com/bootstrap-admin-template.html?id=leaf&support=1">
- <img class="d-block w-100" src="/assets/img/responsive-leaf.png" alt="Leaf Bootstrap Admin Template">
- </a>
- </div>
- </div>
- <a class="carousel-control-prev" href="#carouselIndicators" role="button" data-slide="prev">
- <span class="carousel-control-prev-icon" aria-hidden="true"></span>
- <span class="sr-only">Previous</span>
- </a>
- <a class="carousel-control-next" href="#carouselIndicators" role="button" data-slide="next">
- <span class="carousel-control-next-icon" aria-hidden="true"></span>
- <span class="sr-only">Next</span>
- </a>
- </div>
- <hr class="half-rule">
- <a href="/templates/" class="btn btn-outline-primary">Explore all templates</a>
- </div>
- </div>
-
- <footer class="footer">
- <div class="container">
- <div class="row">
- <div class="col-md-3">
- <img src="/assets/img/coreui-sygnet-white.png" class="img-fluid">
- </div>
- <div class="col-md-3">
- <h5>Quick links</h5>
- <ul class="list-unstyled">
- <li><a href="/docs/getting-started/introduction/">Documentation</a></li>
- <li><a href="/angular/">Angular 2+ Version</a></li>
- <li><a href="/angularjs/">AngularJS Version</a></li>
- <li><a href="/react/">React Version</a></li>
- <li><a href="/vue/">Vue Version</a></li>
- <li><hr></li>
- <li><a href="http://getbootstrap.com/" target="_blank" rel="nofollow">Bootstrap</a></li>
- <li><a href="https://angular.io/" target="_blank" rel="nofollow">Angular</a></li>
- <li><a href="https://facebook.github.io/react/" target="_blank" rel="nofollow">ReactJS</a></li>
- </ul>
- </div>
- <div class="col-md-3">
- <h5>Github</h5>
- <ul class="list-unstyled">
- <li><a href="" target="_blank">CoreUI</a></li>
- <li><a href="" target="_blank">CoreUI for Angular</a></li>
- <li><a href="" target="_blank">CoreUI for AngularJS</a></li>
- <li><a href="" target="_blank">CoreUI for React.js</a></li>
- <li><a href="" target="_blank">CoreUI for Vue.js</a></li>
- </ul>
- </div>
- <div class="col-md-3">
- <h5>About author</h5>
- <ul class="list-unstyled">
- <li><a href="http://holeczek.pl">About me</a></li>
- <li><a href="https://www.facebook.com/lukaszholeczek">Facebook</a></li>
- <li><a href="https://www.twitter.com/lukaszholeczek">Twitter</a></li>
- <li><a href="https://github.com/mrholek">Github</a></li>
- </ul>
- <h5>My other projects</h5>
- <ul class="list-unstyled">
- <li><a href="http://brix.io" target="_blank">Brix.io</a></li>
- <li><a href="https://genesisui.com" target="_blank">GenesisUI</a></li>
- <li><a href="https://bootstrapmaster.com" target="_blank">BootstrapMaster</a></li>
- </ul>
- </div>
- </div>
- </div>
- <div class="copyright text-center">
- <div class="container p-3 text-muted">
- © 2017 creativeLabs. Designed and built by <a href="https://twitter.com/lukaszholeczek">@lukaszholeczek</a>. Code licensed under an MIT-style License.
- </div>
- </div>
-</footer>
-
- <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
-
-<script src="/assets/js/vendor/popper.min.js"></script>
-<script src="/assets/js/vendor/bootstrap.min.js"></script>
-<script src="/assets/js/docs.min.js"></script>
-
-<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
-<script src="/assets/js/ie10-viewport-bug-workaround.js"></script>
-<script src="/assets/js/ie-emulation-modes-warning.js"></script>
-
-
-<!-- Place this tag in your head or just before your close body tag. -->
-<script type="text/javascript" src="https://buttons.github.io/buttons.js"></script>
-
-<script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5a0592292bb39f0012e27c9f&product=unknown' async='async'></script>
-
-<script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script>
-<script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us12.list-manage.com","uuid":"272317181a81e4571a8dc53e0","lid":"7a9caf510c"}) })</script>
-
- </body>
-</html>
+
+
+ </a>
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link active" href="/">Home</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="/docs">Documentation</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="/icons/">Icons</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="/templates/">Templates</a>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle mr-md-2" href="#" id="githubVersions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+ Github
+ </a>
+ <div class="dropdown-menu dropdown-menu-right" aria-labelledby="githubVersions">
+ <a class="dropdown-item" href="" target="_blank">CoreUI</a>
+ <a class="dropdown-item" href="" target="_blank">CoreUI for Angular</a>
+ <a class="dropdown-item" href="" target="_blank">CoreUI for AngularJS</a>
+ <a class="dropdown-item" href="" target="_blank">CoreUI for React.js</a>
+ <a class="dropdown-item" href="" target="_blank">CoreUI for Vue.js</a>
+ </div>
+ </li>
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle mr-md-2" href="#" id="versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+ Versions
+ </a>
+ <div class="dropdown-menu dropdown-menu-right" aria-labelledby="versions">
+ <a class="dropdown-item" href="/">CoreUI</a>
+ <a class="dropdown-item" href="/angular">CoreUI for Angular</a>
+ <a class="dropdown-item" href="/angularjs">CoreUI for AngularJS</a>
+ <a class="dropdown-item" href="/react">CoreUI for React.js</a>
+ <a class="dropdown-item" href="/vue">CoreUI for Vue.js</a>
+ <hr>
+ <a class="dropdown-item" href="/pro/">CoreUI <strong>Pro</strong></a>
+ <a class="dropdown-item" href="/pro/angular">CoreUI <strong>Pro</strong> for Angular</a>
+ <a class="dropdown-item" href="/pro/angularjs">CoreUI <strong>Pro</strong> for AngularJS</a>
+ <a class="dropdown-item" href="/pro/react">CoreUI <strong>Pro</strong> for React.js</a>
+ <a class="dropdown-item" href="/pro/vue">CoreUI <strong>Pro</strong> for Vue.js</a>
+ </div>
+ </li>
+ </ul>
+ <ul class="navbar-nav ml-md-auto">
+ <li class="nav-item mr-3">
+ <a class="btn btn-warning" href="/support/" onclick="ga('send', 'event', 'Support CoreUI Development', 'Click');">Support CoreUI Development</a>
+ </li>
+ <li class="nav-item">
+ <a class="btn btn-outline-warning" href="http://holeczek.pl" onclick="ga('send', 'event', 'About me', 'Click');">About me</a>
+ </li>
+ </ul>
+ </div>
+
+ <!-- <div class="navbar-nav-scroll">
+
+ </div> -->
+
+ <!-- <ul class="navbar-nav flex-row ml-md-auto d-md-flex">
+ <li class="nav-item">
+ <a class="nav-link p-2" href="" target="_blank" rel="noopener" aria-label="GitHub">
+ <svg class="navbar-nav-svg" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 499.36" focusable="false"><title>GitHub</title><path d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z" fill="currentColor" fill-rule="evenodd"/></svg>
+
+ </a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link p-2" href="https://twitter.com/coreui_ui" target="_blank" rel="noopener" aria-label="Twitter">
+ <svg class="navbar-nav-svg" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 416.32" focusable="false"><title>Twitter</title><path d="M160.83 416.32c193.2 0 298.92-160.22 298.92-298.92 0-4.51 0-9-.2-13.52A214 214 0 0 0 512 49.38a212.93 212.93 0 0 1-60.44 16.6 105.7 105.7 0 0 0 46.3-58.19 209 209 0 0 1-66.79 25.37 105.09 105.09 0 0 0-181.73 71.91 116.12 116.12 0 0 0 2.66 24c-87.28-4.3-164.73-46.3-216.56-109.82A105.48 105.48 0 0 0 68 159.6a106.27 106.27 0 0 1-47.53-13.11v1.43a105.28 105.28 0 0 0 84.21 103.06 105.67 105.67 0 0 1-47.33 1.84 105.06 105.06 0 0 0 98.14 72.94A210.72 210.72 0 0 1 25 370.84a202.17 202.17 0 0 1-25-1.43 298.85 298.85 0 0 0 160.83 46.92" fill="currentColor"/></svg>
+
+ </a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link p-2" href="" target="_blank" rel="noopener" aria-label="Slack">
+ <svg class="navbar-nav-svg" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" focusable="false"><title>Slack</title><path fill="currentColor" d="M210.787 234.832l68.31-22.883 22.1 65.977-68.309 22.882z"/><path d="M490.54 185.6C437.7 9.59 361.6-31.34 185.6 21.46S-31.3 150.4 21.46 326.4 150.4 543.3 326.4 490.54 543.34 361.6 490.54 185.6zM401.7 299.8l-33.15 11.05 11.46 34.38c4.5 13.92-2.87 29.06-16.78 33.56-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18l-11.46-34.38-68.36 22.92 11.46 34.38c4.5 13.92-2.87 29.06-16.78 33.56-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18l-11.46-34.43-33.15 11.05c-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18c-4.5-13.92 2.87-29.06 16.78-33.56l33.12-11.03-22.1-65.9-33.15 11.05c-2.87.82-6.14 1.64-9 1.23a27.32 27.32 0 0 1-24.56-18c-4.48-13.93 2.89-29.07 16.81-33.58l33.15-11.05-11.46-34.38c-4.5-13.92 2.87-29.06 16.78-33.56s29.06 2.87 33.56 16.78l11.46 34.38 68.36-22.92-11.46-34.38c-4.5-13.92 2.87-29.06 16.78-33.56s29.06 2.87 33.56 16.78l11.47 34.42 33.15-11.05c13.92-4.5 29.06 2.87 33.56 16.78s-2.87 29.06-16.78 33.56L329.7 194.6l22.1 65.9 33.15-11.05c13.92-4.5 29.06 2.87 33.56 16.78s-2.88 29.07-16.81 33.57z" fill="currentColor"/></svg>
+
+ </a>
+ </li>
+ </ul> -->
+
+
+</header>
+
+
+ <main class="masthead text-white" id="content" role="main" style="overflow:hidden;background-color:#1ea6d6;">
+ <div class="container">
+ <div class="row">
+ <div class="col-6 mx-auto col-md-6 order-md-2">
+ <img src="/assets/img/mockup.png" alt="" style="position:absolute">
+ </div>
+ <div class="col-md-6 order-md-1 text-center text-md-left">
+ <h1 class="mb-3 text-sm-nowrap">CoreUI</h1>
+ <h2 class="mb-3 text-sm-nowrap">Free Bootstrap Admin Template</h2>
+ <p class="lead">
+ The only Bootstrap Admin Template you need to <strong>create amazing user interfaces</strong>.
+ </p>
+ <p class="lead mb-4">
+ CoreUI is an open source Bootstrap 4 based admin template.
+ </p>
+ <div class="d-flex flex-column flex-md-row lead mb-3">
+ <a href="/demo" class="btn btn-lg btn-outline-light mb-3 mb-md-0 mr-md-3" target="_blank">Live preview</a>
+ <a href="#download" class="btn btn-lg btn-outline-light mb-3 mb-md-0 mr-md-3">Download</a>
+ <a href="/pro/" class="btn btn-lg btn-warning">Go PRO</a>
+ </div>
+ <div class="github-buttons pt-4">
+ <!-- Place this tag where you want the button to render. -->
+ <a class="github-button" href="https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template" data-size="large" data-show-count="true" aria-label="Star index.html on GitHub">Star</a>
+ <span class="px-1"></span>
+ <!-- Place this tag where you want the button to render. -->
+ <a class="github-button" href="https://github.com/mrholek/CoreUI-Free-Bootstrap-Admin-Template/fork" data-size="large" data-show-count="true" aria-label="Fork index.html on GitHub">Fork</a>
+ </div>
+ <div class="version text-small mt-3">
+ Current version: 2.0.1
+ </div>
+ </div>
+ </div>
+ </div>
+ </main>
+
+ <section class="py-5 bg-light">
+ <div class="container">
+ <div class="text-center">
+ CoreUI supports most popular frameworks. Learn more about dedicated versions for:
+ </div>
+ <div class="text-center mt-3">
+ <a href="/" class="btn btn-lg btn-outline-bootstrap" style="width: 200px">Bootstrap 4 HTML</a>
+ <a href="/angular/" class="btn btn-lg btn-outline-angular" style="width: 200px">Angular 2+</a>
+ <a href="/react/" class="btn btn-lg btn-outline-react" style="width: 200px">React.js</a>
+ <a href="/vue/" class="btn btn-lg btn-outline-vue" style="width: 200px">Vue.js</a>
+ </div>
+ </div>
+ </section>
+
+ <section class="py-5" id="ui-components">
+ <div class="container">
+ <div class="text-center">
+ <h2 class="section-heading">50+ ready to use and customizable UI Components.<br/>Speed up development time by up to 50%.</h2>
+ <span class="separator"></span>
+ <p class="section-subheading">Create data-rich responsive web apps, and speed up development time by up to 50%</p>
+ </div>
+ <div class="row">
+
+
+ <div class="col">
+
+
+ <ul class="list-unstyled">
+ <li><strong>Components</strong></li>
+
+
+ <li><a href="/demo/#base/breadcrumb.html" target="_blank">Breadcrumb</a></li>
+
+
+ <li><a href="/demo/#base/cards.html" target="_blank">Cards</a></li>
+
+
+ <li><a href="/demo/#base/carousel.html" target="_blank">Carousel</a></li>
+
+
+ <li><a href="/demo/#base/collapse.html" target="_blank">Collapse</a></li>
+
+
+ <li><a href="/demo/#base/jumbotron.html" target="_blank">Jumbotron</a></li>
+
+
+ <li><a href="/demo/#base/list-group.html" target="_blank">List group</a></li>
+
+
+ <li><a href="/demo/#base/navs.html" target="_blank">Navs</a></li>
+
+
+ <li><a href="/demo/#base/pagination.html" target="_blank">Pagination</a></li>
+
+
+ <li><a href="/demo/#base/popovers.html" target="_blank">Popovers</a></li>
+
+
+ <li><a href="/demo/#base/progress.html" target="_blank">Progress</a></li>
+
+
+ <li><a href="/demo/#base/switches.html" target="_blank">Switches</a></li>
+
+
+ <li><a href="/demo/#base/Tabs.html" target="_blank">Tabs</a></li>
+
+
+ <li><a href="/demo/#base/tooltips.html" target="_blank">Tooltips</a></li>
+
+ </ul>
+
+
+ </div>
+ <div class="col">
+
+ <ul class="list-unstyled">
+ <li><strong>Buttons</strong></li>
+
+
+ <li><a href="/demo/#buttons/buttons.html" target="_blank">Standard Buttons</a></li>
+
+
+ <li><a href="/demo/#buttons/buttons.html" target="_blank">Outline Buttons</a></li>
+
+
+ <li><a href="/demo/#buttons/buttons.html" target="_blank">Pill Buttons</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+
+ <li><a href="/demo/#buttons/buttons.html" target="_blank">Rounded Buttons</a></li>
+
+
+ <li><a href="/demo/#buttons/button-group.html" target="_blank">Buttons Group</a></li>
+
+
+ <li><a href="/demo/#buttons/Dropdowns.html" target="_blank">Dropdowns</a></li>
+
+
+ <li><a href="/demo/#buttons/loading-buttons.html" target="_blank">Loading Buttons</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+
+ <li><a href="/demo/#buttons/brand-buttons.html" target="_blank">Brand Buttons</a></li>
+
+ </ul>
+
+
+ <ul class="list-unstyled">
+ <li><strong>Charts</strong></li>
+
+
+ <li><a href="/demo/#charts.html" target="_blank">Line Chart</a></li>
+
+
+ <li><a href="/demo/#charts.html" target="_blank">Bar Chart</a></li>
+
+
+ <li><a href="/demo/#charts.html" target="_blank">Doughnut Chart</a></li>
+
+
+ <li><a href="/demo/#charts.html" target="_blank">Radar Chart</a></li>
+
+
+ <li><a href="/demo/#charts.html" target="_blank">Pie Chart</a></li>
+
+
+ <li><a href="/demo/#charts.html" target="_blank">Polar Area Chart</a></li>
+
+ </ul>
+
+
+ </div>
+ <div class="col">
+
+ <ul class="list-unstyled">
+ <li><strong>Editors</strong></li>
+
+
+ <li><a href="/demo/#editors/code-editor.html" target="_blank">Code Editor</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+
+ <li><a href="/demo/#editors/markdown-editor.html" target="_blank">Markdown Editor</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+
+ <li><a href="/demo/#editors/text-editors.html" target="_blank">Rich Text Editor</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+ </ul>
+
+
+ <ul class="list-unstyled">
+ <li><strong>Forms</strong></li>
+
+
+ <li><a href="/demo/#forms/basic-forms.html" target="_blank">Standard Forms</a></li>
+
+
+ <li><a href="/demo/#forms/basic-forms.html" target="_blank">Horizontal Forms</a></li>
+
+
+ <li><a href="/demo/#forms/basic-forms.html" target="_blank">Inline Forms</a></li>
+
+
+ <li><a href="/demo/#forms/basic-forms.html" target="_blank">Input Groups</a></li>
+
+
+ <li><a href="/demo/#forms/advanced-forms.html" target="_blank">Masked Inputs</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+
+ <li><a href="/demo/#forms/advanced-forms.html" target="_blank">DataRangePicker</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+
+ <li><a href="/demo/#forms/advanced-forms.html" target="_blank">Select2</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+
+ <li><a href="/demo/#forms/validation.html" target="_blank">Form Validation</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+ </ul>
+
+
+ </div>
+ <div class="col">
+
+ <ul class="list-unstyled">
+ <li><strong>Icons</strong></li>
+
+
+ <li><a href="/demo/#icons/flags.html" target="_blank">Flags</a></li>
+
+
+ <li><a href="/demo/#icons/font-awesome.html" target="_blank">Font Awesome</a></li>
+
+
+ <li><a href="/demo/#icons/simple-line-icons.html" target="_blank">Simple Line Icons</a></li>
+
+ </ul>
+
+
+ <ul class="list-unstyled">
+ <li><strong>Maps</strong></li>
+
+
+ <li><a href="/demo/#google-maps.html" target="_blank">Google Maps</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+ </ul>
+
+
+ <ul class="list-unstyled">
+ <li><strong>Notifications</strong></li>
+
+
+ <li><a href="/demo/#notifications/alerts.html" target="_blank">Alerts</a></li>
+
+
+ <li><a href="/demo/#notifications/badge.html" target="_blank">Badge</a></li>
+
+
+ <li><a href="/demo/#notifications/modals.html" target="_blank">Modals</a></li>
+
+
+ <li><a href="/demo/#notifications/toastr.html" target="_blank">Toast</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+ </ul>
+
+
+ <ul class="list-unstyled">
+ <li><strong>Plugins</strong></li>
+
+
+ <li><a href="/demo/#plugins/calendar.html" target="_blank">Calendar</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+
+ <li><a href="/demo/#plugins/draggable-cards.html" target="_blank">Draggable Cards</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+
+ <li><a href="/demo/#plugins/sliders.html" target="_blank">Sliders</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+
+ <li><a href="/demo/#plugins/spinners.html" target="_blank">Spinners</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+ </ul>
+
+
+ </div>
+ <div class="col">
+
+ <ul class="list-unstyled">
+ <li><strong>Tables</strong></li>
+
+
+ <li><a href="/demo/#tables/tables.html" target="_blank">Standard Tables</a></li>
+
+
+ <li><a href="/demo/#tables/datatables.html" target="_blank">DataTables</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+ </ul>
+
+
+ <ul class="list-unstyled">
+ <li><strong>Widgets</strong></li>
+
+
+ <li><a href="/demo/#widgets.html" target="_blank">Widgets</a></li>
+
+ </ul>
+
+
+ <ul class="list-unstyled">
+ <li><strong>Extras</strong></li>
+
+
+ <li><a href="/demo/#views/pages/login.html" target="_blank">Login Page</a></li>
+
+
+ <li><a href="/demo/#views/pages/register.html" target="_blank">Register Page</a></li>
+
+
+ <li><a href="/demo/#views/pages/404.html" target="_blank">404 Error Page</a></li>
+
+
+ <li><a href="/demo/#views/pages/500.html" target="_blank">500 Error Page</a></li>
+
+
+ <li><a href="/demo/#UIkits/invoicing/invoice.html" target="_blank">Invocing App UI Kit</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+
+ <li><a href="/demo/#UIkits/email/inbox.html" target="_blank">Email App UI Kit</a> <a href="" class="badge badge-danger" data-toggle="tooltip" data-placement="right" title="Available in PRO Version">PRO</a></li>
+
+ </ul>
+
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <div class="py-5 bg-light">
+ <div class="container pb-3">
+ <h3>Support CoreUI Development!</h3>
+ <h5>Buy CoreUI Pro or one of our premium templates and support CoreUI development!</h5>
+ <p>
+ CoreUI is an MIT licensed open source project and completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing. You can support development by <a href="https://www.paypal.me/holeczek">donating on PayPal</a> or buying one of our premium bootstrap 4 admin templates.
+ </p>
+ </div>
+ <div class="container">
+ <div class="row">
+
+
+
+ <div class="col-md-4 mb-5 mb-md-0">
+ <div class="card-body pt-0">
+ <a href="https://genesisui.com/bootstrap-admin-template.html?id=prime&support=1" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Thumbnail');">
+ <img class="img-fluid" src="/assets/img/responsive-prime.png" alt="Prime Bootstrap Admin Template">
+ <h5 class="h6 mt-3">Prime Bootstrap Admin Template</h3>
+ </a>
+</div>
+<div class="card-body py-0">
+ <a href="https://genesisui.com/bootstrap-admin-template.html?id=prime&support=1" class="btn btn-success" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Green button');">Support CoreUI - $49</a>
+ <a href="https://genesisui.com/bootstrap-admin-template.html?id=prime&support=1" class="btn btn-outline-secondary" target="_blank" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Learn more');">Learn More</a>
+</div>
+
+ </div>
+
+
+
+ <div class="col-md-4 mb-5 mb-md-0">
+ <div class="card-body pt-0">
+ <a href="https://genesisui.com/bootstrap-admin-template.html?id=alba&support=1" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Thumbnail');">
+ <img class="img-fluid" src="/assets/img/responsive-alba.png" alt="Alba Bootstrap Admin Template">
+ <h5 class="h6 mt-3">Alba Bootstrap Admin Template</h3>
+ </a>
+</div>
+<div class="card-body py-0">
+ <a href="https://genesisui.com/bootstrap-admin-template.html?id=alba&support=1" class="btn btn-success" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Green button');">Support CoreUI - $49</a>
+ <a href="https://genesisui.com/bootstrap-admin-template.html?id=alba&support=1" class="btn btn-outline-secondary" target="_blank" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Learn more');">Learn More</a>
+</div>
+
+ </div>
+
+
+
+ <div class="col-md-4 mb-5 mb-md-0">
+ <div class="card-body pt-0">
+ <a href="https://genesisui.com/bootstrap-admin-template.html?id=root&support=1" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Thumbnail');">
+ <img class="img-fluid" src="/assets/img/responsive-root.png" alt="Root Bootstrap Admin Template">
+ <h5 class="h6 mt-3">Root Bootstrap Admin Template</h3>
+ </a>
+</div>
+<div class="card-body py-0">
+ <a href="https://genesisui.com/bootstrap-admin-template.html?id=root&support=1" class="btn btn-success" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Green button');">Support CoreUI - $49</a>
+ <a href="https://genesisui.com/bootstrap-admin-template.html?id=root&support=1" class="btn btn-outline-secondary" target="_blank" onclick="ga('send', 'event', 'Support CoreUI', 'Click', 'Learn more');">Learn More</a>
+</div>
+
+ </div>
+
+ </div>
+ </div>
+</div>
+
+
+
+<div id="download" class="py-5">
+ <div class="container">
+ <h3 class="mb-5">Download CoreUI</h3>
+ <div class="table-responsive">
+ <table class="table table-striped">
+ <thead>
+ <tr class="table-primary">
+ <th></th>
+ <th class="text-center">CoreUI</th>
+ <th class="text-center">CoreUI PRO</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td></td>
+ <td class="text-center"><a href="" class="btn btn-lg btn-outline-primary" onclick="ga('send', 'event', 'Download', 'Click', 'coreui');">Download CoreUI</span></a></td>
+ <td class="text-center"><a href="/pro/" class="btn btn-lg btn-primary" onclick="ga('send', 'event', 'Try CoreUI Pro', 'Click', 'coreui');">Try CoreUI PRO</span></a></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>All Bootstrap 4 Components</strong>
+ </td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>Free access to updates</strong>
+ </td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>SCSS Source Files</strong>
+ </td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+
+ <tr class="table-primary">
+ <td colspan="3"><strong>Plugins</strong></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>Chart.js</strong>
+ </td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>Pace</strong>
+ </td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+
+ <tr>
+ <td>
+ <strong>DateRangePicker</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>DataTables</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>Full Calendar</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>Gauge.js</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>Google Maps</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>Ion.RangeSlider</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>jQuery UI</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>jQuery Validation</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>jQuery Masked Input</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>Ladda Buttons</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>Moment.js</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>Select2</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>SpinKit</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>Toastr</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>Quill Text Editor</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr class="table-primary">
+ <td colspan="3"><strong>UI Kits</strong></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>Invoicing - Invoice</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>Email - Inbox</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>Email - Message</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr>
+ <td>
+ <strong>Email - Compose</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+
+ <tr class="table-primary">
+ <td colspan="3"><strong>Support</strong></td>
+ </tr>
+ <tr>
+ <td>
+ <strong>Basic support</strong>
+ </td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+ <tr>
+ <td>
+ <strong>Premium support</strong>
+ </td>
+ <td class="text-center"><span class="text-danger">No</span></td>
+ <td class="text-center"><span class="text-success">Yes</span></td>
+ </tr>
+ <tr>
+ <td></td>
+ <td class="text-center"><a href="" class="btn btn-lg btn-outline-primary" onclick="ga('send', 'event', 'Download', 'Click', 'coreui');">Download CoreUI</span></a></td>
+ <td class="text-center"><a href="/pro/" class="btn btn-lg btn-primary" onclick="ga('send', 'event', 'Try CoreUI Pro', 'Click', 'coreui');">Try CoreUI PRO</span></a></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+</div>
+
+
+
+
+ <div class="masthead-followup row m-0 border border-white">
+ <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white">
+ <h3 class="mb-3">Download CoreUI Admin Panel</h3>
+ <p>The fastest way to start using CoreUI is to download our ready to use admin template.</p>
+
+<figure class="highlight"><pre><code class="language-sh" data-lang="sh">git clone https://github.com/coreui/coreui-free-bootstrap-admin-template.git my-project
+<span class="c"># clone the repo</span>
+
+<span class="nv">$ </span><span class="nb">cd </span>my-project
+<span class="c"># go into app's directory</span>
+
+<span class="nv">$ </span>npm <span class="nb">install</span>
+<span class="c"># install app's dependencies</span></code></pre></figure>
+ <hr class="half-rule">
+ <a class="btn btn-outline-primary" href="/docs/getting-started/introduction/#installation">Read documentation</a>
+ </div>
+ <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white">
+ <h3 class="mb-3">Add CoreUI to existing project</h3>
+ <p>Install CoreUI in your Node.js powered apps with the npm package:</p>
+
+<figure class="highlight"><pre><code class="language-sh" data-lang="sh">npm <span class="nb">install</span> @coreui/coreui</code></pre></figure>
+
+ <hr class="half-rule">
+
+ <a class="btn btn-outline-primary" href="/docs/getting-started/introduction/#add-coreui-to-existing-project">Read documentation</a>
+
+
+
+
+
+
+
+
+
+ </div>
+
+ <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white">
+ <h3 class="mb-3">Bootstrap Admin Templates</h3>
+ <p>
+ Our admin templates was designed as its own extended version of Bootstrap. Built in accordance to the latest standards. Based on most popular web components and frameworks.
+ </p>
+ <div id="carouselIndicators" class="carousel slide support" data-ride="carousel">
+ <ol class="carousel-indicators">
+ <li data-target="#carouselIndicators" data-slide-to="0" class="active"></li>
+ <li data-target="#carouselIndicators" data-slide-to="1"></li>
+ <li data-target="#carouselIndicators" data-slide-to="2"></li>
+ <li data-target="#carouselIndicators" data-slide-to="3"></li>
+ </ol>
+ <div class="carousel-inner">
+ <div class="carousel-item px-5 active">
+
+ <a href="https://genesisui.com/bootstrap-admin-template.html?id=prime&support=1">
+ <img class="d-block w-100" src="/assets/img/responsive-prime.png" alt="Prime Bootstrap Admin Template">
+ </a>
+ </div>
+ <div class="carousel-item px-5">
+
+ <a href="https://genesisui.com/bootstrap-admin-template.html?id=alba&support=1">
+ <img class="d-block w-100" src="/assets/img/responsive-alba.png" alt="Alba Bootstrap Admin Template">
+ </a>
+ </div>
+ <div class="carousel-item px-5">
+
+ <a href="https://genesisui.com/bootstrap-admin-template.html?id=root&support=1">
+ <img class="d-block w-100" src="/assets/img/responsive-root.png" alt="Root Bootstrap Admin Template">
+ </a>
+ </div>
+ <div class="carousel-item px-5">
+
+ <a href="https://genesisui.com/bootstrap-admin-template.html?id=leaf&support=1">
+ <img class="d-block w-100" src="/assets/img/responsive-leaf.png" alt="Leaf Bootstrap Admin Template">
+ </a>
+ </div>
+ </div>
+ <a class="carousel-control-prev" href="#carouselIndicators" role="button" data-slide="prev">
+ <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+ <span class="sr-only">Previous</span>
+ </a>
+ <a class="carousel-control-next" href="#carouselIndicators" role="button" data-slide="next">
+ <span class="carousel-control-next-icon" aria-hidden="true"></span>
+ <span class="sr-only">Next</span>
+ </a>
+ </div>
+ <hr class="half-rule">
+ <a href="/templates/" class="btn btn-outline-primary">Explore all templates</a>
+ </div>
+ </div>
+
+ <footer class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-3">
+ <img src="/assets/img/coreui-sygnet-white.png" class="img-fluid">
+ </div>
+ <div class="col-md-3">
+ <h5>Quick links</h5>
+ <ul class="list-unstyled">
+ <li><a href="/docs/getting-started/introduction/">Documentation</a></li>
+ <li><a href="/angular/">Angular 2+ Version</a></li>
+ <li><a href="/angularjs/">AngularJS Version</a></li>
+ <li><a href="/react/">React Version</a></li>
+ <li><a href="/vue/">Vue Version</a></li>
+ <li><hr></li>
+ <li><a href="http://getbootstrap.com/" target="_blank" rel="nofollow">Bootstrap</a></li>
+ <li><a href="https://angular.io/" target="_blank" rel="nofollow">Angular</a></li>
+ <li><a href="https://facebook.github.io/react/" target="_blank" rel="nofollow">ReactJS</a></li>
+ </ul>
+ </div>
+ <div class="col-md-3">
+ <h5>Github</h5>
+ <ul class="list-unstyled">
+ <li><a href="" target="_blank">CoreUI</a></li>
+ <li><a href="" target="_blank">CoreUI for Angular</a></li>
+ <li><a href="" target="_blank">CoreUI for AngularJS</a></li>
+ <li><a href="" target="_blank">CoreUI for React.js</a></li>
+ <li><a href="" target="_blank">CoreUI for Vue.js</a></li>
+ </ul>
+ </div>
+ <div class="col-md-3">
+ <h5>About author</h5>
+ <ul class="list-unstyled">
+ <li><a href="http://holeczek.pl">About me</a></li>
+ <li><a href="https://www.facebook.com/lukaszholeczek">Facebook</a></li>
+ <li><a href="https://www.twitter.com/lukaszholeczek">Twitter</a></li>
+ <li><a href="https://github.com/mrholek">Github</a></li>
+ </ul>
+ <h5>My other projects</h5>
+ <ul class="list-unstyled">
+ <li><a href="http://brix.io" target="_blank">Brix.io</a></li>
+ <li><a href="https://genesisui.com" target="_blank">GenesisUI</a></li>
+ <li><a href="https://bootstrapmaster.com" target="_blank">BootstrapMaster</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="copyright text-center">
+ <div class="container p-3 text-muted">
+ © 2017 creativeLabs. Designed and built by <a href="https://twitter.com/lukaszholeczek">@lukaszholeczek</a>. Code licensed under an MIT-style License.
+ </div>
+ </div>
+</footer>
+
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+
+<script src="/assets/js/vendor/popper.min.js"></script>
+<script src="/assets/js/vendor/bootstrap.min.js"></script>
+<script src="/assets/js/docs.min.js"></script>
+
+<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+<script src="/assets/js/ie10-viewport-bug-workaround.js"></script>
+<script src="/assets/js/ie-emulation-modes-warning.js"></script>
+
+
+<!-- Place this tag in your head or just before your close body tag. -->
+<script type="text/javascript" src="https://buttons.github.io/buttons.js"></script>
+
+<script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5a0592292bb39f0012e27c9f&product=unknown' async='async'></script>
+
+<script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script>
+<script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us12.list-manage.com","uuid":"272317181a81e4571a8dc53e0","lid":"7a9caf510c"}) })</script>
+
+ </body>
+</html>