111 lines
5.2 KiB
PHP
111 lines
5.2 KiB
PHP
<?php
|
|
$frameworks = [
|
|
[
|
|
'name' => 'NIS2 Directive',
|
|
'description' => 'An EU-wide legislation on cybersecurity. It provides legal measures to boost the overall level of cybersecurity in the EU.',
|
|
'image' => 'https://picsum.photos/seed/nis2/400/300',
|
|
'alt' => 'Abstract image representing the NIS2 directive.'
|
|
],
|
|
[
|
|
'name' => 'DORA',
|
|
'description' => 'The Digital Operational Resilience Act is an EU regulation that creates a binding, comprehensive information and communication technology (ICT) risk management framework for the EU financial sector.',
|
|
'image' => 'https://picsum.photos/seed/dora/400/300',
|
|
'alt' => 'Abstract image representing the DORA regulation.'
|
|
],
|
|
[
|
|
'name' => 'ISO 27001',
|
|
'description' => 'An international standard on how to manage information security. It details requirements for establishing, implementing, maintaining and continually improving an Information Security Management System (ISMS).',
|
|
'image' => 'https://picsum.photos/seed/iso27001/400/300',
|
|
'alt' => 'Abstract image representing the ISO 27001 standard.'
|
|
]
|
|
];
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ComplianceOS - Frameworks</title>
|
|
<meta name="description" content="A tool to manage and assess compliance with regulatory and standard requirements like NIS2, DORA, and ISO 27001.">
|
|
|
|
<!-- Google Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
|
|
|
<!-- Custom CSS -->
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-light sticky-top">
|
|
<div class="container">
|
|
<a class="navbar-brand fw-bold" href="#"><i class="bi bi-shield-check"></i> ComplianceOS</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" aria-current="page" href="#">Frameworks</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Gaps</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Dashboard</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="contact.php">Contact</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<header class="hero text-center">
|
|
<div class="container">
|
|
<h1 class="display-4 fw-bold">Compliance Frameworks</h1>
|
|
<p class="lead">Translate abstract requirements into measurable, checkable safeguards.</p>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="container my-5">
|
|
<div class="row g-4">
|
|
<?php foreach ($frameworks as $framework): ?>
|
|
<div class="col-lg-4 col-md-6 d-flex align-items-stretch">
|
|
<div class="card w-100">
|
|
<img src="<?php echo htmlspecialchars($framework[''''image'''']); ?>" class="card-img-top" alt="<?php echo htmlspecialchars($framework[''''alt'''']); ?>">
|
|
<div class="card-body d-flex flex-column">
|
|
<h5 class="card-title fw-bold"><?php echo htmlspecialchars($framework[''''name'''']); ?></h5>
|
|
<p class="card-text flex-grow-1"><?php echo htmlspecialchars($framework[''''description'''']); ?></p>
|
|
<a href="#" class="btn btn-primary mt-auto">View Details</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="footer mt-auto py-3">
|
|
<div class="container text-center">
|
|
<span class="text-muted">© <?php echo date("Y"); ?> ComplianceOS. All Rights Reserved.</span>
|
|
<div class="mt-2">
|
|
<small class="text-muted">
|
|
PHP: <?php echo phpversion(); ?> | Current time: <?php echo date('Y-m-d H:i:s'); ?> | <a href="/healthz">Health Check</a>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Bootstrap JS -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
<!-- Custom JS -->
|
|
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
|
|
|
</body>
|
|
</html>
|