API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 21st, 2014
163
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.97 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5.         <title>IndoStore | Dashboard</title>
  6.         <!-- Font for Body -->
  7.         <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  8.         <!-- Font for Logo -->
  9.         <link href='http://fonts.googleapis.com/css?family=Exo+2:700' rel='stylesheet' type='text/css'>
  10.         <!-- bootstrap 3.0.2 -->
  11.         <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  12.         <!-- font Awesome -->
  13.         <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  14.         <!-- Theme style -->
  15.         <link href="css/iwm_stylesheet.css" rel="stylesheet" type="text/css" />
  16.         <!-- Color style -->
  17.         <link href="css/iwm_color.css" rel="stylesheet" type="text/css" />
  18.         <!-- bootstrap wysihtml5 - text editor -->
  19.         <link href="css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
  20.        
  21.         <!-- jQuery 2.0.2 -->
  22.         <script src="js/jquery.2.0.2.min.js"></script>
  23.         <!-- Bootstrap -->
  24.         <script src="js/bootstrap.min.js" type="text/javascript"></script>
  25.         <!-- App -->
  26.         <script src="js/app.js" type="text/javascript"></script>
  27.         <!-- slimScroll -->
  28.         <script src="js/jquery.slimscroll.min.js" type="text/javascript"></script>
  29.        
  30.         <!-- iCheck -->
  31.         <script src="js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>
  32.         <script type="text/javascript">
  33.             $(function() {
  34.  
  35.                 "use strict";
  36.  
  37.                 //iCheck for checkbox and radio inputs
  38.                 $('input[type="checkbox"]').iCheck({
  39.                     checkboxClass: 'icheckbox_minimal',
  40.                     radioClass: 'iradio_minimal'
  41.                 });
  42.  
  43.                 //When unchecking the checkbox
  44.                 $("#check-all").on('ifUnchecked', function(event) {
  45.                     //Uncheck all checkboxes
  46.                     $("input[type='checkbox']", ".table-check").iCheck("uncheck");
  47.                 });
  48.                 //When checking the checkbox
  49.                 $("#check-all").on('ifChecked', function(event) {
  50.                     //Check all checkboxes
  51.                     $("input[type='checkbox']", ".table-check").iCheck("check");
  52.                 });
  53.                 //Handle starring for glyphicon and font awesome
  54.                 $(".fa-star, .fa-star-o, .glyphicon-star, .glyphicon-star-empty").click(function(e) {
  55.                     e.preventDefault();
  56.                     //detect type
  57.                     var glyph = $(this).hasClass("glyphicon");
  58.                     var fa = $(this).hasClass("fa");
  59.  
  60.                     //Switch states
  61.                     if (glyph) {
  62.                         $(this).toggleClass("glyphicon-star");
  63.                         $(this).toggleClass("glyphicon-star-empty");
  64.                     }
  65.  
  66.                     if (fa) {
  67.                         $(this).toggleClass("fa-star");
  68.                         $(this).toggleClass("fa-star-o");
  69.                     }
  70.                 });
  71.             });
  72.         </script>
  73.        
  74.         <!-- CK Editor -->
  75.         <script src="js/plugins/ckeditor/ckeditor.js" type="text/javascript"></script>
  76.         <!-- Bootstrap WYSIHTML5 -->
  77.         <script src="js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
  78.         <script type="text/javascript">
  79.             $(function() {
  80.                 CKEDITOR.replace('CKEditor');
  81.                 $(".wysihtml5").wysihtml5({
  82.                     "font-styles": true, //Font styling, e.g. h1, h2, etc. Default true
  83.                     "emphasis": true, //Italics, bold, etc. Default true
  84.                     "lists": false, //(Un)ordered lists, e.g. Bullets, Numbers. Default true
  85.                     "html": false, //Button which allows you to edit the generated HTML. Default false
  86.                     "link": true, //Button to insert a link. Default true
  87.                     "image": false, //Button to insert an image. Default true,
  88.                     "color": false, //Button to change color of font  
  89.                     "blockquote": true, //Blockquote  
  90.                 });
  91.             });
  92.         </script>
  93.        
  94.     </head>
  95.     <body class="fixed">
  96.         <div class="header">
  97.             <a href="index.html" class="logo">
  98.                 Backend Panel
  99.             </a>
  100.             <nav class="navbar navbar-static-top" role="navigation">
  101.                 <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
  102.                     <span class="sr-only">Toggle navigation</span>
  103.                     <span class="icon-bar"></span>
  104.                     <span class="icon-bar"></span>
  105.                     <span class="icon-bar"></span>
  106.                 </a>
  107.                 <div class="navbar-right">
  108.                     <ul class="nav navbar-nav">
  109.                         <li>
  110.                             <a href="#">
  111.                                 <i class="fa fa-user"></i>
  112.                             </a>
  113.                         </li>
  114.                         <li>
  115.                             <a href="#">
  116.                                 <i class="fa fa-sign-out"></i>
  117.                             </a>
  118.                         </li>
  119.                     </ul>
  120.                 </div>
  121.             </nav>
  122.         </div>
  123.         <div class="wrapper row-offcanvas row-offcanvas-left">
  124.             <div class="left-side sidebar-offcanvas">                
  125.                 <section class="sidebar">
  126.                     <div class="user-panel">
  127.                         <div class="pull-left image">
  128.                             <img src="https://m1.behance.net/profiles17/2638437/26b67a24780cfdee1cb828ee0ce1be43." class="img-circle" alt="User Image" />
  129.                         </div>
  130.                         <div class="pull-left info">
  131.                             <p>Halo, Johar Ngudiono</p>
  132.                             <i class="fa fa-circle text-success"></i> Online
  133.                         </div>
  134.                     </div>
  135.                     <ul class="sidebar-menu">
  136.                         <li class="active">
  137.                             <a href="index.html">
  138.                                 <i class="fa fa-dashboard"></i>
  139.                                 <span>Dashboard</span>
  140.                             </a>
  141.                         </li>
  142.                         <li class="treeview">
  143.                             <a href="javascript:void(0)">
  144.                                 <i class="fa fa-cog"></i>
  145.                                 <span>Konfigurasi</span>
  146.                                 <i class="fa fa-caret-left pull-right"></i>
  147.                             </a>
  148.                             <ul class="treeview-menu">
  149.                                 <li><a href="konfigurasi_umum.html"><i class="fa fa-caret-right"></i>Konfigurasi Umum</a></li>
  150.                                 <li><a href="konfigurasi_rupa.html"><i class="fa fa-caret-right"></i>Konfigurasi Rupa-rupa</a></li>
  151.                                 <li><a href="konfigurasi_email.html"><i class="fa fa-caret-right"></i>Konfigurasi Email</a></li>
  152.                                 <li><a href="template_email.html"><i class="fa fa-caret-right"></i>Template Email</a></li>
  153.                                 <li><a href="customer_servie.html"><i class="fa fa-caret-right"></i>Customer Service</a></li>
  154.                                 <li><a href="konfigurasi_sitemap.html"><i class="fa fa-caret-right"></i>Konfigurasi Sitemap</a></li>
  155.                                 <li><a href="konfigurasi_toko.html"><i class="fa fa-caret-right"></i>Konfigurasi Toko</a></li>
  156.                             </ul>
  157.                         </li>
  158.                         <li class="treeview">
  159.                             <a href="javascript:void(0)">
  160.                                 <i class="fa fa-users"></i>
  161.                                 <span>Pengguna</span>
  162.                                 <i class="fa fa-caret-left pull-right"></i>
  163.                             </a>
  164.                             <ul class="treeview-menu">
  165.                                 <li><a href="kelola_pengguna.html"><i class="fa fa-caret-right"></i>Kelola Pengguna</a></li>
  166.                                 <li><a href="akses_kontrol.html"><i class="fa fa-caret-right"></i>Akses Kontrol</a></li>
  167.                             </ul>
  168.                         </li>
  169.                         <li class="treeview">
  170.                             <a href="javascript:void(0)">
  171.                                 <i class="fa fa-eye"></i>
  172.                                 <span>Tampilan</span>
  173.                                 <i class="fa fa-caret-left pull-right"></i>
  174.                             </a>
  175.                             <ul class="treeview-menu">
  176.                                 <li><a href="kelola_tema.html"><i class="fa fa-caret-right"></i>Kelola Tema</a></li>
  177.                                 <li><a href="kelola_menu.html"><i class="fa fa-caret-right"></i>Kelola Menu</a>
  178.                                     <ul class="child">
  179.                                         <li><a href="kelola_menu_child.html"><i class="fa fa-caret-right"></i>Menu Samping</a></li>
  180.                                         <li><a href="kelola_menu_child.html"><i class="fa fa-caret-right"></i>Menu Bawah</a></li>
  181.                                         <li><a href="kelola_menu_child.html"><i class="fa fa-caret-right"></i>Bawah Logo Tema Pasir</a></li>
  182.                                     </ul>
  183.                                 </li>
  184.                                 <li><a href="kelola_widget.html"><i class="fa fa-caret-right"></i>Kelola Widget</a></li>                                
  185.                             </ul>
  186.                         </li>
  187.                         <li class="treeview">
  188.                             <a href="javascript:void(0)">
  189.                                 <i class="fa fa-picture-o"></i>
  190.                                 <span>Banner</span>
  191.                                 <i class="fa fa-caret-left pull-right"></i>
  192.                             </a>
  193.                             <ul class="treeview-menu">
  194.                                 <li><a href="kelola_banner.html"><i class="fa fa-caret-right"></i>Kelola Banner</a></li>
  195.                                 <li><a href="kelola_zona_banner.html"><i class="fa fa-caret-right"></i>Kelola Zona Banner</a></li>
  196.                             </ul>
  197.                         </li>
  198.                         <li class="treeview">
  199.                             <a href="javascript:void(0)">
  200.                                 <i class="fa fa-file-text"></i>
  201.                                 <span>Konten</span>
  202.                                 <i class="fa fa-caret-left pull-right"></i>
  203.                             </a>
  204.                             <ul class="treeview-menu">
  205.                                 <li><a href="halaman.html"><i class="fa fa-caret-right"></i>Halaman</a></li>
  206.                                 <li><a href="javascript:void(0)"><i class="fa fa-caret-right"></i>Tulisan</a>
  207.                                     <ul class="child">
  208.                                         <li><a href="tulisan.html"><i class="fa fa-caret-right"></i>Tulisan</a></li>
  209.                                         <li><a href="komentar.html"><i class="fa fa-caret-right"></i>Komentar</a></li>
  210.                                         <li><a href="kategori.html"><i class="fa fa-caret-right"></i>Kategori</a></li>
  211.                                     </ul>
  212.                                 </li>
  213.                             </ul>
  214.                         </li>
  215.                         <li class="treeview">
  216.                             <a href="javascript:void(0)">
  217.                                 <i class="fa fa-book"></i>
  218.                                 <span>Katalog</span>
  219.                                 <i class="fa fa-caret-left pull-right"></i>
  220.                             </a>
  221.                             <ul class="treeview-menu">
  222.                                 <li><a href="kelola_produk.html"><i class="fa fa-caret-right"></i>Kelola Produk</a></li>
  223.                                 <li><a href="tambah_produk.html"><i class="fa fa-caret-right"></i>Tambah Produk</a></li>
  224.                                 <li><a href="kategori_produk.html"><i class="fa fa-caret-right"></i>Kategori Produk</a></li>
  225.                                 <li><a href="kelola_opsi_produk.html"><i class="fa fa-caret-right"></i>Kelola Opsi Produk</a></li>
  226.                                 <li><a href="kelola_promosi.html"><i class="fa fa-caret-right"></i>Kelola Promosi</a></li>
  227.                             </ul>
  228.                         </li>
  229.                         <li class="treeview">
  230.                             <a href="javascript:void(0)">
  231.                                 <i class="fa fa-shopping-cart"></i>
  232.                                 <span>Order</span>
  233.                                 <i class="fa fa-caret-left pull-right"></i>
  234.                             </a>
  235.                             <ul class="treeview-menu">
  236.                                 <li><a href="javascript:void(0)"><i class="fa fa-caret-right"></i>Kelola Order</a>
  237.                                     <ul class="child">
  238.                                         <li><a href="kelola_order.html"><i class="fa fa-caret-right"></i>Kelola Order Baru</a></li>
  239.                                         <li><a href="kelola_order.html"><i class="fa fa-caret-right"></i>Kelola Order Terbayar</a></li>
  240.                                         <li><a href="kelola_order.html"><i class="fa fa-caret-right"></i>Kelola Order Diproses</a></li>
  241.                                         <li><a href="kelola_order.html"><i class="fa fa-caret-right"></i>Kelola Order Terkirim</a></li>
  242.                                     </ul>
  243.                                 </li>
  244.                                 <li><a href="javascript:void(0)"><i class="fa fa-caret-right"></i>Pembayaran</a>
  245.                                     <ul class="child">
  246.                                         <li><a href="kelola_pembayaran.html"><i class="fa fa-caret-right"></i>Konfirmasi Pembayaran</a></li>
  247.                                         <li><a href="kelola_bank.html"><i class="fa fa-caret-right"></i>Bank Pembayaran</a></li>
  248.                                     </ul>
  249.                                 </li>
  250.                             </ul>
  251.                         </li>
  252.                         <li class="treeview">
  253.                             <a href="javascript:void(0)">
  254.                                 <i class="fa fa-truck"></i>
  255.                                 <span>Jasa Pengiriman</span>
  256.                                 <i class="fa fa-caret-left pull-right"></i>
  257.                             </a>
  258.                             <ul class="treeview-menu">
  259.                                 <li><a href="jasa_pengiriman.html"><i class="fa fa-caret-right"></i>Jasa Pengiriman</a></li>
  260.                                 <li><a href="kota_tujuan.html"><i class="fa fa-caret-right"></i>Kota Tujuan</a></li>
  261.                                 <li><a href="biaya_pengiriman.html"><i class="fa fa-caret-right"></i>Biaya Pengiriman</a></li>
  262.                             </ul>
  263.                         </li>
  264.                         <li class="treeview">
  265.                             <a href="testimonial.html">
  266.                                 <i class="fa fa-quote-left"></i>
  267.                                 <span>Testimonial</span>
  268.                             </a>
  269.                         </li>
  270.                         <li class="treeview">
  271.                             <a href="email.html">
  272.                                 <i class="fa fa-envelope"></i>
  273.                                 <span>Email</span>
  274.                             </a>
  275.                         </li>
  276.                     </ul>
  277.                 </section>
  278.             </div>
  279.             <div class="right-side">                
  280.                 <div class="content-header">
  281.                     <h1>
  282.                         Dashboard
  283.                         <small>Login Terakhir: 07 Juni 2014 07:00 (202.67.41.51)</small>
  284.                     </h1>
  285.                 </div>
  286.                 <div class="content">
  287.                     <div class="row">
  288.                         <div class="col-xs-6">
  289.                             <div class="box box-primary">
  290.                                 <div class="box-header">
  291.                                     <h3 class="box-title">Ringkasan Order</h3>
  292.                                 </div>
  293.                                 <div class="box-body">
  294.                                     <div class="nav-tabs-custom">
  295.                                         <ul class="nav nav-tabs">
  296.                                             <li class="active"><a href="#tab_1" data-toggle="tab">Order Baru</a></li>
  297.                                             <li><a href="#tab_2" data-toggle="tab">Order Sudah Dibayar</a></li>
  298.                                         </ul>
  299.                                         <div class="tab-content">
  300.                                             <div class="tab-pane active  table-responsive" id="tab_1">
  301.                                                 <table class="table table-bordered">
  302.                                                     <tr>
  303.                                                         <th style="width: 10px">#</th>
  304.                                                         <th>Tanggal Order</th>
  305.                                                         <th>Kode Order</th>
  306.                                                         <th>Nama</th>
  307.                                                     </tr>
  308.                                                     <tr>
  309.                                                         <td>1.</td>
  310.                                                         <td>27 Mei 2014 | 00:38</td>
  311.                                                         <td>#140527-273</td>
  312.                                                         <td>Johar Wahyu N</td>
  313.                                                     </tr>
  314.                                                     <tr>
  315.                                                         <td>2.</td>
  316.                                                         <td>17 April 2014 | 17:11</td>
  317.                                                         <td>#140417-261</td>
  318.                                                         <td>Agung Hercules</td>
  319.                                                     </tr>
  320.                                                     <tr>
  321.                                                         <td>3.</td>
  322.                                                         <td>11 Maret 2014 | 11:07</td>
  323.                                                         <td>#140311-252</td>
  324.                                                         <td>Budiman K Wijaya</td>
  325.                                                     </tr>
  326.                                                     <tr>
  327.                                                         <td>4.</td>
  328.                                                         <td>28 Pebruari 2014 | 23:46</td>
  329.                                                         <td>#140228-248</td>
  330.                                                         <td>Ali Mutahor</td>
  331.                                                     </tr>
  332.                                                     <tr>
  333.                                                         <td>5.</td>
  334.                                                         <td>02 Januari 2014 | 20:16</td>
  335.                                                         <td>#140348-238</td>
  336.                                                         <td>Demo</td>
  337.                                                     </tr>
  338.                                                 </table>
  339.                                             </div>
  340.                                             <div class="tab-pane table-responsive" id="tab_2">
  341.                                                 <table class="table table-bordered">
  342.                                                     <tr>
  343.                                                         <th style="width: 10px">No.</th>
  344.                                                         <th>Tanggal Pembayaran</th>
  345.                                                         <th>Kode Order</th>
  346.                                                         <th>Nama</th>
  347.                                                     </tr>
  348.                                                     <tr>
  349.                                                         <td>1.</td>
  350.                                                         <td>02 Januari 2014 | 20:16</td>
  351.                                                         <td>#140348-238</td>
  352.                                                         <td>Demo</td>
  353.                                                     </tr>
  354.                                                     <tr>
  355.                                                         <td>2.</td>
  356.                                                         <td>28 Pebruari 2014 | 23:46</td>
  357.                                                         <td>#140228-248</td>
  358.                                                         <td>Ali Mutahor</td>
  359.                                                     </tr>
  360.                                                     <tr>
  361.                                                         <td>3.</td>
  362.                                                         <td>11 Maret 2014 | 11:07</td>
  363.                                                         <td>#140311-252</td>
  364.                                                         <td>Budiman K Wijaya</td>
  365.                                                     </tr>
  366.                                                     <tr>
  367.                                                         <td>4.</td>
  368.                                                         <td>27 Mei 2014 | 00:38</td>
  369.                                                         <td>#140527-273</td>
  370.                                                         <td>Johar Wahyu N</td>
  371.                                                     </tr>
  372.                                                     <tr>
  373.                                                         <td>5.</td>
  374.                                                         <td>17 April 2014 | 17:11</td>
  375.                                                         <td>#140417-261</td>
  376.                                                         <td>Agung Hercules</td>
  377.                                                     </tr>
  378.                                                 </table>
  379.                                             </div>
  380.                                         </div>
  381.                                     </div>
  382.                                 </div>
  383.                             </div>
  384.                         </div>
  385.                         <div class="col-xs-6">
  386.                             <div class="box box-info">
  387.                                 <div class="box-header">
  388.                                     <h3 class="box-title">Info Hosting</h3>
  389.                                 </div>
  390.                                 <div class="box-body no-padding">
  391.                                     <table class="table table-striped">
  392.                                         <tr>
  393.                                             <th>Keterangan</th>
  394.                                             <th>Pemakaian</th>
  395.                                             <th>Maksimal</th>
  396.                                         </tr>
  397.                                         <tr>
  398.                                             <td>Disk Space</td>
  399.                                             <td>16.75 MB</td>
  400.                                             <td>100 MB</td>
  401.                                         </tr>
  402.                                         <tr>
  403.                                             <td>Bandwidth</td>
  404.                                             <td>27.55 MB</td>
  405.                                             <td>10 GB</td>
  406.                                         </tr>
  407.                                         <tr>
  408.                                             <td>Email</td>
  409.                                             <td>1</td>
  410.                                             <td>3</td>
  411.                                         </tr>
  412.                                     </table>
  413.                                 </div>
  414.                                 <div class="callout callout-info">
  415.                                     <h4>Info:</h4>
  416.                                     <p>Hosting diupdate secara berkala! </p>
  417.                                 </div>
  418.                             </div>
  419.                         </div>
  420.                     </div>
  421.                 </div>
  422.                 <div class="footer padding">
  423.                     Developed by <b><a href="http://www.indowebmedia.com/">IndoWebMedia.com</a></b><br>
  424.                     <span>Rendered in 0.0464 seconds, using 5.77MB of memory.</span>
  425.                 </div>
  426.             </div>
  427.         </div>
  428.        
  429.     </body>
  430. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!