<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bank Dashboard - Heritage Premium</title>
<style>
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 20px;
background-color: #f7f9fa;
color: #2c2e2f;
line-height: 1.6;
}
.container {
max-width: 900px;
margin: 0 auto;
background-color: #ffffff;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
}
.header {
text-align: center;
padding: 20px;
border-bottom: 2px solid #e6e6e6;
}
.header h1 {
font-size: 28px;
color: #0070ba;
margin: 0;
}
.balance {
text-align: center;
font-size: 36px;
color: #000;
margin: 20px 0;
font-weight: bold;
}
.account-settings, .login-section, .withdrawal-options {
margin: 20px 0;
padding: 20px;
background-color: #f0f4f8;
border-radius: 8px;
}
.withdrawal-options h2 {
font-size: 24px;
color: #0070ba;
margin-bottom: 15px;
}
.method {
display: flex;
align-items: center;
margin: 15px 0;
padding: 10px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 5px;
}
.method img {
width: 40px;
margin-right: 15px;
}
.method form {
flex-grow: 1;
}
.method label {
display: block;
margin: 5px 0 2px;
font-weight: bold;
}
.method input, .method select {
width: 100%;
padding: 8px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
.method button {
background-color: #0070ba;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.method button:hover {
background-color: #005f9e;
}
.vat-activation {
margin-top: 10px;
color: #ff4444;
font-weight: bold;
}
.login-section form {
display: flex;
flex-direction: column;
max-width: 300px;
margin: 0 auto;
}
.login-section input {
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 4px;
}
.login-section button {
background-color: #28a745;
color: #fff;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
}
.login-section button:hover {
background-color: #218838;
}
.support {
text-align: center;
margin-top: 20px;
color: #666;
}
.support a {
color: #0070ba;
text-decoration: none;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>Heritage Premium Bank Dashboard</h1>
</div>
<div class="balance">$1,200.00</div>
<div class="account-settings">
<h2>Account Settings</h2>
<p>Account Status: Open<br>
Add Country & Currency: <select><option
value="USD">USD</option><option value="EUR">EUR</option><option
value="NGN">NGN</option></select><br>
Submit ID Card: <input type="file" accept="image/*"></p>
</div>
<div class="login-section">
<h2>Login / Demo Account</h2>
<form>
<label for="email">Email:</label>
<input type="email" id="email" value="ambrosegeorge1230@gmail.com"
readonly>
<label for="password">Password:</label>
<input type="password" id="password" value="123giftbruno" readonly>
<button type="button">Login</button>
</form>
<p><em>Demo account only. For real access, register with valid
credentials.</em></p>
</div>
<div class="withdrawal-options">
<h2>Withdrawal Options</h2>
<div class="method">
<img src="https://via.placeholder.com/40?text=Bank" alt="Bank
Icon">
<form>
<label>Account Number:</label><input type="text"
placeholder="Enter account number">
<label>Account Name:</label><input type="text"
placeholder="Enter account name">
<label>IBAN/SWIFT:</label><input type="text" placeholder="Enter
IBAN or SWIFT">
<label>Amount:</label><input type="number" placeholder="Enter
amount">
<button type="submit">Conclude Withdrawal</button>
</form>
</div>
<div class="method">
<img src="https://via.placeholder.com/40?text=Crypto" alt="Crypto
Icon">
<form>
<label>Cryptocurrency:</label>
<select>
<option value="bitcoin">Bitcoin</option>
<option value="trc20">TRC20</option>
<option value="ethereum">Ethereum</option>
</select>
<label>Wallet Address:</label><input type="text"
placeholder="Enter wallet address">
<label>Amount:</label><input type="number" placeholder="Enter
amount">
<button type="submit">Conclude Withdrawal</button>
</form>
</div>
<div class="method">
<img src="https://via.placeholder.com/40?text=PayPal" alt="PayPal
Icon">
<form>
<label>Email:</label><input type="email" placeholder="Enter
PayPal email">
<label>Amount:</label><input type="number" placeholder="Enter
amount">
<button type="submit">Conclude Withdrawal</button>
</form>
</div>
<div class="method">
<img src="https://via.placeholder.com/40?text=Skrill" alt="Skrill
Icon">
<form>
<label>Email:</label><input type="email" placeholder="Enter
Skrill email">
<label>Amount:</label><input type="number" placeholder="Enter
amount">
<button type="submit">Conclude Withdrawal</button>
</form>
</div>
<div class="method">
<img src="https://via.placeholder.com/40?text=GooglePay"
alt="Google Pay Icon">
<form>
<label>UPI ID:</label><input type="text" placeholder="Enter UPI
ID">
<label>Amount:</label><input type="number" placeholder="Enter
amount">
<button type="submit">Conclude Withdrawal</button>
</form>
</div>
<div class="method">
<img src="https://via.placeholder.com/40?text=WU" alt="Western
Union Icon">
<form>
<label>Phone Number:</label><input type="tel"
placeholder="Enter phone number">
<label>Name:</label><input type="text" placeholder="Enter
name">
<label>ZIP Code:</label><input type="text" placeholder="Enter
ZIP code">
<label>Amount:</label><input type="number" placeholder="Enter
amount">
<button type="submit">Conclude Withdrawal</button>
</form>
</div>
<div class="method">
<img src="https://via.placeholder.com/40?text=Wise" alt="Wise
Icon">
<form>
<label>Email:</label><input type="email" placeholder="Enter
Wise email">
<label>Amount:</label><input type="number" placeholder="Enter
amount">
<button type="submit">Conclude Withdrawal</button>
</form>
</div>
<div class="method">
<img src="https://via.placeholder.com/40?text=Payoneer"
alt="Payoneer Icon">
<form>
<label>Account Number:</label><input type="text"
placeholder="Enter account number">
<label>Amount:</label><input type="number" placeholder="Enter
amount">
<button type="submit">Conclude Withdrawal</button>
</form>
</div>
<div class="vat-activation">
<p>After inputting withdrawal details, activate your VAT Code and
contact Live Support for verification. <a
href="mailto:support@heritagepremium.com">support@heritagepremium.com</a> or call
+1-800-555-1234.</p>
</div>
</div>
<div class="support">
<p>Need help? Contact Live Support: <a
href="mailto:support@heritagepremium.com">support@heritagepremium.com</a> | +1-800-
555-1234</p>
</div>
</div>
</body>
</html>
