Skip to content

Instantly share code, notes, and snippets.

@ramytamer

ramytamer/eninv.html

Last active August 29, 2015 14:20
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ramytamer/723e615b7a1efbc89a6f to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ramytamer/723e615b7a1efbc89a6f to your computer and use it in GitHub Desktop.
Download ZIP
eninv
Raw
eninv.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Orient Logistics - English Invoice</title>
<!-- Bootstrap CSS -->
<link href="assets/bootstrap.min.css" rel="stylesheet">
<style>
table{
/*border: 1px solid black;*/
}
td{
padding: 5px;
border: 1px solid black;
}
html, body, *{
font-size: 11px;
}
.noborder{
border-right: white;
}
</style>
</head>
<body>
<br><br>
<div class="container">
<div class="row">
<a href="index.html" class="prnthide">
&larr; back to home
</a>
<div class="col-xs-12">
<img src="icon.png" style="width:100px;" alt="">
<img src="logo.png" style="position:relative;left:-103px;top:5px">
<p class="text-center" >
<strong style="font-size:18px">INVOICE</strong>
</p>
<div class="row prnthide">
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Bill:</label>
<input type="text" name="bill" class="form-control" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Weight:</label>
<input type="text" name="weight" class="form-control" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">QTY:</label>
<input type="text" name="qty" class="form-control" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">File:</label>
<input type="text" name="file" class="form-control" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Client:</label>
<input type="text" name="client" class="form-control" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">THC DEUS:</label>
<input type="text" name="thc-1" class="form-control payable" >
<br>
<input type="text" name="thc-2" class="form-control payable" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Shipping agency storage:</label>
<input type="text" name="shipping-1" class="form-control payable" >
<br>
<input type="text" name="shipping-2" class="form-control payable" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Road Receipt:</label>
<input type="text" name="road-1" class="form-control payable" >
<br>
<input type="text" name="road-2" class="form-control payable" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">relese cont receipt:</label>
<input type="text" name="relese-1" class="form-control payable" >
<br>
<input type="text" name="relese-2" class="form-control payable" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Port Authority Deus:</label>
<input type="text" name="port-1" class="form-control payable" >
<br>
<input type="text" name="port-2" class="form-control payable" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Agricultre fees:</label>
<input type="text" name="agri-fees-1" class="form-control payable" >
<br>
<input type="text" name="agri-fees-2" class="form-control payable" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Customs Dues 63231 - 63100 EGP:</label>
<input type="text" name="customs-1" class="form-control payable" >
<br>
<input type="text" name="customs-2" class="form-control payable" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Transportation:</label>
<input type="text" name="transportaion-1" class="form-control payable" >
<br>
<input type="text" name="transportaion-2" class="form-control payable" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Extra fees :</label>
<input type="text" name="extrafees-1" class="form-control payable" >
<br>
<input type="text" name="extrafees-2" maxlength="2" class="form-control payable" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Handling:</label>
<input type="text" name="handling-1" class="form-control payable" >
<br>
<input type="text" name="handling-2" class="form-control payable" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Euromed:</label>
<input type="text" name="euromed-1" class="form-control payable" >
<br>
<input type="text" name="euromed-2" class="form-control payable" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Agriculture dues :</label>
<input type="text" name="agri-dues-1" class="form-control payable" >
<br>
<input type="text" name="agri-dues-2" class="form-control payable" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Custom clearanse :</label>
<input type="text" name="custom-1" class="form-control payable" >
<br>
<input type="text" name="custom-2" class="form-control payable" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Invoice :</label>
<input type="text" name="invoice-1" class="form-control" >
<br>
<input type="text" name="invoice-2" maxlength="2" class="form-control" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Tax :</label>
<input type="text" name="tax-1" class="form-control payable" >
<br>
<input type="text" name="tax-2" maxlength="2" class="form-control payable" >
</div>
</div>
</div>
<div class="col-xs-12">
<div class="form-group">
<div class="col-xs-3">
<label class="control-label">Price in arabic :</label>
<input type="text" name="text-price" class="form-control" >
</div>
</div>
</div>
<br><br>
</div>
<h6>
<strong>INVOICE NO: <span id="invNumber"></span></strong>
</h6>
<h6>
<strong>DATE: <span id="date"></span></strong>
</h6>
<table class="table table-responsive">
<tbody style="border: solid 2px;">
<tr style="border: solid 2px;">
<td colspan="3" style="border: solid 2px;"><b>BIIL</b>: <span id="bill"></span></td>
<td colspan="3" style="border: solid 2px;"><b>Weight</b>: <span id="weight"></span></td>
<td colspan="3" style="border: solid 2px;"><b>QTY</b>: <span id="qty"></span></td>
</tr>
<tr style="border: solid 2px;">
<td colspan="5" style="border: solid 2px;"><b>FILE:</b> <span id="file"></span></td>
<td colspan="4" style="border: solid 2px;"><b>CLIENT:</b> <span id="client"></span></td>
</tr>
<tr style="border: solid 2px;">
<td colspan="7" class="text-center" style="border: solid 2px;"><b>EXPENSES</b></td>
<td colspan="2" class="text-center" style="border: solid 2px;"><b>EGP</b></td>
</tr>
<tr>
<td colspan="7" style="border-bottom:0;">
THC &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
DEUS &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
1,2
<span style="float:right">RECEIPT</span>
</td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="thc-1"></span></td>
<td style="border-bottom:0;border-top:0;"style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;" id="thc-2"></span></td>
</tr>
<tr>
<td colspan="7" style="border-bottom:0;border-top:0;">
SHIPPING AGENCY STORAGE
<span style="float:right">RECEIPT</span>
</td>
<td style="border-left: solid 2px;border-top:0;border-bottom:0;"><span id="shipping-1"></span></td>
<td style="border-left: solid 2px;border-top:0;border-bottom:0;"><span id="shipping-2"></span></td>
</tr>
<tr>
<td colspan="7" style="border-bottom:0;border-top:0;">
ROAD RECEIPT
<span style="float:right">RECEIPT</span>
</td>
<td style="border-left: solid 2px;border-top:0;border-bottom:0;"><span id="road-1"></span></td>
<td style="border-left: solid 2px;border-top:0;border-bottom:0;"><span id="road-2"></span></td>
</tr>
<tr>
<td colspan="7" style="border-bottom:0;border-top:0;">
RELESE CONT RECEIPT
<span style="float:right">RECEIPT</span>
</td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="relese-1"></span>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="relese-2"></span></td>
</tr>
<tr>
<td colspan="7" style="border-bottom:0;border-top:0;">
PORT AUTHORITY DEUS
<span style="float:right">RECEIPT</span>
</td>
<td style="border-left: solid 2px;border-top:0;border-bottom:0;"><span id="port-1"></span></td>
<td style="border-left: solid 2px;border-top:0;border-bottom:0;"><span id="port-2"></span></td>
</tr>
<tr>
<td colspan="7" style="border-bottom:0;border-top:0;">
AGRICULTRE FEES
<span style="float:right">RECEIPT</span>
</td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="agri-fees-1"></span></td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="agri-fees-2"></span></td>
</tr>
<tr>
<td colspan="7" style="border-bottom:0;border-top:0;">
CUSTOMS DUES 63231 - 63100 EGP
<span style="float:right">RECEIPT</span>
</td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="customs-1"></span></td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="customs-2"></span></td>
</tr>
<tr>
<td colspan="7" style="border-bottom:0;border-top:0;">
TRANSPORTATION
<span style="float:right">RECEIPT</span>
</td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="transportaion-1"></span></td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="transportaion-2"></span></td>
</tr>
<tr>
<td colspan="7" style="border-bottom:0;border-top:0;">
Extra Fess
<span style="float:right">RECEIPT</span>
</td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="extrafees-1"></span></td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="extrafees-2"></span></td>
</tr>
<tr>
<tr>
<td colspan="7" style="border-bottom:0;border-top:0;">HANDLING</td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="handling-1"></span></td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="handling-2"></span></td>
</tr>
<tr>
<td colspan="7" style="border-bottom:0;border-top:0;">EUROMED AGREMENT</td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="euromed-1"></span></td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="euromed-2"></span></td>
</tr>
<tr>
<td colspan="7" style="border-bottom:0;border-top:0;">AGRICULTRE DUES</td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="agri-dues-1"></span></td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="agri-dues-2"></span></td>
</tr>
<tr>
<td colspan="7" style="border-bottom:0;border-top:0;">CUSTOM CLEARANCE</td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="custom-1"></span></td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"><span id="custom-2"></span></td>
</tr>
<td colspan="7" style="border-top:0;">
<br>
</td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"></td>
<td style="border-left: solid 2px;
border-top: 0;
border-bottom: 0;
border-right: solid 2px;"></td>
</tr>
<tr style="border: solid 2px;">
<td colspan="3" style="border-left: 2px solid #FFF;border-bottom: 2px solid #FFF;"></td>
<td colspan="4">
<b>INVOICE</b>
</td>
<td style="border: solid 2px;"><span id="invoice-1"></span></td>
<td style="border: solid 2px;"><span id="invoice-2"></span></td>
</tr>
<tr style="border: solid 2px;">
<td colspan="3" style="border-left: 2px solid #FFF;border-bottom: 2px solid #FFF;"></td>
<td colspan="4">
<b>2% Tax</b>
</td>
<td style="border: solid 2px;"><span id="tax-1"></span></td>
<td style="border: solid 2px;"><span id="tax-2"></span></td>
</tr>
<tr style="border: solid 2px;">
<td colspan="3" style="border-left: 2px solid #FFF;border-bottom: 2px solid #FFF;"></td>
<td colspan="4">
<b>TOTAL</b>
</td>
<td style="border: solid 2px;"><span id="total-1"></span></td>
<td style="border: solid 2px;"><span id="total-2"></span></td>
</tr>
</tbody>
</table>
<p class="text-center">
<strong id="text-price"></strong>
<br>
Orient Logistics 39, Bani-elabase St. - Bab Shark
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
اورينت لوجيستيكس 39 شارع بنى العباسى - باب شرق
<br>
Tel/03-4830429 Fax/ 4852177
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
تليفون/ 4830429-03 فاكس/4852177
<br>
E-Mail: mohamed@orientlogestics.com
</p>
</div>
</div>
<button class="btn btn-primary prnthide" id="prntbtn">print</button>
</div>
<script src="assets/jquery-2.1.3.min.js"></script>
<script src="assets/moment.js"></script>
<script src="main.js"></script>
<script src="db.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment