Dashboard Admin HTML CSS JS Template
3 min read
Dashboard Admin
The pre-built templates in the free Xtreme Bootstrap Admin Lite package will
enable you to quickly get up and running. The documentation gives you clear
instructions on getting started and helps you customize the templates.
Although a free set of admin templates, you still get access to a number of
useful UI components, integrated plugins, and ready-to-use widgets to enable
you to enhance your dashboard and its pages. Xtreme Bootstrap Admin Lite comes
with a few pre-built forms, too, helping to reduce the time it takes to add
these vital elements to your pages. If you need to edit these forms to make
them more suitable for your project, you should find it easy to do so with
Xtreme Bootstrap Admin Lite. There are some example tables as well, giving you
a head start if you want to display data in a tabulated format on your pages.
Demo Code
<!DOCTYPE html>
<html lang="en">
<head>
<title>Adminty - Premium Admin Template by Colorlib </title>
<!-- HTML5 Shim and Respond.js IE10 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 10]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="#">
<meta name="keywords" content="Admin , Responsive, Landing, Bootstrap, App, Template, Mobile, iOS, Android, apple, creative app">
<meta name="author" content="#">
<!-- Favicon icon -->
<link rel="icon" href="..\files\assets\images\favicon.ico" type="image/x-icon">
<!-- Google font-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet">
<!-- Required Fremwork -->
<link rel="stylesheet" type="text/css" href="..\files\bower_components\bootstrap\css\bootstrap.min.css">
<!-- feather Awesome -->
<link rel="stylesheet" type="text/css" href="..\files\assets\icon\feather\css\feather.css">
<!-- Style.css -->
<link rel="stylesheet" type="text/css" href="..\files\assets\css\style.css">
<link rel="stylesheet" type="text/css" href="..\files\assets\css\jquery.mCustomScrollbar.css">
</head>
<body>
<![endif]-->
<!-- Warning Section Ends -->
<!-- Required Jquery -->
<script data-cfasync="false" src="..\..\..\cdn-cgi\scripts\5c5dd728\cloudflare-static\email-decode.min.js"></script><script type="text/javascript" src="..\files\bower_components\jquery\js\jquery.min.js"></script>
<script type="text/javascript" src="..\files\bower_components\jquery-ui\js\jquery-ui.min.js"></script>
<script type="text/javascript" src="..\files\bower_components\popper.js\js\popper.min.js"></script>
<script type="text/javascript" src="..\files\bower_components\bootstrap\js\bootstrap.min.js"></script>
<!-- jquery slimscroll js -->
<script type="text/javascript" src="..\files\bower_components\jquery-slimscroll\js\jquery.slimscroll.js"></script>
<!-- modernizr js -->
<script type="text/javascript" src="..\files\bower_components\modernizr\js\modernizr.js"></script>
<!-- Chart js -->
<script type="text/javascript" src="..\files\bower_components\chart.js\js\Chart.js"></script>
<!-- amchart js -->
<script src="..\files\assets\pages\widget\amchart\amcharts.js"></script>
<script src="..\files\assets\pages\widget\amchart\serial.js"></script>
<script src="..\files\assets\pages\widget\amchart\light.js"></script>
<script src="..\files\assets\js\jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript" src="..\files\assets\js\SmoothScroll.js"></script>
<script src="..\files\assets\js\pcoded.min.js"></script>
<!-- custom js -->
<script src="..\files\assets\js\vartical-layout.min.js"></script>
<script type="text/javascript" src="..\files\assets\pages\dashboard\custom-dashboard.js"></script>
<script type="text/javascript" src="..\files\assets\js\script.min.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-23581568-13');
</script>
</body>
</html>