unschön
This commit is contained in:
@@ -1,77 +1,136 @@
|
||||
{{ define "layout" }}
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<meta name="description" content="HiKoS">
|
||||
<title>HiKoS</title>
|
||||
<link rel="icon" type="image/vnd.icon" href="/static/img/favicon.ico">
|
||||
<link rel="stylesheet" href="/static/css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div id="bereich-a">
|
||||
<div class="top">
|
||||
<div>Formular 1</div> <!-- Entspricht der Breite der ersten 4 unteren Spalten -->
|
||||
<div>Formular 2</div>
|
||||
<div>Formular 3</div>
|
||||
<div>Formular 4</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 27.5%">
|
||||
<col style="width: 7.5%">
|
||||
<col style="width: 7.5%">
|
||||
<col style="width: 7.5%">
|
||||
<col style="width: 5%">
|
||||
<col style="width: 7.5%">
|
||||
<col style="width: 10%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Spalte 1</th>
|
||||
<th>Spalte 2</th>
|
||||
<th>Spalte 3</th>
|
||||
<th>Spalte 4</th>
|
||||
<th>Spalte 5</th>
|
||||
<th>Spalte 6</th>
|
||||
<th>Spalte 7</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Teil 1</td>
|
||||
<td>Teil 2</td>
|
||||
<td>Teil 3</td>
|
||||
<td>Teil 4</td>
|
||||
<td>Teil 5</td>
|
||||
<td>Teil 6</td>
|
||||
<td>Teil 7</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Teil 8</td>
|
||||
<td>Teil 9</td>
|
||||
<td>Teil 10</td>
|
||||
<td>Teil 11</td>
|
||||
<td>Teil 12</td>
|
||||
<td>Teil 13</td>
|
||||
<td>Teil 14</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="bereich-b">
|
||||
<div class="top">
|
||||
<div>Formular 1</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div>Teil 1</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<meta name="description" content="HiKoS">
|
||||
<title>HiKoS</title>
|
||||
<link rel="icon" type="image/vnd.icon" href="/static/img/favicon.ico">
|
||||
<link rel="stylesheet" href="/static/css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div id="bereich-a">
|
||||
<div class="top">
|
||||
<input type="text" placeholder="A 1" />
|
||||
<input type="text" placeholder="B 2" />
|
||||
<input type="text" placeholder="C 3" />
|
||||
<input type="text" placeholder="D 4" />
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 27.5%">
|
||||
<col style="width: 7.5%">
|
||||
<col style="width: 7.5%">
|
||||
<col style="width: 7.5%">
|
||||
<col style="width: 5%">
|
||||
<col style="width: 7.5%">
|
||||
<col style="width: 10%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Spalte 1</th>
|
||||
<th>Spalte 2</th>
|
||||
<th>Spalte 3</th>
|
||||
<th>Spalte 4</th>
|
||||
<th>Spalte 5</th>
|
||||
<th>Spalte 6</th>
|
||||
<th>Spalte 7</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Teil 1</td>
|
||||
<td>Teil 2</td>
|
||||
<td>Teil 3</td>
|
||||
<td>Teil 4</td>
|
||||
<td>Teil 5</td>
|
||||
<td>Teil 6</td>
|
||||
<td>Teil 7</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Teil 8</td>
|
||||
<td>Teil 9</td>
|
||||
<td>Teil 10</td>
|
||||
<td>Teil 11</td>
|
||||
<td>Teil 12</td>
|
||||
<td>Teil 13</td>
|
||||
<td>Teil 14</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="bereich-b">
|
||||
<div class="top">
|
||||
<input type="text" placeholder="E 5" />
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 100%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Spalte 1</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
<tr><td>Teil 1</td></tr>
|
||||
<tr><td>Teil 2</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
Reference in New Issue
Block a user