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/b1d52ce1d5646c72a477 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ramytamer/b1d52ce1d5646c72a477 to your computer and use it in GitHub Desktop.
Download ZIP
english invoice
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="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/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" >
<br>
<input type="text" name="thc-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">Shipping agency storage:</label>
<input type="text" name="shipping-1" class="form-control" >
<br>
<input type="text" name="shipping-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">Road Receipt:</label>
<input type="text" name="road-1" class="form-control" >
<br>
<input type="text" name="road-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">relese cont receipt:</label>
<input type="text" name="relese-1" class="form-control" >
<br>
<input type="text" name="relese-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">Port Authority Deus:</label>
<input type="text" name="port-1" class="form-control" >
<br>
<input type="text" name="port-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">Agricultre fees:</label>
<input type="text" name="agri-fees-1" class="form-control" >
<br>
<input type="text" name="agri-fees-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">Customs Dues 63231 - 63100 EGP:</label>
<input type="text" name="customs-1" class="form-control" >
<br>
<input type="text" name="customs-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">Transportation:</label>
<input type="text" name="transportaion-1" class="form-control" >
<br>
<input type="text" name="transportaion-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">Handling:</label>
<input type="text" name="handling-1" class="form-control" >
<br>
<input type="text" name="handling-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">Euromed:</label>
<input type="text" name="euromed-1" class="form-control" >
<br>
<input type="text" name="euromed-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">Agriculture dues :</label>
<input type="text" name="agri-dues-1" class="form-control" >
<br>
<input type="text" name="agri-dues-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">Custom clearanse :</label>
<input type="text" name="custom-1" class="form-control" >
<br>
<input type="text" name="custom-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">Invoice :</label>
<input type="text" name="invoice-1" class="form-control" >
<br>
<input type="text" name="invoice-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">Price in arabic :</label>
<input type="text" name="text-price" class="form-control" >
</div>
</div>
</div>
<br><br>
</div>
<h6>
<strong>INVOICE NO: 000040</strong>
</h6>
<h6>
<strong>DATE: <span id="date"></span></strong>
</h6>
<table class="table table-responsive">
<tbody>
<tr>
<td colspan="3"><b>BIIL</b>: <span id="bill"></span></td>
<td colspan="3"><b>Weight</b>: <span id="weight"></span></td>
<td colspan="3"><b>QTY</b>: <span id="qty"></span></td>
</tr>
<tr>
<td colspan="5"><b>FILE:</b> <span id="file"></span></td>
<td colspan="4"><b>CLIENT:</b> <span id="client"></span></td>
</tr>
<tr>
<td colspan="7" class="text-center"><b>EXPENSES</b></td>
<td colspan="2" class="text-center"><b>EGP</b></td>
</tr>
<tr>
<td colspan="7">
THC &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
DEUS &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
1,2
<span style="float:right">RECEIPT</span>
</td>
<td><span id="thc-1"></span></td>
<td><span id="thc-2"></span></td>
</tr>
<tr>
<td colspan="7">
SHIPPING AGENCY STORAGE
<span style="float:right">RECEIPT</span>
</td>
<td><span id="shipping-1"></span></td>
<td><span id="shipping-2"></span></td>
</tr>
<tr>
<td colspan="7">
ROAD RECEIPT
<span style="float:right">RECEIPT</span>
</td>
<td><span id="road-1"></span></td>
<td><span id="road-2"></span></td>
</tr>
<tr>
<td colspan="7">
RELESE CONT RECEIPT
<span style="float:right">RECEIPT</span>
</td>
<td><span id="relese-1"></span></td>
<td><span id="relese-2"></span></td>
</tr>
<tr>
<td colspan="7">
PORT AUTHORITY DEUS
<span style="float:right">RECEIPT</span>
</td>
<td><span id="port-1"></span></td>
<td><span id="port-2"></span></td>
</tr>
<tr>
<td colspan="7" >
AGRICULTRE FEES
<span style="float:right">RECEIPT</span>
</td>
<td><span id="agri-fees-1"></span></td>
<td><span id="agri-fees-2"></span></td>
</tr>
<tr>
<td colspan="7">
CUSTOMS DUES 63231 - 63100 EGP
<span style="float:right">RECEIPT</span>
</td>
<td><span id="customs-1"></span></td>
<td><span id="customs-2"></span></td>
</tr>
<tr>
<td colspan="7">
TRANSPORTATION
<span style="float:right">RECEIPT</span>
</td>
<td><span id="transportaion-1"></span></td>
<td><span id="transportaion-2"></span></td>
</tr>
<tr>
<td colspan="9">
</td>
</tr>
<tr>
<td colspan="7">HANDLING</td>
<td><span id="handling-1"></span></td>
<td><span id="handling-2"></span></td>
</tr>
<tr>
<td colspan="7">EUROMED AGREMENT</td>
<td><span id="euromed-1"></span></td>
<td><span id="euromed-2"></span></td>
</tr>
<tr>
<td colspan="7">AGRICULTRE DUES</td>
<td><span id="agri-dues-1"></span></td>
<td><span id="agri-dues-2"></span></td>
</tr>
<tr>
<td colspan="7">CUSTOM CLEARANCE</td>
<td><span id="custom-1"></span></td>
<td><span id="custom-2"></span></td>
</tr>
<tr>
<td colspan="7">
<br>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="4">
<b>INVOICE</b>
</td>
<td><span id="invoice-1"></span></td>
<td><span id="invoice-2"></span></td>
<td colspan="3"></td>
</tr>
<tr>
<td colspan="4">
<b>2% Tax</b>
</td>
<td><span id="tax-1"></span></td>
<td><span id="tax-2"></span></td>
<td colspan="3"></td>
</tr>
<tr>
<td colspan="4">
<b>TOTAL</b>
</td>
<td><span id="total-1"></span></td>
<td><span id="total-2"></span></td>
<td colspan="3"></td>
</tr>
</tbody>
</table>
<p class="text-center">
<strong id="text-price">فقط و قدرة عشره الاف و اربعمائه ثلاثه و اربعون جنيه و 20 قروش لاغر</strong>
<br>
Orient Logistics 19, Elpharana St. - Bab Shark
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
أورينت لوجيستكس 19 شارع الفراعنة - باب شرق
<br>
Tel \ fax 4852177
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
تليفون/فاكس 4852177
<br>
E-Mail: mohamed@orientlogestics.com
</p>
</div>
</div>
<button class="btn btn-primary prnthide" id="prntbtn">print</button>
</div>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="assets/moment.js"></script>
<script src="main.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment