Kész
This commit is contained in:
parent
06c2e9f70e
commit
e8dc77a44c
|
@ -1,3 +1,10 @@
|
|||
#tartalom {
|
||||
width: 800px;
|
||||
margin: auto;
|
||||
background-color: darkgray;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
@ -9,8 +16,39 @@ h2 {
|
|||
table {
|
||||
border: 2px solid black;
|
||||
border-collapse: collapse;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
th, td {
|
||||
border: 1px solid black;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
tfoot th:first-child {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
thead, tfoot {
|
||||
color: white;
|
||||
background-color: #262626;
|
||||
}
|
||||
|
||||
img {
|
||||
height: 75px;
|
||||
}
|
||||
|
||||
.cw-120 {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.cw-200 {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.cw-100 {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.cw-50 {
|
||||
width: 50px;
|
||||
}
|
100
megrendeles.html
100
megrendeles.html
|
@ -1,5 +1,6 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="hu">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
@ -7,59 +8,74 @@
|
|||
<title>Megrendelés</title>
|
||||
<link rel="stylesheet" href="megrendeles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Megrendelés részletek</h1>
|
||||
<div id="tartalom">
|
||||
<h1>Megrendelés részletek</h1>
|
||||
<h2>Rendelés száma: 2</h2>
|
||||
<table>
|
||||
<colgroup>
|
||||
<col class="cw-120">
|
||||
<col class="cw-200">
|
||||
<col class="cw-100">
|
||||
<col class="cw-100">
|
||||
<col class="cw-50">
|
||||
<col class="cw-100">
|
||||
</colgroup>
|
||||
|
||||
|
||||
<thead>
|
||||
<tr>
|
||||
<th colspan="2">Termék neve</th>
|
||||
<th>Mennyiség</th>
|
||||
<th>Nettó egységár</th>
|
||||
<th>ÁFA %</th>
|
||||
<th>Bruttó ár</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tr>
|
||||
<th colspan="2">Termék neve</th>
|
||||
<th>Mennyiség</th>
|
||||
<th>Nettó ár</th>
|
||||
<th></th>
|
||||
<th></th>
|
||||
<th></th>
|
||||
<td><img src="polo.png" alt="póló"></td>
|
||||
<td>Póló L-es</td>
|
||||
<td>2 db</td>
|
||||
<td>1 495 Ft</td>
|
||||
<td>27%</td>
|
||||
<td>3 798 Ft</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><img src="polo.png" alt="póló"></td>
|
||||
<td>Póló S-es</td>
|
||||
<td>2 db</td>
|
||||
<td>1 495 Ft</td>
|
||||
<td>27%</td>
|
||||
<td>3 798 Ft</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><img src="bogre.png" alt="bögre"></td>
|
||||
<td>Bögre</td>
|
||||
<td>1 db</td>
|
||||
<td>1 567 Ft</td>
|
||||
<td>27%</td>
|
||||
<td>1 991 Ft</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><img src="sapka.png" alt="sapka"></td>
|
||||
<td>Baseball sapka</td>
|
||||
<td>1 db</td>
|
||||
<td>3 142 Ft</td>
|
||||
<td>27%</td>
|
||||
<td>3 990 Ft</td>
|
||||
</tr>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th colspan="5">Összesen:</th>
|
||||
<th>13 576 Ft</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
|
||||
<p><b>Rendelés állapota: futárnak átadva</b></p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
Loading…
Reference in New Issue
Block a user