diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..010f699 --- /dev/null +++ b/css/style.css @@ -0,0 +1,172 @@ +/* Basic styles */ +body { + font-family: sans-serif; + margin: 0; + padding: 0; + line-height: 1.6; +} + +.container { + width: 80%; + margin: 0 auto; +} + +header { + background-color: #333; + color: #fff; + padding: 1rem 0; +} + +header .container { + display: flex; + justify-content: space-between; + align-items: center; +} + +.logo { + margin: 0; +} + +nav ul { + list-style: none; + margin: 0; + padding: 0; +} + +nav ul li { + display: inline-block; + margin-left: 20px; +} + +nav a { + color: #fff; + text-decoration: none; +} + +#hero { + background-color: #f4f4f4; + padding: 4rem 0; + text-align: center; +} + +#hero h2 { + font-size: 2.5rem; + margin-bottom: 1rem; +} + +.btn { + display: inline-block; + background-color: #333; + color: #fff; + padding: 10px 20px; + text-decoration: none; + border-radius: 5px; +} + +#features { + padding: 4rem 0; +} + +.feature-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 20px; +} + +.feature { + background-color: #f4f4f4; + padding: 20px; + border-radius: 5px; +} + +#get-started { + background-color: #f4f4f4; + padding: 4rem 0; +} + +.step { + margin-bottom: 2rem; +} + +pre { + background-color: #333; + color: #fff; + padding: 20px; + border-radius: 5px; + white-space: pre-wrap; + word-wrap: break-word; +} + +#live-demo { + padding: 4rem 0; +} + +#scanner-form { + display: flex; + margin-bottom: 2rem; +} + +#scanner-input { + flex-grow: 1; + padding: 10px; + font-size: 1rem; +} + +#scanner-results { + background-color: #f4f4f4; + padding: 20px; + border-radius: 5px; +} + +#pricing { + background-color: #f4f4f4; + padding: 4rem 0; +} + +.pricing-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 20px; +} + +.pricing-plan { + background-color: #fff; + padding: 20px; + border-radius: 5px; + text-align: center; +} + +.price { + font-size: 2rem; + font-weight: bold; + margin-bottom: 1rem; +} + +.pricing-plan ul { + list-style: none; + padding: 0; + margin-bottom: 2rem; +} + +#contact { + padding: 4rem 0; +} + +#contact-form { + display: grid; + gap: 20px; +} + +#contact-form input, +#contact-form textarea { + width: 100%; + padding: 10px; + font-size: 1rem; +} + +footer { + background-color: #333; + color: #fff; + padding: 1rem; + text-align: center; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..a016505 --- /dev/null +++ b/index.html @@ -0,0 +1,147 @@ + + + + + + Cybersecurity Framework + + + +
+
+

Cybersecurity Framework

+ +
+
+ +
+
+
+

Intelligent Security Agents for the Modern Enterprise

+

Build, deploy, and manage AI-powered cybersecurity agents with our comprehensive framework. Secure your infrastructure with cutting-edge technology.

+ Get Started Now +
+
+ +
+
+

Key Features

+
+
+

AI-Powered Security Agents

+

Leverage intelligent agents for PKI management, vulnerability assessment, and security analysis.

+
+
+

PKI Infrastructure

+

A complete Public Key Infrastructure with certificate lifecycle management.

+
+
+

MCP Integration

+

Model Context Protocol server for seamless AI tool integration.

+
+
+

Docker Deployment

+

Containerized deployment with Docker Compose for easy setup and scaling.

+
+
+
+
+ +
+
+

Get Started in 10 Minutes

+
+

Step 1: Clone and Setup

+ 
git clone https://github.com/Mkp-dev-portefolio/cybersecurity-framework.git
+cd cybersecurity-framework
+python3 -m venv quickstart-env
+source quickstart-env/bin/activate
+pip install -r requirements-quickstart.txt
+
+
+

Step 2: Create Your First Agent

+ 
python run_quickstart.py
+
+
+
+ +
+
+

Live Demo: Network Scanner

+
+ + +
+
+
+
+ +
+
+

Pricing Plans

+
+
+

Basic

+

$99/month

+
    +
  • 10 Agents
    • +
  • PKI Management
    • +
  • Basic Support
    • +
+ Choose Plan +
+
+

Pro

+

$299/month

+
    +
  • 50 Agents
    • +
  • PKI Management
    • +
  • Vulnerability Scanning
    • +
  • Priority Support
    • +
+ Choose Plan +
+
+

Enterprise

+

Contact Us

+
    +
  • Unlimited Agents
    • +
  • PKI Management
    • +
  • Vulnerability Scanning
    • +
  • Threat Intelligence
    • +
  • 24/7 Support
    • +
+ Contact Us +
+
+
+
+ +
+
+

Contact Us

+
+ + + + +
+
+
+
+ + + + + + diff --git a/js/script.js b/js/script.js new file mode 100644 index 0000000..8942c3e --- /dev/null +++ b/js/script.js @@ -0,0 +1,52 @@ +// JavaScript code will go here +console.log("Welcome to the Cybersecurity Framework website!"); + +const scannerForm = document.getElementById('scanner-form'); +const scannerInput = document.getElementById('scanner-input'); +const scannerResults = document.getElementById('scanner-results'); + +scannerForm.addEventListener('submit', (e) => { + e.preventDefault(); + const target = scannerInput.value; + if (!target) { + return; + } + + scannerResults.innerHTML = `

Scanning ${target}...

`; + + // Simulate a backend API call + setTimeout(() => { + const dummyResult = { + host: target, + open_ports: [80, 443], + closed_ports: [21, 22, 23, 25, 53, 110, 143, 993, 995, 8080, 8443], + total_scanned: 13, + timestamp: new Date().toISOString() + }; + + scannerResults.innerHTML = ` +

Scan Results for ${dummyResult.host}

+

Open Ports: ${dummyResult.open_ports.join(', ')}

+

Closed Ports: ${dummyResult.closed_ports.length}

+

Total Scanned: ${dummyResult.total_scanned}

+

Timestamp: ${dummyResult.timestamp}

+ `; + }, 2000); +}); + +const contactForm = document.getElementById('contact-form'); + +contactForm.addEventListener('submit', (e) => { + e.preventDefault(); + const name = document.getElementById('name').value; + const email = document.getElementById('email').value; + const message = document.getElementById('message').value; + + if (!name || !email || !message) { + return; + } + + console.log('Contact form submitted:', { name, email, message }); + alert('Thank you for your message! We will get back to you soon.'); + contactForm.reset(); +});