Tamplate Dashboard CI

<!
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>My Pos</title>

<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-
scalable=no" name="viewport">

<link rel="stylesheet"
href="<?=base_url()?>assets/bower_components/bootstrap/dist/css/bootstrap.min.css">

<link rel="stylesheet" href="<?=base_url()?>assets/bower_components/font-
awesome/css/font-awesome.min.css">

<link rel="stylesheet"
href="<?=base_url()?>assets/bower_components/Ionicons/css/ionicons.min.css">

<link rel="stylesheet" href="<?=base_url()?>assets/dist/css/AdminLTE.min.css">

<link rel="stylesheet" href="<?=base_url()?>assets/dist/css/skins/_all-
skins.min.css">




<link rel="stylesheet" href="https://fonts.googleapis.com/css?
family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body class="hold-transition skin-blue sidebar-mini">

<div class="wrapper">
<header class="main-header">

<a href="<?=base_url()?>assets/index2.html" class="logo">

<span class="logo-mini"><b>m</b>P</span>

<span class="logo-lg"><b>my</b>Pos</span>
</a>

<nav class="navbar navbar-static-top">

<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
</a>
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">

<li class="dropdown tasks-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-flag-o"></i>
<span class="label label-danger">3</span>
</a>
<ul class="dropdown-menu">
<li class="header">You have 3 tasks</li>
<li>

<ul class="menu">
<li>
<a href="#">
<h3>
Design some buttons
<small class="pull-right">20%</small>
</h3>
<div class="progress xs">
<div class="progress-bar progress-bar-aqua" style="width:
20%" role="progressbar"
aria-valuenow="20" aria-valuemin="0" aria-
valuemax="100">
<span class="sr-only">20% Complete</span>
</div>
</div>
</a>
</li>

</ul>
</li>
<li class="footer">
<a href="#">View all tasks</a>
</li>
</ul>
</li>

<li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="<?=base_url()?>assets/dist/img/user2-160x160.jpg"
class="user-image" alt="User Image">
<span class="hidden-xs">Admin</span>
</a>
<ul class="dropdown-menu">

<li class="user-header">
<img src="<?=base_url()?>assets/dist/img/user2-160x160.jpg"
class="img-circle" alt="User Image">
<p>
Erik Ahmad
<small>SMKBAM, Bandung Barat</small>
</p>
</li>

<li class="user-footer">
<div class="pull-left">
<a href="#" class="btn btn-default btn-flat">Profile</a>
</div>
<div class="pull-right">
<a href="#" class="btn btn-default btn-flat">Sign out</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</header>



<aside class="main-sidebar">
<section class="sidebar">
<div class="user-panel">
<div class="pull-left image">
<img src="<?=base_url()?>assets/dist/img/user2-160x160.jpg" class="img-
circle" alt="User Image">
</div>
<div class="pull-left info">
<p>Admin</p>
<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
</div>
</div>
<form action="#" method="get" class="sidebar-form">
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-
flat"><i class="fa fa-search"></i>
</button>
</span>
</div>
</form>

<ul class="sidebar-menu" data-widget="tree">
<li class="header">MAIN NAVIGATION</li>
<li>
<a href=""><i class="fa fa-dashboard"></i> <span>Dashboard</span></a>
</li>
<li>
<a href=""><i class="fa fa-truck"></i> <span>Suplier</span></a>
</li>
<li>
<a href=""><i class="fa fa-users"></i> <span>Customers</span></a>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-archive"></i>
<span>Product</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="#"><i class="fa fa-circle-o"></i> Categories</a></li>
<li><a href="#"><i class="fa fa-circle-o"></i> Units</a></li>
<li><a href="#"><i class="fa fa-circle-o"></i> Items</a></li>
</ul>
</li>
<a href="#">
<i class="fa fa-shopping-cart"></i>
<span>Transaction</span>
</span>
</a>
<li><a href="#"><i class="fa fa-circle-o"></i> Sales</a></li>
<li><a href="#"><i class="fa fa-circle-o"></i> Stock In</a></li>
<li><a href="#"><i class="fa fa-circle-o"></i> Stock Out</a></li>
</ul>
</li>
<a href="#">
<i class="fa fa-pie-chart"></i>
<span>Reports</span>
</span>
</a>
<li><a href="#"><i class="fa fa-circle-o"></i> Sales</a></li>
<li><a href="#"><i class="fa fa-circle-o"></i> Stock</a></li>
</ul>
</li>
<li class="header">SETTING</li>
<li><a href="#"><i class="fa fa-user"></i><span>Users</span></a></li>
</section>
</aside>



<div class="content-wrapper">

<section class="content-header">
<h1>
Dashboard
<small>Control Panel</small>
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> </a></li>
<li class="active">Dashboard</li>
</ol>
</section>


<section class="content">


<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="info-box">
<span class="info-box-icon bg-aqua"><i class="fa fa-th"></i></span>
<div class="info-box-content">
<span class="info-box-text">Items</span>
<span class="info-box-number">90</span>
</div>
</div>
</div>
<span class="info-box-icon bg-red"><i class="fa fa-truck"></i></span>
<span class="info-box-text">Suppliers</span>
</div>
</div>
</div>
<div class="clearfix visible-sm-block"></div>

<span class="info-box-icon bg-green"><i class="fa fa-users"></i></span>
<span class="info-box-text">Customers</span>
</div>
</div>
</div>
<span class="info-box-icon bg-yellow"><i class="fa fa-plus"></i></span>
<span class="info-box-text">Users</span>
</div>
</div>
</div>
</section>

</div>

<footer class="main-footer">
<div class="pull-right hidden-xs">
<b>Version</b> 1.0
</div>
<strong>Copyright © 2019<a href="https://smkbaniabdulmalik.sch.id"> Erik
Ahmad</a>.</strong> All rights
reserved.
</footer>
</div>



<script src="<?=base_url()?>assets/bower_components/jquery/dist/jquery.min.js"></
script>

<script
src="<?=base_url()?>assets/bower_components/bootstrap/dist/js/bootstrap.min.js"></
script>

<script
src="<?=base_url()?>assets/bower_components/jquery-slimscroll/jquery.slimscroll.min
.js"></script>

<script src="<?=base_url()?>assets/bower_components/fastclick/lib/fastclick.js"></
script>

<script src="<?=base_url()?>assets/dist/js/adminlte.min.js"></script>

<script src="<?=base_url()?>assets/dist/js/demo.js"></script>
<script>
$(document).ready(function () {
$('.sidebar-menu').tree()
})
</script>
</body>
</html>

Tamplate Dashboard CI

Uploaded by

Copyright:

Available Formats

Tamplate Dashboard CI

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Tamplate Dashboard CI

Uploaded by

Copyright:

Available Formats

<!

<div class="clearfix visible-sm-block"></div>

<div class="col-md-3 col-sm-6 col-xs-12">

You might also like

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.