Add comparison table to fleetdm.com (#359)

- Add the comparison table to fleetdm.com with "SUPPORT" and "CAPABILITIES" sections
- Add two image assets, ellipse and check, to /website/assets/images directory
This commit is contained in:
noahtalerman 2021-02-26 16:47:08 -08:00 committed by GitHub
parent b283767574
commit 5f9b7db503
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 370 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 574 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 354 B

View file

@ -228,6 +228,376 @@
</div>
</div>
</div>
<div 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">
GitHub community
</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">
CAPABILITIES
</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">
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">
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">
Flexible log destinations
(AWS Kinesis & Lambda, GCP PubSub)
</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-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">
Sharable device health reports 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">
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">
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">
Osquery agent auto-updates
</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">
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">
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">
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">
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">
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">
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-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-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">
Self-managed auto-update registry
</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>
</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>