eclass.unmer.ac.id

<!DOCTYPE html>

<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  
  <title>Invoice (Print version) - Pages - PixelAdmin: Responsive Bootstrap Template</title>

<script>function _pxDemo_loadStylesheet(a,b,c){var c=c||decodeURIComponent((new RegExp(";\\s*"+encodeURIComponent("px-demo-theme")+"\\s*=\\s*([^;]+)\\s*;","g").exec(";"+document.cookie+";")||[])[1]||"clean"),d="rtl"===document.getElementsByTagName("html")[0].getAttribute("dir");document.write(a.replace(/^(.*?)((?:\.min)?\.css)$/,'<link href="$1'+(c.indexOf("dark")!==-1&&a.indexOf("/css/")!==-1&&a.indexOf("/themes/")===-1?"-dark":"")+(!d||0!==a.indexOf("assets/css")&&0!==a.indexOf("assets/demo")?"":".rtl")+'$2" rel="stylesheet" type="text/css"'+(b?'class="'+b+'"':"")+">"))}</script>

<script>"ltr"!==document.getElementsByTagName("html")[0].getAttribute("dir")&&"1"===decodeURIComponent((new RegExp(";\\s*"+encodeURIComponent("px-demo-rtl")+"\\s*=\\s*([^;]+)\\s*;","g").exec(";"+document.cookie+";")||[])[1]||"0")&&document.getElementsByTagName("html")[0].setAttribute("dir","rtl");</script>

<script>
    _pxDemo_loadStylesheet('assets/css/bootstrap.min.css', 'px-demo-stylesheet-bs');
    _pxDemo_loadStylesheet('assets/css/pixeladmin.min.css', 'px-demo-stylesheet-core');
  </script>

<script>
    function _pxDemo_loadTheme(a){var b=decodeURIComponent((new RegExp(";\\s*"+encodeURIComponent("px-demo-theme")+"\\s*=\\s*([^;]+)\\s*;","g").exec(";"+document.cookie+";")||[])[1]||"clean");_pxDemo_loadStylesheet(a+b+".min.css","px-demo-stylesheet-theme",b)}
    _pxDemo_loadTheme('assets/css/themes/');
  </script>

<script>_pxDemo_loadStylesheet('assets/demo/demo.css');</script>

<script src="assets/pace/pace.min.js"></script>

<style>
    html,
    body {
      height: auto !important;
      width: 100% !important;
      max-height: none !important;
      min-height: 0 !important;
      color: #000 !important;
      background: #fff !important;
    }

html {
      overflow: auto !important;
    }

body {
      overflow: visible !important;
    }

* {
      border-color: #aaa !important;
    }
  </style>
  
</head>
<body>
  <div style="min-width: 768px;">
    <div class="panel-body p-a-4 b-b-1">
      <div class="box m-a-0">
        <div class="box-row valign-middle">

<div class="box-cell col-xs-8">
            <div class="display-inline-block m-r-3 valign-middle">
              <strong>PixelAdmin</strong>
              <div class="font-size-18 font-weight-bold line-height-1">INVOICE #244</div>
            </div>

<div class="display-inline-block p-l-1 b-l-1 valign-middle font-size-12">
              <div>PixelAdmin Ltd.</div>
              <div>330 North Brand Boulevard</div>
              <div>Glendale, CA 91203, USA</div>
            </div>
          </div>

<div class="panel-body p-a-4 b-b-1">
      <div class="box m-a-0">
        <div class="box-row valign-middle">
          <div class="box-cell col-xs-6 font-size-14">
            <div><strong>Mr. John Smith</strong></div>
            <div>New York, Pass Avenue, 109</div>
            <div>10012 NY, USA</div>
          </div>

<div class="box-cell col-xs-6 p-y-2">
            <div class="pull-xs-right font-size-24"><strong>$4,657.75</strong></div>
            <div class="pull-xs-right m-y-1 p-r-2 font-size-12"><strong>TOTAL:</strong></div>
          </div>
        </div>
      </div>
    </div>

<div class="panel-body p-a-4">
      <table class="table m-a-0">
        <thead>
          <tr>
            <th class="p-x-2">
              Task description
            </th>
            <th class="p-x-2">
              Rate
            </th>
            <th class="p-x-2">
              Hours
            </th>
            <th class="p-x-2">
              Line total
            </th>
          </tr>
        </thead>
        <tbody class="font-size-14">
          <tr>
            <td class="p-a-2">
              <div class="font-weight-semibold">Website design and development</div>
              <div class="font-size-12">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</div>
            </td>
            <td class="p-a-2">
              <strong>$50.00</strong>
            </td>
            <td class="p-a-2">
              <strong>50</strong>
            </td>
            <td class="p-a-2">
              <strong>$2,500.00</strong>
            </td>
          </tr>
          <tr>
            <td class="p-a-2">
              <div class="font-weight-semibold">Branding</div>
              <div class="font-size-12">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</div>
            </td>
            <td class="p-a-2">
              <strong>$47.95</strong>
            </td>
            <td class="p-a-2">
              <strong>45</strong>
            </td>
            <td class="p-a-2">
              <strong>$2,157.75</strong>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

$(function() {
      pxDemo.initializeDemoSidebar();

$('#px-demo-sidebar').pxSidebar();
      pxDemo.initializeDemo();
    });
  </script>

window.onload = function () {
      window.print();
    };
  </script>
</body>
</html>