Scribd
Upload
22 views

Lang Charset Content Name Content Name Content Name Content Rel Type Sizes Href

This document contains the HTML code for the layout of an application for managing a laundry business. It includes code for the page header with links to necessary CSS files, a navigation bar at the top with links for different pages, and a side navigation menu with links to pages for managing outlets, packages, users, customers, transactions, and reports.

Uploaded by

Yudha Rahayu
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
22 views

Lang Charset Content Name Content Name Content Name Content Rel Type Sizes Href

This document contains the HTML code for the layout of an application for managing a laundry business. It includes code for the page header with links to necessary CSS files, a navigation bar at the top with links for different pages, and a side navigation menu with links to pages for managing outlets, packages, users, customers, transactions, and reports.

Uploaded by

Yudha Rahayu
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

1 <!

DOCTYPE html>
2 <html lang="en">
3
4 <head>
5 <meta charset="utf-8">
6 <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 <meta name="viewport" content="width=device-width, initial-scale=1">
8 <meta name="description" content="">
9 <meta name="author" content="">
10 <link rel="icon" type="image/png" sizes="16x16" href=
"../assets/plugins/images/favicon.png">
11 <title>Aplikasi Penglolaan Laundry</title>
12 <!-- Bootstrap Core CSS -->
13 <link href="../assets/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
14 <!-- Menu CSS -->
15 <link href="../assets/plugins/bower_components/sidebar-nav/dist/sidebar-nav.min.css"
rel="stylesheet">
16 <!-- toast CSS -->
17 <link href="../assets/plugins/bower_components/toast-master/css/jquery.toast.css"
rel="stylesheet">
18 <!-- morris CSS -->
19 <link href="../assets/plugins/bower_components/morrisjs/morris.css" rel="stylesheet">
20 <!-- chartist CSS -->
21 <link href="../assets/plugins/bower_components/chartist-js/dist/chartist.min.css"
rel="stylesheet">
22 <link href=
"../assets/plugins/bower_components/chartist-plugin-tooltip-master/dist/chartist-plug
in-tooltip.css" rel="stylesheet">
23 <!-- animation CSS -->
24 <link href="../assets/css/animate.css" rel="stylesheet">
25 <!-- Custom CSS -->
26 <link href="../assets/css/style.css" rel="stylesheet">
27 <!-- color CSS -->
28 <link href="../assets/css/colors/default.css" id="theme" rel="stylesheet">
29 <!-- DataTables -->
30 <link rel="stylesheet" type="text/css" href=
"../assets/DataTables/datatables.min.css"/>
31 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
32 <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
33 <!--[if lt IE 9]>
34 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
35 <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
36 <![endif]-->
37 </head>
38
39 <body class="fix-header">
40 <!-- ============================================================== -->
41 <!-- Preloader -->
42 <!-- ============================================================== -->
43 <?php if($title=='dashboard'){?>
44 <div class="preloader">
45 <svg class="circular" viewBox="25 25 50 50">
46 <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2"
stroke-miterlimit="10" />
47 </svg>
48 </div>
49 <?php }?>
50 <!-- ============================================================== -->
51 <!-- Wrapper -->
52 <!-- ============================================================== -->
53 <div id="wrapper">
54 <!-- ============================================================== -->
55 <!-- Topbar header - style you can find in pages.scss -->
56 <!-- ============================================================== -->
57 <nav class="navbar navbar-default navbar-static-top m-b-0">
58 <div class="navbar-header">
59 <div class="top-left-part">
60 <!-- Logo -->
61 <a class="logo" href="index.php">
62 <!-- Logo icon image, you can use font-icon also -->
63 <b style="color:black">
64 LAUNDRY
65 </b>
66 <!-- Logo text image you can use text also -->
67 <span class="hidden-xs text-dark">
68 APP
69 </span>
70 </a>
71 </div>
72 <!-- /Logo -->
73 <ul class="nav navbar-top-links navbar-right pull-right">
74 <li>
75 <a class="nav-toggler open-close waves-effect waves-light
hidden-md hidden-lg" href="javascript:void(0)"><i class="fa
fa-bars"></i></a>
76 </li>
77 <li>
78 <a class="profile-pic" href="#"> <img src=
"../assets/plugins/images/users/varun.jpg" alt="user-img" width=
"36" class="img-circle"><b class="hidden-xs">ADMIN</b></a>
79 </li>
80 </ul>
81 </div>
82 <!-- /.navbar-header -->
83 <!-- /.navbar-top-links -->
84 <!-- /.navbar-static-side -->
85 </nav>
86 <!-- End Top Navigation -->
87 <!-- ============================================================== -->
88 <!-- Left Sidebar - style you can find in sidebar.scss -->
89 <!-- ============================================================== -->
90 <div class="navbar-default sidebar" role="navigation">
91 <div class="sidebar-nav slimscrollsidebar">
92 <div class="sidebar-head">
93 <h3><span class="fa-fw open-close"><i class="ti-close ti-menu"
></i></span> <span class="hide-menu">Navigation</span></h3>
94 </div>
95 <ul class="nav" id="side-menu">
96 <li style="padding: 70px 0 0;">
97 <a href="index.php" class="waves-effect <?php if($title==
'dashboard'){echo 'active';} ?>"><i class="fa fa-tachometer
fa-fw" aria-hidden="true"></i>Dashboard</a>
98 </li>
99 <li>
100 <a href="outlet.php" class="waves-effect <?php if($title==
'outlet'){echo 'active';} ?>"><i class="fa fa-suitcase fa-fw"
aria-hidden="true"></i> Outlet</a>
101 </li>
102 <li>
103 <a href="paket.php" class="waves-effect <?php if($title=='paket'
){echo 'active';} ?>"><i class="fa fa-archive fa-fw" aria-hidden
="true"></i> Paket</a>
104 </li>
105 <li>
106 <a href="pengguna.php" class="waves-effect <?php if($title==
'pengguna'){echo 'active';} ?>"><i class="fa fa-user fa-fw"
aria-hidden="true"></i> Pengguna</a>
107 </li>
108 <li>
109 <a href="pelanggan.php" class="waves-effect <?php if($title==
'pelanggan'){echo 'active';}?>"><i class="fa fa-users fa-fw"
aria-hidden="true"></i> Pelanggan</a>
110 </li>
111 <li>
112 <a href="transaksi.php" class="waves-effect"><i class="fa
fa-shopping-cart fa-fw" aria-hidden="true"></i> Transaksi</a>
113 </li>
114 <li>
115 <a href="laporan.php" class="waves-effect <?php if($title==
'laporan'){echo 'active';}?>"><i class="fa fa-file-text fa-fw"
aria-hidden="true"></i> Laporan</a>
116 </li>
117 </ul>
118 <div class="center p-20">
119 <a href="logout.php" class="btn btn-danger btn-block waves-effect
waves-light">Logout</a>
120 </div>
121 </div>
122
123 </div>
124 <!-- ============================================================== -->
125 <!-- End Left Sidebar -->
126 <!-- ============================================================== -->
127 <!-- ============================================================== -->
128 <!-- Page Content -->
129 <!-- ============================================================== -->
130 <div id="page-wrapper">

You might also like