123 lines
5.7 KiB
PHP
123 lines
5.7 KiB
PHP
<?php
|
|
$frameworks = [
|
|
[
|
|
'id' => 'nis2',
|
|
'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' => 'assets/images/pexels/10330117.jpg',
|
|
'alt' => 'Stylized image of the EU flag representing the NIS2 directive.'
|
|
],
|
|
[
|
|
'id' => 'dora',
|
|
'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' => 'assets/images/pexels/159888.jpg',
|
|
'alt' => 'Image of a modern financial district representing the DORA regulation.'
|
|
],
|
|
[
|
|
'id' => 'iso27001',
|
|
'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' => 'assets/images/pexels/3829224.jpg',
|
|
'alt' => 'Image of a person working with a certified quality standard document, representing ISO 27001.'
|
|
]
|
|
];
|
|
?>
|
|
<!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" href="/">Frameworks</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="vision_demo.php">Vision Demo</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Dashboard</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="pricing.php">Pricing</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="contact.php">Contact</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="login.php">Login</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="register.php">Register</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="framework.php?id=<?php echo $framework['id']; ?>" 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>
|