Skip to content

Instantly share code, notes, and snippets.

@yogaswara

yogaswara/rmr.html

Created January 28, 2013 03:44
Show Gist options
  • Save yogaswara/4652853 to your computer and use it in GitHub Desktop.
Save yogaswara/4652853 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
rmr.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>Replace Modul Request</title>
<!-- Included CSS Files (Compressed) -->
<link rel="stylesheet" href="foundation.css">
<link rel="stylesheet" href="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>REPLACE MODULE REQUEST</h4><br />
<div class="row">
<div class="four columns">
<label class="inline">RMR reference number</label>
</div>
<div class="seven columns">
<input type="text" disabled placeholder="121203-948-24" class="five"/>
</div>
</div>
<hr />
<p><strong>Requested Module : JA10Bi</strong></p>
<p>Please provide the following Module(s) within contracted MTTR:</p>
<table class="twelve">
<thead>
<tr>
<th class="inline">Nr.</th>
<th>Type</th>
<th>Name</th>
<th>HW code/ID</th>
<th class="inline">QTY</th>
<th>Site/Remaks</th>
</tr>
</thead>
<tbody>
<tr>
<td class="inline right">1</td>
<td>3065</td>
<td>PSC6-A</td>
<td>C08953.B3B</td>
<td>1</td>
<td>MBULIANHC</td>
</tr>
<tr>
<td class="inline right">2</td>
<td>3065</td>
<td>SWCOP-A</td>
<td>C08953.B3B</td>
<td>1</td>
<td>MBULIANHC</td>
</tr>
<tr>
<td class="inline right">3</td>
<td>3065</td>
<td>ESB26</td>
<td>C108885C.01</td>
<td>1</td>
<td>MBULIANHC</td>
</tr>
</tbody>
</table>
<hr />
<p><strong>Delivery Address : JA10Bi</strong></p>
<p>Please deliver the Module(s) to the following address for area: ____________________</p>
<table class="twelve">
<thead>
<tr>
<th>NSN Office</th>
<th>Address</th></th>
<th>Region</th>
<th>Requested by</th>
<th>Phone</th>
<th>Fax</th>
</tr>
</thead>
<tbody>
<tr>
<td>Robby.FH</td>
<td>Jl. Moh. Toha No.3</td>
<td>2</td>
<td>Eza</td>
<td></td>
<td></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 (NSN)</th>
<th colspan="5">Request Received (CC)</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 Centre Officer</th>
</tr>
</thead>
<tbody>
<tr>
<td class="inline">01</td>
<td class="inline">01</td>
<td class="inline">01</td>
<td>3065</td>
<td>PSC6-A</td>
<td class="inline">01</td>
<td class="inline">01</td>
<td class="inline">01</td>
<td>3065</td>
<td>PSC6-A</td>
</tr>
<tr>
<td class="inline">01</td>
<td class="inline">01</td>
<td class="inline">01</td>
<td>3065</td>
<td>PSC6-A</td>
<td class="inline">01</td>
<td class="inline">01</td>
<td class="inline">01</td>
<td>3065</td>
<td>PSC6-A</td>
</tr>
</tbody>
</table>
<hr />
<div class="row">
<div class="three columns">
<p><strong>Request type : </strong></p>
</div>
<div class="two columns">
<label class="inline"><input type="checkbox" id="checkbox1"> Fax</label>
</div>
<div class="seven columns">
<label class="inline"><input type="checkbox" id="checkbox2"> Mail</label>
</div>
</div>
<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