Create pricing page (#575)

* Copy homepage pricing over to pricing page
* Remove commented-out FAQ skeleton on pricing page
This commit is contained in:
RachelElysia 2021-04-02 16:12:28 -04:00 committed by GitHub
parent ca40c41019
commit 2314def1a1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 11638 additions and 645 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 345 B

View file

@ -0,0 +1,35 @@
parasails.registerPage('pricing', {
// ╦╔╗╔╦╔╦╗╦╔═╗╦ ╔═╗╔╦╗╔═╗╔╦╗╔═╗
// ║║║║║ ║ ║╠═╣║ ╚═╗ ║ ╠═╣ ║ ║╣
// ╩╝╚╝╩ ╩ ╩╩ ╩╩═╝ ╚═╝ ╩ ╩ ╩ ╩ ╚═╝
data: {
//…
},
// ╦ ╦╔═╗╔═╗╔═╗╦ ╦╔═╗╦ ╔═╗
// ║ ║╠╣ ║╣ ║ ╚╦╝║ ║ ║╣
// ╩═╝╩╚ ╚═╝╚═╝ ╩ ╚═╝╩═╝╚═╝
beforeMount: function() {
//…
},
mounted: async function(){
//…
},
// ╦╔╗╔╔╦╗╔═╗╦═╗╔═╗╔═╗╔╦╗╦╔═╗╔╗╔╔═╗
// ║║║║ ║ ║╣ ╠╦╝╠═╣║ ║ ║║ ║║║║╚═╗
// ╩╝╚╝ ╩ ╚═╝╩╚═╩ ╩╚═╝ ╩ ╩╚═╝╝╚╝╚═╝
methods: {
clickChatButton: function() {
// Temporary hack to open the chat
// (there's currently no official API for doing this outside of React)
//
// > Alex: hey mike! if you're just trying to open the chat on load, we actually have a `defaultIsOpen` field
// > you can set to `true` :) i haven't added the `Papercups.open` function to the global `Papercups` object yet,
// > but this is basically what the functions look like if you want to try and just invoke them yourself:
// > https://github.com/papercups-io/chat-widget/blob/master/src/index.tsx#L4-L6
// > ~Dec 31, 2020
window.dispatchEvent(new Event('papercups:open'));
}
}
});

View file

@ -83,7 +83,6 @@ html, body {
}
[purpose='page-header'].header {
position: absolute;
left: 0;
right: 0;
border-bottom: 1px solid #e2e4ea;

View file

@ -1,3 +1,20 @@
#pricing {
.btn {
font-family: @header-font;
font-weight: 700;
padding-top: 18px;
padding-bottom: 19px;
font-size: 20px;
line-height: 23px;
border-radius: 10px;
&.btn-white {
color: #201e43;
background-color: #fff;
border-color: #fff;
&:hover {
background-color: darken(#fff, 10%);
border-color: darken(#fff, 10%);
}
}
}
}

10469
website/package-lock.json generated vendored Normal file

File diff suppressed because it is too large Load diff

View file

@ -84,6 +84,7 @@
<a class="mobile-menu-item py-2 px-3" target="_blank" href="/contribute" data-text="Contribute">Contribute</a>
<a class="mobile-menu-item py-2 px-3" target="_blank" href="/hall-of-fame" data-text="Hall of fame">Hall of fame</a>
</div>
<a href="/pricing" class="header-link d-flex align-items-center px-3 py-2 mb-4 text-decoration-none" style=" text-decoration: none; color: #192147; font-weight: 700;">Pricing</a>
<a href="/blog" class="header-link d-flex align-items-center px-3 py-2 mb-4 text-decoration-none" style=" text-decoration: none; color: #192147; font-weight: 700;">Blog</a>
<!-- <a href="/company/contact" class="header-link d-flex align-items-center px-3 py-2 mb-4 text-decoration-none" style=" text-decoration: none; color: #192147; font-weight: 700;">Contact</a> -->
<a target="_blank" href="https://github.com/fleetdm/fleet" class="header-link d-flex align-items-center px-3 py-2" style=" text-decoration: none; color: #192147; font-weight: 700;">
@ -105,6 +106,7 @@
<a style="border-radius: 4px;" class="dropdown-item py-2 px-3" target="_blank" href="/hall-of-fame" data-text="Hall of fame">Hall of fame</a>
</div>
</div>
<a href="/pricing" class="header-link d-flex align-items-center px-3 py-2 mr-4 text-decoration-none" style=" text-decoration: none;line-height: 23px;">Pricing</a>
<a target="_blank" href="/blog" class="header-link d-flex align-items-center px-3 py-2 mr-4 text-decoration-none" style=" text-decoration: none;line-height: 23px;">Blog</a>
<!-- <a href="/company/contact" class="header-link d-flex align-items-center px-3 py-2 mr-4 text-decoration-none" style=" text-decoration: none;line-height: 23px;">Contact</a> -->
<a target="_blank" href="https://github.com/fleetdm/fleet" class="header-link d-flex align-items-center px-3 py-2" style=" text-decoration: none;line-height: 23px;">
@ -221,6 +223,7 @@
<script src="/js/pages/homepage.page.js"></script>
<script src="/js/pages/legal/privacy.page.js"></script>
<script src="/js/pages/legal/terms.page.js"></script>
<script src="/js/pages/pricing.page.js"></script>
<!--SCRIPTS END-->
<% /* Display an overlay if the current browser is not supported.

View file

@ -1,3 +1,27 @@
<div id="get-started">
<div class="footer-fade pb-5">
<div
style="max-width: 1260px"
class="container-fluid pt-5 px-4 px-sm-5 mx-auto"
>
<div id="pricing-section" style="max-width: 800px" class="pt-5 mx-auto">
<h1 style="color: #000">Get Started with Fleet</h1>
<p style="color: #000" class="mb-5">
No need to put the kettle on, you'll be up and running before you can say "osquery."
</p>
<h1 style="color: #000"">Try Fleet</h1>
<p style="color: #000" class="mb-5">
With <a href="https://nodejs.org/en/download/" target="_blank">Node.js</a>
and <a href="https://docs.docker.com/get-docker/" target="_blank">Docker</a> installed:
</p>
<h1 style="color: #000"">Ready to run your first query?</h1>
<p style="color: #000" class="mb-5">
Target some of the sample hosts included, and give it a try.
Unsure what questions to ask? <a href="https://github.com/fleetdm/fleet/tree/master/handbook/queries" target="_blank">Heres a few queries to get you started.</a>
</p>
</div>
</div>
</div>

View file

@ -126,648 +126,6 @@
</div>
<div class="footer-fade pb-5">
<div style="max-width: 1260px;" class="container-fluid pt-5 px-4 px-sm-5 mx-auto">
<div id="pricing-section" style="max-width: 800px" class="pt-5 mx-auto">
<h1 style="color: #fff" class="text-center">Choose a plan that suits your needs</h1>
<p style="color: #fff" class="text-center mb-5">All plans have unlimited hosts and collaborators.</p>
<div style="max-width: 810px;">
<div class="row">
<div style="max-width: 392px" class="col-lg px-1 mx-auto">
<div style="border-radius: 15px;" class="card mb-4">
<div class="card-body">
<div style="min-height: 125px;" class="text-center mt-4">
<p style="font-size: 18px;" class="font-weight-bold mb-0">Core</p>
<h2 style="color: #6B6CFA">FREE</h2>
<p class="mb-0">/host/month</p>
</div>
<a target="_blank" href="https://github.com/fleetdm/fleet#readme" style="max-width: 242px;" class="btn btn-block btn-lg btn-info mt-3 mb-4 mx-auto">Start now</a>
<div style="max-width: 242px; min-height: 150px" class="mx-auto mb-4">
<p style="padding-left: 32px;" class="position-relative mt-3 mb-4">
<img alt="a circle with a checkmark" src="/images/check-circle-16x16@2x.png" style="width: 16px; height: 16px; left: 0; top: 4px;" class="position-absolute"/>
Open source
</p>
<p style="padding-left: 32px;" class="position-relative mt-3 mb-4">
<img alt="a circle with a checkmark" src="/images/check-circle-16x16@2x.png" style="width: 16px; height: 16px; left: 0; top: 4px;" class="position-absolute"/>
Community supported
</p>
<p style="padding-left: 32px;" class="position-relative mt-3 mb-4">
<img alt="a circle with a checkmark" src="/images/check-circle-16x16@2x.png" style="width: 16px; height: 16px; left: 0; top: 4px;" class="position-absolute"/>
Bring your own production
environment
</p>
</div>
</div>
</div>
</div>
<div style="max-width: 392px" class="col-lg px-1 mx-auto">
<div style="border-radius: 15px;" class="card mb-4">
<div class="card-body">
<div style="min-height: 125px;" class="text-center mt-4">
<p style="font-size: 18px;" class="font-weight-bold mb-0">Basic</p>
<h2 style="color: #6B6CFA">$4</h2>
<p class="mb-0">/host/month</p>
<p style="color: #8F8EA1; font-size: 13px;" class="mb-0">(USD, billed anually at $48)</p>
</div>
<button style="max-width: 242px;" class="btn btn-block btn-lg btn-info mt-3 mb-4 mx-auto" @click="clickChatButton()">Get free trial</button>
<div style="max-width: 242px; min-height: 150px;" class="position-relative mx-auto mb-4">
<p style="padding-left: 32px;" class="position-relative mt-3 mb-4">
<img alt="a circle with a checkmark" src="/images/check-circle-16x16@2x.png" style="width: 16px; height: 16px; left: 0; top: 4px;" class="position-absolute"/>
Multiple teams (RBAC)*
</p>
<p style="padding-left: 32px;" class="position-relative mt-3 mb-4">
<img alt="a circle with a checkmark" src="/images/check-circle-16x16@2x.png" style="width: 16px; height: 16px; left: 0; top: 4px;" class="position-absolute"/>
Enterprise support
</p>
<p style="padding-left: 32px;" class="position-relative mt-3 mb-4">
<img alt="a circle with a checkmark" src="/images/check-circle-16x16@2x.png" style="width: 16px; height: 16px; left: 0; top: 4px;" class="position-absolute"/>
Self-hosted agent autoupdates
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="features-section" style="max-width: 800px;" class="py-5 mx-auto">
<div style="max-width: 810px;">
<div class="row">
<div class="col-lg px-1 mx-auto" style="max-width: 810px">
<div style="border-radius: 15px;" class="card mb-4">
<div class="card-body py-md-5 px-md-5">
<div class="row mb-4">
<div class="col-6 col-md-8">
<p class="m-0" style="color: #8B8FA2">
SUPPORT
</p>
</div>
<div class="col-3 col-md-2">
<p class="m-0" style="font-weight:bold; font-size: 15px">
Fleet Core
</p>
</div>
<div class="col-3 col-md-2">
<p class="m-0" style="font-weight:bold; font-size: 15px">
Fleet Basic
</p>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Community GitHub
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Community Slack
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Telephone support
</p>
</div>
<div class="col-3 col-md-2">
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Email support
</p>
</div>
<div class="col-3 col-md-2">
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Dedicated Slack channel
</p>
</div>
<div class="col-3 col-md-2">
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-4 mt-5">
<div class="col-6 col-md-8">
<p class="m-0" style="color: #8B8FA2">
INVENTORY MANAGEMENT
</p>
</div>
<div class="col-3 col-md-2">
</div>
<div class="col-3 col-md-2">
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Device management & inventory dashboard
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Realtime device inventory
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
REST API & CLI tool
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Search devices by IP, serial, hostname, UUID
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Software inventory*†
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Integration users with API-only access*†
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Human-to-device mapping*†
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Target and configure specific groups of systems*†
</p>
</div>
<div class="col-3 col-md-2">
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Aggregate insights for groups of systems*†
</p>
</div>
<div class="col-3 col-md-2">
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-4 mt-5">
<div class="col-6 col-md-8">
<p class="m-0" style="color: #8B8FA2">
COLLABORATION
</p>
</div>
<div class="col-3 col-md-2">
</div>
<div class="col-3 col-md-2">
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Shareable device health reports
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Scope transparency*
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Multiple teams*
</p>
</div>
<div class="col-3 col-md-2">
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-4 mt-5">
<div class="col-6 col-md-8">
<p class="m-0" style="color: #8B8FA2">
SECURITY AND COMPLIANCE
</p>
</div>
<div class="col-3 col-md-2">
</div>
<div class="col-3 col-md-2">
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Single sign on (SSO, SAML)
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Role-based access control*
</p>
</div>
<div class="col-3 col-md-2">
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-4 mt-5">
<div class="col-6 col-md-8">
<p class="m-0" style="color: #8B8FA2">
MONITORING
</p>
</div>
<div class="col-3 col-md-2">
</div>
<div class="col-3 col-md-2">
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Audit queries and other activity*
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Programmable vulnerability management*†
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Query performance monitoring*
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Standard query library*†
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Detect and surface issues with devices*†
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Self-remediation*†
</p>
</div>
<div class="col-3 col-md-2">
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-4 mt-5">
<div class="col-6 col-md-8">
<p class="m-0" style="color: #8B8FA2">
DATA OUTPUTS
</p>
</div>
<div class="col-3 col-md-2">
</div>
<div class="col-3 col-md-2">
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Flexible log destinations (AWS Kinesis, Lambda, GCP)
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
StreamAlert integration*†
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-4 mt-5">
<div class="col-6 col-md-8">
<p class="m-0" style="color: #8B8FA2">
DEPLOYMENT
</p>
</div>
<div class="col-3 col-md-2">
</div>
<div class="col-3 col-md-2">
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Self-managed
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Deployment tools (Helm, Terraform)
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Compatible with custom osquery extensions
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Configure osquery startup flags*
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Programmable vulnerability management*
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Osquery agent autoupdates†
</p>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Self-hosted agent autoupdates†
</p>
</div>
<div class="col-3 col-md-2">
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div><div class="row mb-3">
<div class="col-6 col-md-8 d-flex">
<img alt="a bullet point ellipse" src="/images/ellipse-6x8@2x.png" class="mt-2" style="width: 6.4px; height: 8px;"/>
<p class="ml-2 my-0">
Mass deploy custom osquery extensions*
</p>
</div>
<div class="col-3 col-md-2">
</div>
<div class="col-3 col-md-2">
<img alt="a check mark" src="/images/check-16x16@2x.png" style="width: 16px; height: 16px;"/>
</div>
</div>
<p style="font-size: 13px; left: 0;" class="mt-5 mb-0 w-100">
* Coming soon
</p>
<p style="font-size: 13px; left: 0;" class="mb-0 w-100">
† Customer promise
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<% /*
<div style="max-width: 800px; color: #fff;" class="py-5 mx-auto">
<h2 class="text-center mb-4">FAQ</h2>

File diff suppressed because it is too large Load diff