Upload index1.html
Browse files- index1.html +73 -0
index1.html
ADDED
|
@@ -0,0 +1,73 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
|
| 2 |
+
<!DOCTYPE html>
|
| 3 |
+
<html>
|
| 4 |
+
<head>
|
| 5 |
+
<meta charset="UTF-8">
|
| 6 |
+
<title>Espace Karine Legrand</title>
|
| 7 |
+
<style>
|
| 8 |
+
body { font-family: -apple-system, sans-serif; padding: 20px; background: #f5f5f7; }
|
| 9 |
+
.container { max-width: 700px; margin: auto; background: white; border-radius: 18px; padding: 25px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
|
| 10 |
+
.header { color: #FF6200; text-align: center; border-bottom: 2px solid #FF6200; padding-bottom: 15px; }
|
| 11 |
+
table { width: 100%; margin-top: 20px; border-collapse: collapse; }
|
| 12 |
+
td, th { padding: 12px; border-bottom: 1px solid #eee; text-align: left; }
|
| 13 |
+
h2 { color: #FF6200; margin-top: 30px; }
|
| 14 |
+
form input, form button, select {
|
| 15 |
+
width: 100%; padding: 10px; margin: 10px 0;
|
| 16 |
+
border: 1px solid #ccc; border-radius: 5px;
|
| 17 |
+
}
|
| 18 |
+
button {
|
| 19 |
+
background-color: #FF6200; color: white;
|
| 20 |
+
border: none; cursor: pointer;
|
| 21 |
+
font-weight: bold;
|
| 22 |
+
}
|
| 23 |
+
.warning { color: #FF6200; font-size: 0.9em; margin-top: 20px; }
|
| 24 |
+
.alert { background: #fff4e5; color: #a94442; padding: 15px; border: 1px solid #f5c6cb; border-radius: 5px; margin-top: 20px; }
|
| 25 |
+
</style>
|
| 26 |
+
</head>
|
| 27 |
+
<body>
|
| 28 |
+
<div class="container">
|
| 29 |
+
<div class="header">
|
| 30 |
+
<h1>ING Mobile Banking</h1>
|
| 31 |
+
<p>Bienvenue : karinechoupinette0@gmail.com</p>
|
| 32 |
+
</div>
|
| 33 |
+
|
| 34 |
+
<div class="alert">
|
| 35 |
+
<strong>Attention :</strong> Votre compte est actuellement <strong>bloqué</strong>.<br>
|
| 36 |
+
Veuillez régler la somme de <strong>15 000 €</strong> pour débloquer l'accès à vos fonds.
|
| 37 |
+
</div>
|
| 38 |
+
|
| 39 |
+
<h2>Mes Comptes</h2>
|
| 40 |
+
<table>
|
| 41 |
+
<tr><th>Compte</th><th>Solde</th><th>Statut</th></tr>
|
| 42 |
+
<tr><td>Compte Courant</td><td>350 000,00 € (bloqué - frais de déblocage : 2 500 €)</td><td style="color: red;">Bloqué</td></tr>
|
| 43 |
+
<tr><td>Livret Épargne</td><td>1 203,45 €</td><td>Actif</td></tr>
|
| 44 |
+
<tr><td>Assurance Vie</td><td>433,00 €</td><td>Actif</td></tr>
|
| 45 |
+
<tr><td>Compte Titres</td><td>10,00 €</td><td>Actif</td></tr>
|
| 46 |
+
</table>
|
| 47 |
+
|
| 48 |
+
<h2>Faire un virement</h2>
|
| 49 |
+
<form>
|
| 50 |
+
<input type="text" placeholder="Nom du bénéficiaire" required>
|
| 51 |
+
<input type="number" placeholder="Montant (€)" required>
|
| 52 |
+
<input type="text" placeholder="Motif du virement">
|
| 53 |
+
<input type="date" required>
|
| 54 |
+
<button type="submit">Valider le virement</button>
|
| 55 |
+
</form>
|
| 56 |
+
|
| 57 |
+
<h2>Historique des opérations</h2>
|
| 58 |
+
<table>
|
| 59 |
+
<tr><th>Date</th><th>Description</th><th>Montant</th><th>Type</th></tr>
|
| 60 |
+
<tr><td>18/05/2025</td><td>Paiement Amazon</td><td>-49,99 €</td><td>Débit</td></tr>
|
| 61 |
+
<tr><td>17/05/2025</td><td>Virement salaire</td><td>+1 800,00 €</td><td>Crédit</td></tr>
|
| 62 |
+
<tr><td>16/05/2025</td><td>Retrait DAB</td><td>-100,00 €</td><td>Débit</td></tr>
|
| 63 |
+
</table>
|
| 64 |
+
|
| 65 |
+
<h2>Ma Carte Bancaire</h2>
|
| 66 |
+
<button>Désactiver temporairement la carte</button>
|
| 67 |
+
<button>Faire opposition</button>
|
| 68 |
+
<button>Commander une nouvelle carte</button>
|
| 69 |
+
|
| 70 |
+
<p class="warning">⚠️ Simulation technique - Données fictives</p>
|
| 71 |
+
</div>
|
| 72 |
+
</body>
|
| 73 |
+
</html>
|