bram4627's picture
new file
07dae1c verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Error - Gold Price Prediction</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<style>
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
}
.gold-accent {
color: #FFD700;
}
.navbar-brand {
font-weight: bold;
}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark gradient-bg">
<div class="container">
<a class="navbar-brand" href="/">
<i class="fas fa-coins gold-accent"></i>
Gold Price Predictor
</a>
</div>
</nav>
<!-- Error Content -->
<div class="container my-5">
<div class="row justify-content-center">
<div class="col-md-8 text-center">
<div class="alert alert-danger" role="alert">
<i class="fas fa-exclamation-triangle fa-3x mb-3"></i>
<h4 class="alert-heading">Oops! Terjadi Kesalahan</h4>
<p>{{ error }}</p>
<hr>
<p class="mb-0">
<a href="/" class="btn btn-primary">
<i class="fas fa-home"></i> Kembali ke Beranda
</a>
</p>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="gradient-bg text-center py-4 mt-5 fixed-bottom">
<div class="container">
<p class="mb-0">&copy; 2025 Kelompok 4 - Sistem Prediksi Harga Emas.</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>