Admin Panel Template Free Download Php Github

Free admin panel template download for you. This is top admin panel which can be downloaded for free made with pure php code. You can customize this template by using bootstrap framework and font awesome icons.

Samples to show you how to make your own admin panel for your website without any knowledge or coding. You can build your own responsive admin dashboard easily with our admin template, it’s perfectly fit for all kind of website – be it business, blog or forum.

Setup the Dashboard

Here is the complete code for the dashboard view that you need to put in index.php:

  1. <!DOCTYPE html>
  2. <html lang=”en”>
  3. <head>
  4. <meta charset=”utf-8″>
  5. <meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
  6. <meta name=”viewport” content=”width=device-width, initial-scale=1, shrink-to-fit=no”>
  7. <meta name=”description” content=””>
  8. <meta name=”author” content=””>
  9. <title>SB Admin – Start Bootstrap Template</title>
  10. <!– Bootstrap core CSS–>
  11. <link href=”vendor/bootstrap/css/bootstrap.min.css” rel=”stylesheet”>
  12. <!– Custom fonts for this template–>
  13. <link href=”vendor/font-awesome/css/font-awesome.min.css” rel=”stylesheet” type=”text/css”>
  14. <!– Page level plugin CSS–>
  15. <link href=”vendor/datatables/dataTables.bootstrap4.css” rel=”stylesheet”>
  16. <!– Custom styles for this template–>
  17. <link href=”css/sb-admin.css” rel=”stylesheet”>
  18. </head>
  19. <body class=”fixed-nav sticky-footer bg-dark” id=”page-top”>
  20. <!– Navigation–>
  21. <nav class=”navbar navbar-expand-lg navbar-dark bg-dark fixed-top” id=”mainNav”>
  22. <a class=”navbar-brand” href=”index.php”>Start Bootstrap</a>
  23. <button class=”navbar-toggler navbar-toggler-right” type=”button” data-toggle=”collapse” data-target=”#navbarResponsive” aria-controls=”navbarResponsive” aria-expanded=”false” aria-label=”Toggle navigation”>
  24. <span class=”navbar-toggler-icon”></span>
  25. </button>
  26. <div class=”collapse navbar-collapse” id=”navbarResponsive”>
  27. <ul class=”navbar-nav navbar-sidenav” id=”exampleAccordion”>
  28. <li class=”nav-item” data-toggle=”tooltip” data-placement=”right” title=”Dashboard”>
  29. <a class=”nav-link” href=”index.php”>
  30. <i class=”fa fa-fw fa-dashboard”></i>
  31. <span class=”nav-link-text”>Dashboard</span>
  32. </a>
  33. </li>
  34. <li class=”nav-item” data-toggle=”tooltip” data-placement=”right” title=”Charts”>
  35. <a class=”nav-link” href=”product.php”>
  36. <i class=”fa fa-check-square”></i>
  37. <span class=”nav-link-text”>Create Product</span>
  38. </a>
  39. </li>
  40. <li class=”nav-item” data-toggle=”tooltip” data-placement=”right” title=”Charts”>
  41. <a class=”nav-link” href=”register.php”>
  42. <i class=”fa fas fa-user”></i>
  43. <span class=”nav-link-text”>Register Users</span>
  44. </a>
  45. </li>
  46. </ul>
  47. <ul class=”navbar-nav sidenav-toggler”>
  48. <li class=”nav-item”>
  49. <a class=”nav-link text-center” id=”sidenavToggler”>
  50. <i class=”fa fa-fw fa-angle-left”></i>
  51. </a>
  52. </li>
  53. </ul>
  54. <ul class=”navbar-nav ml-auto”>
  55. <li class=”nav-item dropdown”>
  56. <a class=”nav-link dropdown-toggle mr-lg-2″ id=”messagesDropdown” href=”#” data-toggle=”dropdown” aria-haspopup=”true” aria-expanded=”false”>
  57. <i class=”fa fa-fw fa-envelope”></i>
  58. <span class=”d-lg-none”>Messages
  59. <span class=”badge badge-pill badge-primary”>12 New</span>
  60. </span>
  61. <span class=”indicator text-primary d-none d-lg-block”>
  62. <i class=”fa fa-fw fa-circle”></i>
  63. </span>
  64. </a>
  65. <div class=”dropdown-menu” aria-labelledby=”messagesDropdown”>
  66. <h6 class=”dropdown-header”>New Messages:</h6>
  67. <div class=”dropdown-divider”></div>
  68. <a class=”dropdown-item” href=”#”>
  69. <strong>David Miller</strong>
  70. <span class=”small float-right text-muted”>11:21 AM</span>
  71. <div class=”dropdown-message small”>Hey there! This new version of SB Admin is pretty awesome! These messages clip off when they reach the end of the box so they don’t overflow over to the sides!</div>
  72. </a>
  73. <div class=”dropdown-divider”></div>
  74. <a class=”dropdown-item” href=”#”>
  75. <strong>Jane Smith</strong>
  76. <span class=”small float-right text-muted”>11:21 AM</span>
  77. <div class=”dropdown-message small”>I was wondering if you could meet for an appointment at 3:00 instead of 4:00. Thanks!</div>
  78. </a>
  79. <div class=”dropdown-divider”></div>
  80. <a class=”dropdown-item” href=”#”>
  81. <strong>John Doe</strong>
  82. <span class=”small float-right text-muted”>11:21 AM</span>
  83. <div class=”dropdown-message small”>I’ve sent the final files over to you for review. When you’re able to sign off of them let me know and we can discuss distribution.</div>
  84. </a>
  85. <div class=”dropdown-divider”></div>
  86. <a class=”dropdown-item small” href=”#”>View all messages</a>
  87. </div>
  88. </li>
  89. <li class=”nav-item dropdown”>
  90. <a class=”nav-link dropdown-toggle mr-lg-2″ id=”alertsDropdown” href=”#” data-toggle=”dropdown” aria-haspopup=”true” aria-expanded=”false”>
  91. <i class=”fa fa-fw fa-bell”></i>
  92. <span class=”d-lg-none”>Alerts
  93. <span class=”badge badge-pill badge-warning”>6 New</span>
  94. </span>
  95. <span class=”indicator text-warning d-none d-lg-block”>
  96. <i class=”fa fa-fw fa-circle”></i>
  97. </span>
  98. </a>
  99. <div class=”dropdown-menu” aria-labelledby=”alertsDropdown”>
  100. <h6 class=”dropdown-header”>New Alerts:</h6>
  101. <div class=”dropdown-divider”></div>
  102. <a class=”dropdown-item” href=”#”>
  103. <span class=”text-success”>
  104. <strong>
  105. <i class=”fa fa-long-arrow-up fa-fw”></i>Status Update</strong>
  106. </span>
  107. <span class=”small float-right text-muted”>11:21 AM</span>
  108. <div class=”dropdown-message small”>This is an automated server response message. All systems are online.</div>
  109. </a>
  110. <div class=”dropdown-divider”></div>
  111. <a class=”dropdown-item” href=”#”>
  112. <span class=”text-danger”>
  113. <strong>
  114. <i class=”fa fa-long-arrow-down fa-fw”></i>Status Update</strong>
  115. </span>
  116. <span class=”small float-right text-muted”>11:21 AM</span>
  117. <div class=”dropdown-message small”>This is an automated server response message. All systems are online.</div>
  118. </a>
  119. <div class=”dropdown-divider”></div>
  120. <a class=”dropdown-item” href=”#”>
  121. <span class=”text-success”>
  122. <strong>
  123. <i class=”fa fa-long-arrow-up fa-fw”></i>Status Update</strong>
  124. </span>
  125. <span class=”small float-right text-muted”>11:21 AM</span>
  126. <div class=”dropdown-message small”>This is an automated server response message. All systems are online.</div>
  127. </a>
  128. <div class=”dropdown-divider”></div>
  129. <a class=”dropdown-item small” href=”#”>View all alerts</a>
  130. </div>
  131. </li>
  132. <li class=”nav-item”>
  133. <form class=”form-inline my-2 my-lg-0 mr-lg-2″>
  134. <div class=”input-group”>
  135. <input class=”form-control” type=”text” placeholder=”Search for…”>
  136. <span class=”input-group-append”>
  137. <button class=”btn btn-primary” type=”button”>
  138. <i class=”fa fa-search”></i>
  139. </button>
  140. </span>
  141. </div>
  142. </form>
  143. </li>
  144. <li class=”nav-item”>
  145. <a class=”nav-link” data-toggle=”modal” data-target=”#exampleModal”>
  146. <i class=”fa fa-fw fa-sign-out”></i>Logout</a>
  147. </li>
  148. </ul>
  149. </div>
  150. </nav>
  151. <div class=”content-wrapper”>
  152. <div class=”container-fluid”>
  153. <!– Breadcrumbs–>
  154. <ol class=”breadcrumb”>
  155. <li class=”breadcrumb-item”>
  156. <a href=”#”>Dashboard</a>
  157. </li>
  158. <li class=”breadcrumb-item active”>My Dashboard</li>
  159. </ol>
  160. <!– Icon Cards–>
  161. <?php
  162. $servername = “localhost”;
  163. $username = “root”;
  164. $password = “”;
  165. $dbname = “registration”;
  166. // Create connection
  167. $conn = new mysqli($servername, $username, $password, $dbname);
  168. $sqll = “SELECT * from sales_stats WHERE month=’Mar’ “;
  169. if (mysqli_query($conn, $sqll))
  170. {
  171. echo “”;
  172. }
  173. else
  174. {
  175. echo “Error: ” . $sqll . “<br>” . mysqli_error($conn);
  176. }
  177. $result = mysqli_query($conn, $sqll);
  178. if (mysqli_num_rows($result) > 0)
  179. {
  180. // output data of each row
  181. while($row = mysqli_fetch_assoc($result))
  182. {
  183. ?>
  184. <div class=”row”>
  185. <div class=”col-xl-3 col-sm-6 mb-3″>
  186. <div class=”card text-white bg-primary o-hidden h-100″>
  187. <div class=”card-body”>
  188. <div class=”card-body-icon”>
  189. <i class=”fa fa-fw fa-comments”></i>
  190. </div>
  191. <div class=”mr-5″><?php echo $row[‘Vistors’]; ?> Vistors</div>
  192. </div>
  193. <a class=”card-footer text-white clearfix small z-1″ href=”#”>
  194. <span class=”float-left”>View Details</span>
  195. <span class=”float-right”>
  196. <i class=”fa fa-angle-right”></i>
  197. </span>
  198. </a>
  199. </div>
  200. </div>
  201. <div class=”col-xl-3 col-sm-6 mb-3″>
  202. <div class=”card text-white bg-warning o-hidden h-100″>
  203. <div class=”card-body”>
  204. <div class=”card-body-icon”>
  205. <i class=”fa fa-fw fa-list”></i>
  206. </div>
  207. <div class=”mr-5″><?php echo $row[‘revenue’];?> Revenue</div>
  208. </div>
  209. <?php
  210. }
  211. }
  212. else
  213. {
  214. echo ‘0 results’;
  215. }
  216. ?>
  217. <a class=”card-footer text-white clearfix small z-1″ href=”#”>
  218. <span class=”float-left”>View Details</span>
  219. <span class=”float-right”>
  220. <i class=”fa fa-angle-right”></i>
  221. </span>
  222. </a>
  223. </div>
  224. </div>
  225. <div class=”col-xl-3 col-sm-6 mb-3″>
  226. <div class=”card text-white bg-success o-hidden h-100″>
  227. <div class=”card-body”>
  228. <div class=”card-body-icon”>
  229. <i class=”fa fa-fw fa-shopping-cart”></i>
  230. </div>
  231. <div class=”mr-5″>123 New Orders!</div>
  232. </div>
  233. <a class=”card-footer text-white clearfix small z-1″ href=”#”>
  234. <span class=”float-left”>View Details</span>
  235. <span class=”float-right”>
  236. <i class=”fa fa-angle-right”></i>
  237. </span>
  238. </a>
  239. </div>
  240. </div>
  241. <div class=”col-xl-3 col-sm-6 mb-3″>
  242. <div class=”card text-white bg-danger o-hidden h-100″>
  243. <div class=”card-body”>
  244. <div class=”card-body-icon”>
  245. <i class=”fa fa-fw fa-support”></i>
  246. </div>
  247. <div class=”mr-5″>13 New Tickets!</div>
  248. </div>
  249. <a class=”card-footer text-white clearfix small z-1″ href=”#”>
  250. <span class=”float-left”>View Details</span>
  251. <span class=”float-right”>
  252. <i class=”fa fa-angle-right”></i>
  253. </span>
  254. </a>
  255. </div>
  256. </div>
  257. </div>
  258. <?php
  259. $servername = “localhost”;
  260. $username = “root”;
  261. $password = “”;
  262. $dbname = “registration”;
  263. // Create connection
  264. $conn = new mysqli($servername, $username, $password, $dbname);
  265. $sqlll = “SELECT sales from sales_stats”;
  266. if (mysqli_query($conn, $sqlll))
  267. {
  268. echo “”;
  269. }
  270. else
  271. {
  272. echo “Error: ” . $sqlll . “<br>” . mysqli_error($conn);
  273. }
  274. $result = mysqli_query($conn, $sqlll);
  275. $number=array();
  276. if (mysqli_num_rows($result) > 0)
  277. {
  278. // output data of each row
  279. while($row = mysqli_fetch_assoc($result))
  280. {
  281. $number[]=$row[‘sales’];
  282. }
  283. }
  284. else
  285. {
  286. echo “0 results”;
  287. }
  288. $number_formated= “[“.implode(“,”,$number).”]”;
  289. ?>
  290. <script type=”text/javascript”>
  291. window.dataf= <?php echo $number_formated; ?>
  292. </script>
  293. <!– Area Chart Example–>
  294. <div class=”card mb-3″>
  295. <div class=”card-header”>
  296. <i class=”fa fa-area-chart”></i> Sales Chart</div>
  297. <div class=”card-body”>
  298. <canvas id=”myAreaChart” width=”100%” height=”30″></canvas>
  299. </div>
  300. <div class=”card-footer small text-muted”>Updated yesterday at 11:59 PM</div>
  301. </div>
  302. <!– Example DataTables Card–>
  303. <div class=”card mb-3″>
  304. <div class=”card-header”>
  305. <i class=”fa fa-table”></i> Data Table Example</div>
  306. <div class=”card-body”>
  307. <div class=”table-responsive”>
  308. <table class=”table table-bordered” id=”dataTable” width=”100%” cellspacing=”0″>
  309. <thead>
  310. <tr>
  311. <th>ID</th>
  312. <th>Name of Product</th>
  313. <th>Price of Product</th>
  314. <th>Product Catrogy</th>
  315. <th>Product Details</th>
  316. </tr>
  317. </thead>
  318. <tfoot>
  319. <tr>
  320. <th>ID</th>
  321. <th>Name of Product</th>
  322. <th>Price of Product</th>
  323. <th>Product Catrogy</th>
  324. <th>Product Details</th>
  325. </tr>
  326. </tfoot>
  327. <?php
  328. $servername = “localhost”;
  329. $username = “root”;
  330. $password = “”;
  331. $dbname = “registration”;
  332. // Create connection
  333. $conn = new mysqli($servername, $username, $password, $dbname);
  334. $sql = ‘SELECT * from products’;
  335. if (mysqli_query($conn, $sql)) {
  336. echo “”;
  337. } else {
  338. echo “Error: ” . $sql . “<br>” . mysqli_error($conn);
  339. }
  340. $count=1;
  341. $result = mysqli_query($conn, $sql);
  342. if (mysqli_num_rows($result) > 0) {
  343. // output data of each row
  344. while($row = mysqli_fetch_assoc($result)) { ?>
  345. <tbody>
  346. <tr>
  347. <th>
  348. <?php echo $row[‘product_id’]; ?>
  349. </th>
  350. <td>
  351. <?php echo $row[‘product_name’]; ?>
  352. </td>
  353. <td>
  354. <?php echo $row[‘product_price’]; ?>
  355. </td>
  356. <td>
  357. <?php echo $row[‘product_cat’]; ?>
  358. </td>
  359. <td>
  360. <?php echo $row[‘product_details’]; ?>
  361. </td>
  362. </tr>
  363. </tbody>
  364. <?php
  365. $count++;
  366. }
  367. } else {
  368. echo ‘0 results’;
  369. }
  370. ?>
  371. </table>
  372. </div>
  373. </div>
  374. <div class=”card-footer small text-muted”>Updated yesterday at 11:59 PM</div>
  375. </div>
  376. </div>
  377. <!– /.container-fluid–>
  378. <!– /.content-wrapper–>
  379. <footer class=”sticky-footer”>
  380. <div class=”container”>
  381. <div class=”text-center”>
  382. <small>Copyright © Your Website 2018</small>
  383. </div>
  384. </div>
  385. </footer>
  386. <!– Scroll to Top Button–>
  387. <a class=”scroll-to-top rounded” href=”#page-top”>
  388. <i class=”fa fa-angle-up”></i>
  389. </a>
  390. <!– Logout Modal–>
  391. <div class=”modal fade” id=”exampleModal” tabindex=”-1″ role=”dialog” aria-labelledby=”exampleModalLabel” aria-hidden=”true”>
  392. <div class=”modal-dialog” role=”document”>
  393. <div class=”modal-content”>
  394. <div class=”modal-header”>
  395. <h5 class=”modal-title” id=”exampleModalLabel”>Ready to Leave?</h5>
  396. <button class=”close” type=”button” data-dismiss=”modal” aria-label=”Close”>
  397. <span aria-hidden=”true”>×</span>
  398. </button>
  399. </div>
  400. <div class=”modal-body”>Select “Logout” below if you are ready to end your current session.</div>
  401. <div class=”modal-footer”>
  402. <button class=”btn btn-secondary” type=”button” data-dismiss=”modal”>Cancel</button>
  403. <a class=”btn btn-primary” href=”login.html”>Logout</a>
  404. </div>
  405. </div>
  406. </div>
  407. </div>
  408. <!– Bootstrap core JavaScript–>
  409. <script src=”vendor/jquery/jquery.min.js”></script>
  410. <script src=”vendor/bootstrap/js/bootstrap.bundle.min.js”></script>
  411. <!– Core plugin JavaScript–>
  412. <script src=”vendor/jquery-easing/jquery.easing.min.js”></script>
  413. <!– Page level plugin JavaScript–>
  414. <script src=”vendor/chart.js/Chart.min.js”></script>
  415. <script src=”vendor/datatables/jquery.dataTables.js”></script>
  416. <script src=”vendor/datatables/dataTables.bootstrap4.js”></script>
  417. <!– Custom scripts for all pages–>
  418. <script src=”js/sb-admin.min.js”></script>
  419. <!– Custom scripts for this page–>
  420. <script src=”js/sb-admin-datatables.min.js”></script>
  421. <script src=”js/sb-admin-charts.min.js”></script>
  422. </div>
  423. </body>
  424. </html>

Conclusion

We have prepared this Admin panel Template for you. You can use this Template to build your own great website in a few minutes without any knowledge about programming or design. Please feel free to enjoy it and try it by yourself.

0 Comments

No Comment.