mirror of
https://github.com/ND-Framework/ND_Core.git
synced 2026-08-17 22:06:02 +01:00
40 lines
2.0 KiB
HTML
40 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="style.css">
|
|
<script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" data-auto-a11y="true"></script>
|
|
<script src="js/jquery-3.6.0.min.js" type="text/javascript"></script>
|
|
<script src="js/listener.js" type="text/javascript"></script>
|
|
</head>
|
|
<body>
|
|
<section id="overlay">
|
|
<div id="info">
|
|
<img src="img/mazebank.png" id="logo">
|
|
<p id="date"></p>
|
|
<p id="time"></p>
|
|
<hr id="redline">
|
|
<hr id="redbox">
|
|
<p id="welcome">Welcome back</p>
|
|
<h1 id="playername">John Doe</h1>
|
|
</div>
|
|
<form id="atm">
|
|
<p id="balance"></p>
|
|
<input id="enteredAmount" class="input" type="number" placeholder="AMOUNT" min="10" max="2500">
|
|
<button id="withdrawButton" class="input"><i class="fas fa-coins"></i> WITHDRAW</button>
|
|
<button id="depositButton" class="input"><i class="fas fa-credit-card"></i> DEPOSIT</button>
|
|
</form>
|
|
<div id="loader"></div>
|
|
<div id="confirmationScreen">
|
|
<p id="confirmText">Are you sure you'd like to perform this action</p>
|
|
<button id="confirmButton" type="submit" form="atm" class="input"><i class="fas fa-check-circle"></i> CONFIRM</button>
|
|
<button id="cancelButton" type="reset" form="atm" class="input"><i class="fas fa-times-circle"></i> CANCEL</button>
|
|
</div>
|
|
<div id="successScreen">
|
|
<p id="confirmText">Success!</p>
|
|
<button id="mainMenuButton" type="reset" form="atm" class="input"><i class="fas fa-chevron-circle-left"></i> BACK TO MAIN MENU</button>
|
|
</div>
|
|
<button id="closeButton" type="reset" form="atm" class="input"><i class="fas fa-sign-out-alt"></i> EXIT</button>
|
|
</section>
|
|
</body>
|
|
</html> |