Skip to content

Instantly share code, notes, and snippets.

@yogaswara

yogaswara/rma.html

Created February 4, 2013 06:10
Show Gist options
  • Save yogaswara/4705257 to your computer and use it in GitHub Desktop.
Save yogaswara/4705257 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
rma.html
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />
<title>Request Material Authorization</title>
<!-- Included CSS Files (Compressed) -->
<link rel="stylesheet" href="stylesheets/foundation.css">
<link rel="stylesheet" href="stylesheets/app.css">
<!--<script src="modernizr.foundation.js"></script>-->
<!-- jQuery -->
<script src="javascripts/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('span a').click(function() {
window.print();
return false;
});
});
</script>
</head>
<body>
<!-- Header and Nav -->
<div class="row">
<div class="three columns">
<h1><img src="huawei.png" class="inline"/></h1>
</div>
<div class="nine columns">
<ul class="nav-bar right">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Help</a></li>
</ul>
</div>
</div>
<!-- End Header and Nav -->
<!-- Main Page -->
<div class="row">
<div class="twelve columns">
<div class="ten columns"></div>
<div class="two columns right">
<span>
<a href="#print" >
<img src="icon_print.gif" title="Print this Page" /> Print This Page
</a>
</span>
</div>
<h4>REQUEST MATERIAL AUTHORIZATION</h4><br />
<div class="row">
<div class="four columns">
<label class="inline">MDN number</label>
</div>
<div class="seven columns">
<label class="inline">121203-948-24</label>
</div>
</div>
<hr />
<p><strong>Requested Module : </strong></p>
<p>Please provide the following Module(s) within contracted MTTR:</p>
<table class="twelve">
<thead>
<tr>
<th class="inline">Nr.</th>
<th>BOM Code</th>
<th>Description</th>
<th>Serial No.</th>
<th>RMA No.</th>
<th>Qty</th>
<th>Site ID/Name</th>
<th>Remark</th>
</tr>
</thead>
<tbody>
<tr>
<td class="inline right">1</td>
<td>3065</td>
<td>PSC6-A</td>
<td>C08953.B3B</td>
<td>123451cd</td>
<td>MBULIANHC</td>
<td></td>
</tr>
<tr>
<td class="inline right">2</td>
<td>3065</td>
<td>SWCOP-A</td>
<td>C08953.B3B</td>
<td>234523ak</td>
<td>MBULIANHC</td>
<td></td>
</tr>
</tbody>
</table>
<hr />
<p><strong>Delivery Address:</strong></p>
<p>please deliver the Module(s) to the following address for Area:</p>
<table class="twelve">
<thead>
<tr>
<th class="inline">Officer</th>
<th>Address</th>
<th>Region</th>
<th>Request by</th>
<th>Phone</th>
<th>Fax</th>
</tr>
</thead>
<tbody>
<tr>
<td class="inline right">1</td>
<td>3065</td>
<td>PSC6-A</td>
<td>C08953.B3B</td>
<td>123451cd</td>
<td>MBULIANHC</td>
</tr>
<tr>
<td class="inline right">2</td>
<td>3065</td>
<td>SWCOP-A</td>
<td>C08953.B3B</td>
<td>234523ak</td>
<td>MBULIANHC</td>
</tr>
</tbody>
</table>
<hr />
<div class="row">
<div class="three columns">
<p><strong>Date and Time : </strong></p>
</div>
<div class="two columns">
<label class="inline"><input type="checkbox" id="checkbox1"> WIB</label>
</div>
<div class="two columns">
<label class="inline"><input type="checkbox" id="checkbox2"> WITA</label>
</div>
<div class="five columns">
<label class="inline"><input type="checkbox" id="checkbox3"> WIT</label>
</div>
</div>
<table class="twelve">
<thead>
<tr>
<th colspan="5">Initial Request (HUAWEI)</th>
<th colspan="5">Request Received (Call Center)</th>
</tr>
<tr>
<th colspan="3">Date</th>
<th class="inline">Time</th>
<th>Reference</th>
<th colspan="3">Date</th>
<th class="inline">Time</th>
<th>Call Center Officer</th>
</tr>
</thead>
<tbody>
<tr>
<td class="inline">01</td>
<td class="inline">01</td>
<td class="inline">01</td>
<td>08.00</td>
<td>PSC6-A</td>
<td class="inline">01</td>
<td class="inline">01</td>
<td class="inline">01</td>
<td>09.30</td>
<td>PSC6-A</td>
</tr>
<tr>
<td class="inline">01</td>
<td class="inline">01</td>
<td class="inline">01</td>
<td>10.30</td>
<td>PSC6-A</td>
<td class="inline">01</td>
<td class="inline">01</td>
<td class="inline">01</td>
<td>15.10</td>
<td>PSC6-A</td>
</tr>
</tbody>
</table>
<hr/>
<p><strong>Service Level Agreement on Time: </strong></p>
<table class="twelve">
<thead>
<tr>
<th class="inline">Company</th>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<th>Consignee</th>
<th></th>
<th>Delivered by</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td class="inline">Signature</td>
<td></td>
<td>Signature</td>
<td></td>
</tr>
<tr>
<td class="inline">Date/Time</td>
<td>01/02/2013</td>
<td>Date/Time</td>
<td>01/02/2013</td>
</tr>
</tbody>
</table>
<p>Note: </p>
<br/><br/><br/>
<hr/>
<!-- End Main Page -->
<!-- Footer -->
<footer class="row">
<div class="twelve columns">
<div class="row">
<div class="six columns">
<p>&copy; Copyright 2013 Sparelog.</p>
</div>
<div class="six columns">
<ul class="link-list right">
<li><a href="#">Home</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment