From 8e88192aeafe8080f2e310fca431eba863b2e51d Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Tue, 23 Sep 2025 14:27:36 +0000 Subject: [PATCH] 00 --- assets/css/custom.css | 47 +++++++++ assets/js/main.js | 1 + index.php | 220 ++++++++++++++++++------------------------ 3 files changed, 144 insertions(+), 124 deletions(-) create mode 100644 assets/css/custom.css create mode 100644 assets/js/main.js diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..789e87a --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,47 @@ + +:root { + --bs-primary-rgb: 74, 144, 226; /* for Bootstrap components */ + --primary-color: #4A90E2; + --secondary-color: #50E3C2; + --bg-color: #F4F7F9; + --surface-color: #FFFFFF; + --text-color: #333333; +} + +body { + font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + background-color: var(--bg-color); + color: var(--text-color); +} + +.navbar { + background-color: var(--surface-color); + box-shadow: 0 2px 4px rgba(0,0,0,.05); +} + +.card { + border: none; + border-radius: 0.5rem; + box-shadow: 0 4px 12px rgba(0,0,0,.08); + transition: transform .2s ease-in-out, box-shadow .2s ease-in-out; +} + +.card:hover { + transform: translateY(-5px); + box-shadow: 0 8px 20px rgba(0,0,0,.12); +} + +.card-img-top { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; +} + +.footer { + background-color: var(--surface-color); +} + +.hero { + background: linear-gradient(135deg, #4A90E2 0%, #81C784 100%); + padding: 4rem 0; + color: white; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..e8f09ab --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1 @@ +// Future JavaScript for interactivity will go here. \ No newline at end of file diff --git a/index.php b/index.php index 6f7ffab..576e9a7 100644 --- a/index.php +++ b/index.php @@ -1,131 +1,103 @@ '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.' + ] +]; ?> - + - - - New Style - - - - + + + ComplianceOS - Frameworks + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + + +
+
+

Compliance Frameworks

+

Translate abstract requirements into measurable, checkable safeguards.

+
+
+ +
+
+ +
+
+ <?php echo htmlspecialchars($framework[''''alt'''']); ?> +
+
+

+ View Details +
+
+
+ +
+
+ + + + + + + + - + \ No newline at end of file