diff --git a/website/assets/images/feature-file-integrity-monitoring-500x296@2x.png b/website/assets/images/feature-file-integrity-monitoring-500x296@2x.png new file mode 100644 index 0000000000..59403a67f6 Binary files /dev/null and b/website/assets/images/feature-file-integrity-monitoring-500x296@2x.png differ diff --git a/website/assets/images/feature-increase-install-rates-500x322@2x.png b/website/assets/images/feature-increase-install-rates-500x322@2x.png new file mode 100644 index 0000000000..fbe8329a51 Binary files /dev/null and b/website/assets/images/feature-increase-install-rates-500x322@2x.png differ diff --git a/website/assets/images/feature-realtime-500x315@2x.png b/website/assets/images/feature-realtime-500x315@2x.png new file mode 100644 index 0000000000..bf303e9a8f Binary files /dev/null and b/website/assets/images/feature-realtime-500x315@2x.png differ diff --git a/website/assets/images/feature-threat-detection-500x328@2x.png b/website/assets/images/feature-threat-detection-500x328@2x.png new file mode 100644 index 0000000000..be2a71ad5e Binary files /dev/null and b/website/assets/images/feature-threat-detection-500x328@2x.png differ diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less index 6dbb2a2065..f2cbb2204a 100644 --- a/website/assets/styles/pages/homepage.less +++ b/website/assets/styles/pages/homepage.less @@ -7,8 +7,9 @@ h3 { font-size: 24px; - line-height: 40px; + line-height: 32px; font-weight: @bold; + margin-bottom: 24px; } h6 { @@ -100,11 +101,11 @@ margin-bottom: 0px; } [purpose='features-text-left'] { - max-width: 500px; + max-width: 450px; padding-right: 80px; } [purpose='features-text-right'] { - max-width: 500px; + max-width: 450px; padding-left: 80px; } } @@ -177,11 +178,12 @@ [purpose='features-text-left'] { padding-right: 0px; padding-bottom: 40px; + max-width: 640px; } [purpose='features-text-right'] { padding-left: 0px; padding-bottom: 40px; - + max-width: 640px; } } @@ -280,16 +282,30 @@ padding-top: 216px; } } + + @media (max-width: 480px) { + [purpose='features'] { + [purpose='features-text-left'] { + max-width: 320px; + } + [purpose='features-text-right'] { + max-width: 320px; + } + } + } + @media (max-width: 395px) { [purpose='hero-banner'] { padding-top: 236px; } } + @media (max-width: 355px) { [purpose='log-destination'] { flex-basis: 80px; } } + @media (max-width: 330px) { [purpose='hero-banner'] { padding-top: 256px; diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs index 35b5a41cf8..c1cb5d216d 100644 --- a/website/views/pages/homepage.ejs +++ b/website/views/pages/homepage.ejs @@ -5,12 +5,11 @@
- Get accurate, up-to-the-minute data from every endpoint in your organization. So you can make more informed decisions — quickly and confidently. + Make better data-driven decisions with a single source of truth for all operating systems.
+
- Some security agents strain your systems. Fortunately, Fleet uses osquery. This open-source solution was built to be deployed across hundreds of thousands of devices. + Fleet's agent is lightweight, inspectable, and manageable through the CI/CD pipeline.
+
- Every organization is unique. That’s why Fleet gives you complete control of your data — including the ability to create custom queries. + Create complex, custom queries for your organization. Or copy and paste tested queries from our growing library.
+
+ + Fleet's open-source agent protects device performance and provides transparency about the data it collects. +
+
Software engineers. Security specialists. IT administrators. Lots of professionals are working together to make Fleet even better. From contributing patches to dreaming up features.