45 lines
1.4 KiB
HTML
45 lines
1.4 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<main id="app" class="hidden">
|
||
<section class="bank">
|
||
<header>
|
||
<div>
|
||
<p>LOS SANTOS FINANCIAL</p>
|
||
<h1>Banking</h1>
|
||
</div>
|
||
<button id="close" aria-label="Schließen">×</button>
|
||
</header>
|
||
|
||
<div id="error" class="error hidden"></div>
|
||
|
||
<section class="account">
|
||
<div><span>KONTO</span><strong id="accountName">–</strong></div>
|
||
<div><span>KONTONUMMER</span><strong id="accountNumber">–</strong></div>
|
||
<div class="balance"><span>VERFÜGBAR</span><strong id="balance">0 $</strong></div>
|
||
</section>
|
||
|
||
<section class="columns">
|
||
<form id="transferForm">
|
||
<h2>Überweisung</h2>
|
||
<label>Empfängerkonto<input name="destination" placeholder="LS0000000000" required></label>
|
||
<label>Betrag<input name="amount" type="number" min="1" step="1" required></label>
|
||
<label>Verwendungszweck<input name="reference" maxlength="140" value="Überweisung"></label>
|
||
<button type="submit">Überweisen</button>
|
||
</form>
|
||
|
||
<div>
|
||
<h2>Letzte Buchungen</h2>
|
||
<div id="transactions" class="transactions"></div>
|
||
</div>
|
||
</section>
|
||
</section>
|
||
</main>
|
||
<script src="app.js"></script>
|
||
</body>
|
||
</html>
|