SHOW:
|
|
- or go back to the newest paste.
1 | <!DOCTYPE html> | |
2 | <html> | |
3 | <head> | |
4 | <meta charset="utf-8"> | |
5 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
6 | <title>myPOS - by YukCoding</title> | |
7 | <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> | |
8 | <link rel="stylesheet" href="<?=base_url()?>assets/bower_components/bootstrap/dist/css/bootstrap.min.css"> | |
9 | <link rel="stylesheet" href="<?=base_url()?>assets/bower_components/font-awesome/css/font-awesome.min.css"> | |
10 | <link rel="stylesheet" href="<?=base_url()?>assets/dist/css/AdminLTE.min.css"> | |
11 | <link rel="stylesheet" href="<?=base_url()?>assets/dist/css/skins/_all-skins.min.css"> | |
12 | <!--[if lt IE 9]> | |
13 | <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> | |
14 | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | |
15 | <![endif]--> | |
16 | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic"> | |
17 | </head> | |
18 | <body class="hold-transition skin-blue sidebar-mini"> | |
19 | ||
20 | <div class="wrapper"> | |
21 | <header class="main-header"> | |
22 | <a href="<?=base_url()?>assets/index2.html" class="logo"> | |
23 | <span class="logo-mini">m<b>P</b></span> | |
24 | <span class="logo-lg">my<b>POS</b></span> | |
25 | </a> | |
26 | <nav class="navbar navbar-static-top"> | |
27 | <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"> | |
28 | <span class="sr-only">Toggle navigation</span> | |
29 | <span class="icon-bar"></span> | |
30 | <span class="icon-bar"></span> | |
31 | <span class="icon-bar"></span> | |
32 | </a> | |
33 | ||
34 | <div class="navbar-custom-menu"> | |
35 | <ul class="nav navbar-nav"> | |
36 | <li class="dropdown tasks-menu"> | |
37 | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | |
38 | <i class="fa fa-flag-o"></i> | |
39 | <span class="label label-danger">3</span> | |
40 | </a> | |
41 | <ul class="dropdown-menu"> | |
42 | <li class="header">You have 3 tasks</li> | |
43 | <li> | |
44 | <ul class="menu"> | |
45 | <li> | |
46 | <a href="#"> | |
47 | <h3>Design some buttons | |
48 | <small class="pull-right">20%</small> | |
49 | </h3> | |
50 | <div class="progress xs"> | |
51 | <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> | |
52 | <span class="sr-only">20% Complete</span> | |
53 | </div> | |
54 | </div> | |
55 | </a> | |
56 | </li> | |
57 | </ul> | |
58 | </li> | |
59 | <li class="footer"> | |
60 | <a href="#">View all tasks</a> | |
61 | </li> | |
62 | </ul> | |
63 | </li> | |
64 | <!-- User Account --> | |
65 | <li class="dropdown user user-menu"> | |
66 | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | |
67 | <img src="<?=base_url()?>assets/dist/img/user2-160x160.jpg" class="user-image"> | |
68 | <span class="hidden-xs">Admin</span> | |
69 | </a> | |
70 | <ul class="dropdown-menu"> | |
71 | <li class="user-header"> | |
72 | <img src="<?=base_url()?>assets/dist/img/user2-160x160.jpg" class="img-circle"> | |
73 | <p>Administrator | |
74 | <small>Indonesia</small> | |
75 | </p> | |
76 | </li> | |
77 | <li class="user-footer"> | |
78 | <div class="pull-left"> | |
79 | <a href="#" class="btn btn-default btn-flat">Profile</a> | |
80 | </div> | |
81 | <div class="pull-right"> | |
82 | <a href="<?=site_url('auth/logout')?>" class="btn btn-flat bg-red">Sign out</a> | |
83 | </div> | |
84 | </li> | |
85 | </ul> | |
86 | </li> | |
87 | </ul> | |
88 | </div> | |
89 | </nav> | |
90 | </header> | |
91 | ||
92 | <!-- Left side column --> | |
93 | <aside class="main-sidebar"> | |
94 | <section class="sidebar"> | |
95 | <div class="user-panel"> | |
96 | <div class="pull-left image"> | |
97 | <img src="<?=base_url()?>assets/dist/img/user2-160x160.jpg" class="img-circle"> | |
98 | </div> | |
99 | <div class="pull-left info"> | |
100 | <p>Administrator</p> | |
101 | <a href="#"><i class="fa fa-circle text-success"></i> Online</a> | |
102 | </div> | |
103 | </div> | |
104 | <form action="#" method="get" class="sidebar-form"> | |
105 | <div class="input-group"> | |
106 | <input type="text" name="q" class="form-control" placeholder="Search..."> | |
107 | <span class="input-group-btn"> | |
108 | <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button> | |
109 | </span> | |
110 | </div> | |
111 | </form> | |
112 | <!-- sidebar menu --> | |
113 | <ul class="sidebar-menu" data-widget="tree"> | |
114 | <li class="header">MAIN NAVIGATION</li> | |
115 | <li> | |
116 | <a href=""><i class="fa fa-dashboard"></i> <span>Dashboard</span></a> | |
117 | </li> | |
118 | <li> | |
119 | <a href=""><i class="fa fa-truck"></i> <span>Suppliers</span></a> | |
120 | </li> | |
121 | <li> | |
122 | <a href=""> | |
123 | <i class="fa fa-users"></i> <span>Customers</span> | |
124 | </a> | |
125 | </li> | |
126 | <li class="treeview"> | |
127 | <a href="#"> | |
128 | <i class="fa fa-archive"></i> <span>Products</span> | |
129 | <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span> | |
130 | </a> | |
131 | <ul class="treeview-menu"> | |
132 | <li><a href="#"><i class="fa fa-circle-o"></i> Categories</a></li> | |
133 | <li><a href="#"><i class="fa fa-circle-o"></i> Units</a></li> | |
134 | <li><a href="#"><i class="fa fa-circle-o"></i> Items</a></li> | |
135 | </ul> | |
136 | </li> | |
137 | <li class="treeview"> | |
138 | <a href="#"> | |
139 | <i class="fa fa-shopping-cart"></i> <span>Transaction</span> | |
140 | <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span> | |
141 | </a> | |
142 | <ul class="treeview-menu"> | |
143 | <li><a href="#"><i class="fa fa-circle-o"></i> Sales</a></li> | |
144 | <li><a href="#"><i class="fa fa-circle-o"></i> Stock In</a></li> | |
145 | <li><a href="#"><i class="fa fa-circle-o"></i> Stock Out</a></li> | |
146 | </ul> | |
147 | </li> | |
148 | <li class="treeview"> | |
149 | <a href="#"> | |
150 | <i class="fa fa-pie-chart"></i> <span>Reports</span> | |
151 | <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span> | |
152 | </a> | |
153 | <ul class="treeview-menu"> | |
154 | <li><a href="#"><i class="fa fa-circle-o"></i> Sales</a></li> | |
155 | <li><a href="#"><i class="fa fa-circle-o"></i> Stocks</a></li> | |
156 | </ul> | |
157 | </li> | |
158 | <li class="header">SETTINGS</li> | |
159 | <li><a href="#"><i class="fa fa-user"></i> <span>Users</span></a></li> | |
160 | </ul> | |
161 | </section> | |
162 | </aside> | |
163 | ||
164 | <!-- Content Wrapper --> | |
165 | <div class="content-wrapper"> | |
166 | <?php echo $contents ?> | |
167 | </div> | |
168 | ||
169 | <footer class="main-footer"> | |
170 | <div class="pull-right hidden-xs"> | |
171 | <b>Version</b> 1.0 | |
172 | </div> | |
173 | <strong>Copyright © 2019 <a href="https://yukcoding.id">YukCoding Tutor</a>.</strong> All rights reserved. | |
174 | </footer> | |
175 | ||
176 | </div> | |
177 | ||
178 | <script src="<?=base_url()?>assets/bower_components/jquery/dist/jquery.min.js"></script> | |
179 | <script src="<?=base_url()?>assets/bower_components/bootstrap/dist/js/bootstrap.min.js"></script> | |
180 | <script src="<?=base_url()?>assets/bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script> | |
181 | <script src="<?=base_url()?>assets/dist/js/adminlte.min.js"></script> | |
182 | ||
183 | </body> | |
184 | </html> |