init biotest web

one-klinik-biotest/nota.html

@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>Nota Home Service</title>
+
+		<style>
+			.invoice-box {
+				width: 80mm;
+				margin: auto;
+				padding: 10px;
+				border: 1px solid #eee;
+				box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
+				font-size: 16px;
+				line-height: 24px;
+				font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
+				color: #555;
+			}
+
+			.invoice-box table {
+				width: 100%;
+				line-height: inherit;
+				text-align: left;
+			}
+
+			.invoice-box table td {
+				padding: 5px;
+				vertical-align: top;
+			}
+
+			.invoice-box table tr td:nth-child(2) {
+				text-align: right;
+			}
+
+			.invoice-box table tr.top table td {
+				padding-bottom: 20px;
+			}
+
+			.invoice-box table tr.top table td.title {
+				font-size: 45px;
+				line-height: 45px;
+				color: #000;
+			}
+.alamat {
+				font-size: 20px;
+ 
+				color: #000;
+			}
+
+
+			.invoice-box table tr.information table td {
+				padding-bottom: 40px;
+			}
+
+			.invoice-box table tr.heading td {
+				background: #eee;
+				border-bottom: 1px solid #ddd;
+				font-weight: bold;
+			}
+
+			.invoice-box table tr.details td {
+				padding-bottom: 20px;
+			}
+
+			.invoice-box table tr.item td {
+				border-bottom: 1px solid #eee;
+			}
+
+			.invoice-box table tr.item.last td {
+				border-bottom: none;
+			}
+
+			.invoice-box table tr.total td:nth-child(2) {
+				border-top: 2px solid #eee;
+				font-weight: bold;
+			}
+
+			@media only screen and (max-width: 600px) {
+				.invoice-box table tr.top table td {
+					width: 100%;
+					display: block;
+					text-align: center;
+				}
+
+				.invoice-box table tr.information table td {
+					width: 100%;
+					display: block;
+					text-align: center;
+				}
+			}
+
+			/** RTL **/
+			.invoice-box.rtl {
+				direction: rtl;
+				font-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
+			}
+
+			.invoice-box.rtl table {
+				text-align: right;
+			}
+
+			.invoice-box.rtl table tr td:nth-child(2) {
+				text-align: left;
+			}
+		</style>
+	</head>
+
+	<body>
+		<div class="invoice-box">
+			<table cellpadding="0" cellspacing="0">
+				<tr class="top">
+					<td colspan="2">
+						<table>
+							<tr>
+								<td class="title">
+									
+									<img src="/one-ui/libs/image/logoone.png" style="width: 100%; max-width: 75px" />
+								</td>
+								 
+
+
+								<td>
+									NOTA HOME SERVICE </br>
+								</td>
+
+ 
+
+							</tr>
+						</table>
+					</td>
+				</tr>
+
+				<tr class="alamat">
+					<td colspan="2">
+						<table>
+							<tr>
+								<td>
+									ARI ANTONI KALBUADI<br />
+									 TRO2207260003<br />
+									 28-07-2022 <br />
+									Jl. Brigjen Katamso II, Bandilan, Kedungrejo, Kec. Waru, Kabupaten Sidoarjo, Jawa Timur 61256, Indonesia<br />
+									 
+								</td>
+
+								 
+							</tr>
+						</table>
+					</td>
+				</tr>
+
+				<tr class="heading">
+					<td>Pemeriksaan</td>
+
+					<td>Harga</td>
+				</tr>
+
+				<tr class="details">
+					<td>SGOT</td>
+
+					<td>10.000</td>
+				</tr>
+
+				 <tr class="item">
+					<td> </td>
+
+					<td> </td>
+				</tr>
+
+				<tr class="item">
+					<td>Sub Total</td>
+
+					<td>10.000</td>
+				</tr>
+
+				<tr class="item">
+					<td>Biaya Layanan</td>
+
+					<td>0</td>
+				</tr>
+
+				<tr class="item">
+					<td>Biaya HS</td>
+
+					<td>5.000</td>
+				</tr>
+				<tr class="item">
+					<td>Biaya Minimal</td>
+
+					<td>15.000</td>
+				</tr>
+
+
+				<tr class="total">
+					<td> Total</td>
+
+					<td>30.000</td>
+				</tr>
+			</table>
+		</div>
+	</body>
+</html>