From 28cdbea083c0a0357368aeb5bd9391ca1c07857d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CSophie?= <“sophie.rauhut@inspired.consulting“> Date: Thu, 7 Dec 2023 15:25:20 +0100 Subject: [PATCH] fixing link in header, initial styling of how does it work section --- src/css/main.css | 4 - src/index.html | 183 +++++++++++++++++++++++++++++---------------- tailwind.config.js | 16 ++-- 3 files changed, 126 insertions(+), 77 deletions(-) diff --git a/src/css/main.css b/src/css/main.css index 42ebd8e..6fae102 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -15,10 +15,6 @@ html { } } -.ts-benefit-section { - height: 50rem; -} - /* Initially hide animated icon */ .ts-animated-icon { display: none; diff --git a/src/index.html b/src/index.html index 7ddaf7c..18d7751 100644 --- a/src/index.html +++ b/src/index.html @@ -29,21 +29,25 @@

- - GitHub Logo - Fork us on GitHub - + + GitHub Logo + Fork us on GitHub +
+ + + +

AI-Driven Threat Modeling & Intuitive Design

-
+

We use AI to provide concrete examples instead of abstract documentation. Our approach ensures easily accessible guidance and actionable recommendations.

@@ -52,23 +56,19 @@

AI-Driven Threat Modeling & Intuitive Design

-
+

YOUR BENEFITS

-
-

Stay one step ahead of potential threats

+
+

Stay one step ahead of potential threats +

-
+
Roboter Icon - + Animated Icon - -
Simplified Thread Identification

@@ -80,23 +80,17 @@

Stay one s

- -
+ +
Shield Icon - + Animated Icon - - -
Transparent Risks & Management

- Clearly define and manage your security risks and their countermeasures, ensuring informed and strategic decision-making. + Clearly define and manage your security risks and their countermeasures, ensuring informed and strategic + decision-making.

@@ -104,76 +98,133 @@

Stay one s

-
+
Collaboration Icon - + Animated Icon - - -
Collaboration & Communication

- Enable effective collaboration across teams for proactive threat management, keeping all stakeholders aligned and informed. + Enable effective collaboration across teams for proactive threat management, keeping all stakeholders + aligned and informed.

+
+
- + + + +
+

HOW DOES IT WORK

+
+

3 simple steps

+
+ + +
+ + +
+ + + + + +
+
Initial Consultation
+

+ Reach out for a preliminary discussion, followed by scheduling our specialized threat modeling workshop.
Currently we provide these workshops free of charge! +

+
+ + +
+ + +
+ + + + + +
+
Interactive Workshop
+

+ Participate in a 2-hour hands-on workshop using your system as a case study to create an initial threat + model and learn how to effectively use ThreatShield. +

+
+ + +
+ + +
+ + + + + +
+
Run ThreatShield yourself
+

+ Easily set up ThreatShield on your own infrastructure and integrate it into your daily operations, empowering your team to manage threats autonomously. +

+
+
-
-
+ +
-

Enhance Your IT Security with ThreatShield

-

At ThreatShield, we empower businesses and organizations to effectively identify, evaluate, and manage threats - and risks within their IT systems. Our comprehensive platform enables teams to collaborate seamlessly, whether - it's for the entire organization or a specific IT system. Here's how ThreatShield can transform your IT security -

+

Enhance Your IT Security with ThreatShield

+

At ThreatShield, we empower businesses and organizations to effectively identify, evaluate, and manage threats + and risks within their IT systems. Our comprehensive platform enables teams to collaborate seamlessly, whether + it's for the entire organization or a specific IT system. Here's how ThreatShield can transform your IT security +

-

Define Systems

-

Easily define the technical components, technologies, frameworks, libraries (BOM), and more that make up your - IT system.

+

Define Systems

+

Easily define the technical components, technologies, frameworks, libraries (BOM), and more that make up your + IT system.

-

Capture Assets

-

Identify and catalog the valuable assets within your IT system that require protection.

+

Capture Assets

+

Identify and catalog the valuable assets within your IT system that require protection.

-

Identify Threats

-

Effortlessly record potential threats that your IT system may face.

+

Identify Threats

+

Effortlessly record potential threats that your IT system may face.

-

Derive Risks from Threats

-

Automatically derive risks from the identified threats, providing you with a clear understanding of potential - vulnerabilities.

+

Derive Risks from Threats

+

Automatically derive risks from the identified threats, providing you with a clear understanding of potential + vulnerabilities.

-

Manage Mitigations

-

Obtain mitigation strategies to address identified risks.

+

Manage Mitigations

+

Obtain mitigation strategies to address identified risks.

-

Generate Reports

-

Coming soon: Generate reports to share with your team and stakeholders.

+

Generate Reports

+

Coming soon: Generate reports to share with your team and stakeholders.

-

AI-Powered Suggestions

-

Additionally, ThreatShield is powered by AI throughout the process.

-

- Join the ranks of organisations that trust ThreatShield to bolster their IT security. Take advantage of our - AI-driven platform and structured approach to safeguarding your digital assets. -

+

AI-Powered Suggestions

+

Additionally, ThreatShield is powered by AI throughout the process.

+

+ Join the ranks of organisations that trust ThreatShield to bolster their IT security. Take advantage of our + AI-driven platform and structured approach to safeguarding your digital assets. +

- {{> footer }} -
+ {{> footer }} + diff --git a/tailwind.config.js b/tailwind.config.js index 4c01c3f..ed1b596 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -16,15 +16,17 @@ module.exports = { 900: "#150A2A", }, secondary: { - 100: "#cef9f5", - 200: "#9df2ec", + 50: "#f1fcfb", + 100: "#f1fcfb", + 200: "#9df2eb", 300: "#64e4e0", - 400: "#64e4e0", - 500: "#64e4e0", + 400: "#34cdcc", + 500: "#1bb0b1", 600: "#138a8e", - 700: "#146c71", - 800: "#15555a", - 900: "#16474b", + 700: "#146d71", + 800: "#14575b", + 900: "#16484b", + 950: "#06292d", }, gray: { 100: "#FEFEFF",