File size: 2,096 Bytes
090987a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}BERNAMA Fact Check{% endblock %}</title>
{% load static %}
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-...hash..." crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="{% static 'js/DataTables/datatables.min.css' %}">
<link rel="icon" href="{% static 'favicon.ico' %}" type="image/x-icon">
<!-- Optional: Custom dark mode toggle -->
<style>
body.dark-mode {
background-color: #121212;
color: #f8f9fa;
}
body.dark-mode .bg-light {
background-color: #1f1f1f !important;
}
body.dark-mode .text-muted {
color: #adb5bd !important;
}
</style>
</head>
<body class="dark-mode">
<!-- Hero Section -->
<section class="py-5 bg-light text-center shadow">
<div class="container">
<h1 class="display-5 fw-bold mb-3">AI Feature Testing Bed</h1>
<p class="lead text-muted mb-4">Experiment with cutting-edge AI modules like Face Recognition and Speech Transcription in one place.</p>
<a href="/#features" class="btn btn-primary btn-lg">Explore Features</a>
</div>
</section>
<!-- Main Section -->
<section class="py-5">
<div class="container">
{% block content %}{% endblock %}
</div>
</section>
<!-- Footer -->
<footer class="text-center py-4 text-muted">
© 2025 BERNAMA Fact Check. All rights reserved.
</footer>
<!-- Bootstrap JS Bundle (with Popper) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="{% static 'js/DataTables/datatables.min.js' %}"></script>
{% block scripts %}{% endblock %}
</body>
</html>
|