Untitled
unknown
plain_text
a year ago
12 kB
16
Indexable
<!DOCTYPE html>
<html>
<head>
<title>tables</title>
</head>
<style>
table{
border: 2px solid brown;
border-spacing: 0;
border-radius: 10px;
text-align: right;
}
td{
border: 1px solid black;
background-color: brown ;
opacity: 0.6;
font-family: Bahnschrift condensed;
text-align: left;
color: white;
}
tr{
border: 1px solid black;
}
td.white{
background-color: white;
}
th{
border: 1px solid brown;
background-color: rgb(217, 77, 77) ;
font-family: Bahnschrift condensed;
text-align: center;
}
</style>
<body>
<img src="Jison.jpg" style="height: 50px; width: 50px; padding: 10px; border: 1px solid brown; border-style: dashed; margin-bottom: 20px;">
<table>
<tr>
<td>DEPARTMENT</th>
<td class="white"; style="width: 150px;"></td>
</tr>
<tr>
<td>CONTACT PERSON</td>
<td class="white"; style="width: 150px;"></td>
</tr>
<tr>
<td>CONTACT PHONE</td>
<td class="white"; style="width: 150px;"></td>
</tr>
<tr>
<td>CONTACT EMAIL</td>
<td class="white"; style="width: 150px;"></td>
</tr>
<tr>
<td>APPROVED BY DEPT HEAD</td>
<td class="white"; style="width: 150px;"></td>
</tr>
<tr>
<td>APPROVED BY BUDGET APPROVAL</td>
<td class="white"; style="width: 150px;"></td>
</tr>
<tr>
<td>RECEIVED BY</td>
<td class="white"; style="width: 150px;"></td>
</tr>
</table>
<table style="position: absolute; top: 104px; right: 620px; ">
<tr>
<td>DATE OF ORDER</th>
<td class="white"; style="width: 150px;"></td>
</tr>
<tr>
<td>DATE APPROVED</td>
<td class="white"; style="width: 150px;"></td>
</tr>
<tr>
<td>DATE RECEIVED</td>
<td class="white"; style="width: 150px;"></td>
</tr>
</table>
<table style="margin-top: 20px;">
<tr>
<th style="opacity: 0.6; color: white; background-color: brown;">ITEM#</th>
<th style="opacity: 0.6; background-color: brown; color: white;">DESCRIPTION</th>
<th style="opacity: 0.6;background-color: brown; color: white;">QTY</th>
<th style="opacity: 0.6;background-color: brown; color: white;">Unit Price</th>
<th style="opacity: 0.6;background-color: brown; color: white;">TOTAL</th>
</tr>
<tr>
<td style="height: 20px; width: 80px; background-color: white; color: black; text-align: center;">Milk</td>
<td style="height: 20px; width: 300px; background-color: white; color: black; text-align: center;">Bahug duga</td>
<td style="height: 20px; width: 50px; background-color: white; color: black; text-align: center;">1 patak</td>
<td style="height: 20px; width: 80px; background-color: white; color: black; text-align: center;">$50</td>
<td style="height: 20px; width: 80px; color: black;background-color: white; font-weight: bold;">$50</td>
</tr>
<tr>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">Itlog</td>
<td style="height: 20px; width: 300px; background-color: white;color: black; text-align: center;">Boguk</td>
<td style="height: 20px; width: 50px; background-color: white;color: black; text-align: center;">2 pcs</td>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">$100</td>
<td style="height: 20px; width: 80px; color: black;background-color: white; font-weight: bold;">$200</td>
</tr>
<tr>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">napkin</td>
<td style="height: 20px; width: 300px; background-color: white;color: black; text-align: center;">unli wings</td>
<td style="height: 20px; width: 50px; background-color: white;color: black; text-align: center;">1 pcs</td>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">$10</td>
<td style="height: 20px; width: 80px; color: black;background-color: white; font-weight: bold;">$10</td>
</tr>
<tr>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">Milo</td>
<td style="height: 20px; width: 300px; background-color: white;color: black; text-align: center;">expired</td>
<td style="height: 20px; wicolor: black; text-align: center;dth: 50px; background-color: white;color: black; text-align: center;">10 pcs</td>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">$15</td>
<td style="height: 20px; width: 80px; color: black;background-color: white; font-weight: bold;">$150</td>
</tr>
<tr>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">chicken</td>
<td style="height: 20px; width: 300px; background-color: white;color: black; text-align: center;">unli rice</td>
<td style="height: 20px; width: 50px; background-color: white;color: black; text-align: center;">2 pcs</td>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">$50</td>
<td style="height: 20px; width: 80px; color: black;background-color: white; font-weight: bold;">$100</td>
</tr>
<tr>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">Bread</td>
<td style="height: 20px; width: 300px; background-color: white;color: black; text-align: center;"> with cheese</td>
<td style="height: 20px; width: 50px; background-color: white;color: black; text-align: center;">5 pcs</td>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">$5</td>
<td style="height: 20px; width: 80px; color: black;background-color: white; font-weight: bold;">$25</td>
</tr>
<tr>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">Carrots</td>
<td style="height: 20px; width: 300px; background-color: white;color: black; text-align: center;">naay daot</td>
<td style="height: 20px; width: 50px; background-color: white;color: black; text-align: center;">5 pcs</td>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">$15</td>
<td style="height: 20px; width: 80px; color: black; background-color: white; font-weight: bold;">$75</td>
</tr>
<tr>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">Shampoo</td>
<td style="height: 20px; width: 300px; background-color: white;color: black; text-align: center;">With Conditioner</td>
<td style="height: 20px; width: 50px; background-color: white;color: black; text-align: center;">5 pcs</td>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">$5</td>
<td style="height: 20px; width: 80px; color: black;background-color: white; font-weight: bold;">$25</td>
</tr>
<tr>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">SOAP</td>
<td style="height: 20px; width: 300px; background-color: white;color: black; text-align: center;">SAFEGUARD</td>
<td style="height: 20px; width: 50px; background-color: white;color: black; text-align: center;">3 pcs</td>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">$7</td>
<td style="height: 20px; width: 80px; color: black;background-color: white; font-weight: bold;">$21</td>
</tr>
<tr>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">SHIRT</td>
<td style="height: 20px; width: 300px; background-color: white;color: black; text-align: center;">WAY LABA</td>
<td style="height: 20px; width: 50px; background-color: white;color: black; text-align: center;">1 pcs</td>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">$100</td>
<td style="height: 20px; width: 80px; color: black; background-color: white; font-weight: bold;">$100</td>
</tr>
<tr>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">PANTS</td>
<td style="height: 20px; width: 300px; background-color: white;color: black; text-align: center;">naay gisi</td>
<td style="height: 20px; width: 50px; background-color: white;color: black; text-align: center;">1 pcs</td>
<td style="height: 20px; width: 80px; background-color: white;color: black; text-align: center;">$200</td>
<td style="height: 20px; width: 80px; background-color: white; color: black; font-weight: bold; color: black;">$200</td>
</tr>
</table>
<table style="border: 0px;">
<tr style="border: 0px;">
<td style="border: 0px; height: 20px; width: 80px; background-color: white;"></td>
<td style="border: 0px; height: 20px; width: 300px; background-color: white;"></td>
<td style="border: 0px; height: 20px; width: 50px; background-color: white;"></td>
<td style="border: 0px; text-align: center; padding-left: 10px; height: 20px; width: 80px; background-color: white; color: black; font-weight: bold;">SUBTOTAL</td>
<td style="padding-left:5px; border:0px; margin:2px;float: right; border:border: 1px solid rgb(96, 13, 13); font-weight: bold; border-radius: 10px; color: black;">$ 956 </td>
</tr>
</table>
<table>
<tr style="opacity:0.6;">
<th style="height:20px; text-align: center;opacity: 0.8;width: 608px; color: white; background-color: brown;">COMMENTS</th>
</tr>
<tr>
<td style="height:20px; text-align: center; background-color: white; padding-top: 10px; padding-bottom: 50px; font-size: 10px; color: black;">Create a customized order form using the templates from Edit.org</td>
</table>
</body>
</html>
Editor is loading...
Leave a Comment