diff --git a/website/assets/images/icon-coming-soon-14x14@2x.png b/website/assets/images/icon-coming-soon-14x14@2x.png new file mode 100644 index 0000000000..ef8e9f322a Binary files /dev/null and b/website/assets/images/icon-coming-soon-14x14@2x.png differ diff --git a/website/assets/images/mdm-scope-transparency-528x377@2x.png b/website/assets/images/mdm-scope-transparency-528x377@2x.png new file mode 100644 index 0000000000..921b11c451 Binary files /dev/null and b/website/assets/images/mdm-scope-transparency-528x377@2x.png differ diff --git a/website/assets/images/mdm-shorten-feedback-loop-528x377@2x.png b/website/assets/images/mdm-shorten-feedback-loop-528x377@2x.png new file mode 100644 index 0000000000..292a52d9bf Binary files /dev/null and b/website/assets/images/mdm-shorten-feedback-loop-528x377@2x.png differ diff --git a/website/assets/images/os-linux-black-50-16x16@2x.png b/website/assets/images/os-linux-black-50-16x16@2x.png new file mode 100644 index 0000000000..07f9aec4bc Binary files /dev/null and b/website/assets/images/os-linux-black-50-16x16@2x.png differ diff --git a/website/assets/images/os-macos-black-50-16x16@2x.png b/website/assets/images/os-macos-black-50-16x16@2x.png new file mode 100644 index 0000000000..71fd7eea65 Binary files /dev/null and b/website/assets/images/os-macos-black-50-16x16@2x.png differ diff --git a/website/assets/images/os-windows-black-50-16x16@2x.png b/website/assets/images/os-windows-black-50-16x16@2x.png new file mode 100644 index 0000000000..d9fb0b1dd0 Binary files /dev/null and b/website/assets/images/os-windows-black-50-16x16@2x.png differ diff --git a/website/assets/styles/pages/device-management.less b/website/assets/styles/pages/device-management.less index 8a77f6f701..30b1325335 100644 --- a/website/assets/styles/pages/device-management.less +++ b/website/assets/styles/pages/device-management.less @@ -2,10 +2,6 @@ @heading-lineheight: 120%; @text-lineheight: 150%; - @page-container-max-width-xl: 960px; - @page-container-max-width-lg: 840px; - @page-container-max-width-md: 480px; - background: linear-gradient(180deg, #E8F1F6 0%, #FFF 8.76%); h1 { @@ -28,128 +24,48 @@ font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; - font-size: 14px; + font-size: 16px; line-height: 150%; text-transform: uppercase; color: @core-fleet-black-75; - margin-bottom: 0; + margin-bottom: 8px; } p { - font-size: 16px; + font-size: 14px; line-height: @text-lineheight; color: @core-fleet-black-75; - a[href] { - text-decoration: underline; - color: @core-fleet-black-75; - text-underline-offset: 3px; - } } strong { color: @core-fleet-black; } - [purpose='page-content'] { - max-width: @page-container-max-width-xl; - } - - [purpose='page-section'] { - margin-bottom: 160px; - } - [purpose='page-container'] { - padding-left: 120px; - padding-right: 120px; + padding-left: 64px; + padding-right: 64px; + padding-bottom: 64px; + padding-top: 64px; margin-left: auto; margin-right: auto; } - [purpose='page-headline'] { - margin-bottom: 60px; - h2 { - font-size: 64px; - font-style: normal; - font-weight: 800; - line-height: @heading-lineheight; - margin-bottom: 0px; - } - } - [purpose='hero'] { - padding-top: 80px; - padding-bottom: 80px; - } - [purpose='hero-image'] { - max-width: 380px; - img { - max-width: 100%; - max-height: 100%; - width: 380px; - } - } - [purpose='hero-text'] { - width: 468px; - margin-left: 40px; - text-align: left; - strong { - margin-bottom: 8px; - font-weight: 800; - display: block; - } - p { - margin-bottom: 40px; - } - } - - [purpose='button-row'] { - a { - font-weight: 700; - font-size: 16px; - line-height: @text-lineheight; - white-space: nowrap; - } - [purpose='cta-button'] { - cursor: pointer; - margin-right: 32px; - background: @core-vibrant-red; - border-radius: 8px; - padding: 16px 32px; - height: 36px; - display: flex; - justify-content: center; - align-items: center; - color: #FFF; - position: relative; - text-decoration: none; - overflow: hidden; - } - [purpose='cta-button']::before { - background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); - opacity: 1; - content: ' '; - position: absolute; - top: 0; - left: -5px; - width: 70%; - height: 100%; - transform: skew(-10deg); - transition: left 0.5s ease-in, opacity 0.50s ease-in, width 0.5s ease-in; - } - [purpose='cta-button']:hover:before { - opacity: 0; - left: 160px; - width: 110%; - } - + [purpose='page-content'] { + max-width: 1072px; } - [purpose='testimonial-videos'] { - width: 468px; - margin-left: 40px; + [purpose='page-section'] { + padding-top: 64px; + padding-bottom: 64px; + } + [purpose='comparison-section'] { + padding-top: 64px; + padding-bottom: 64px; } [purpose='testimonials'] { - margin-bottom: 80px; + padding-top: 32px; + padding-bottom: 32px; } [purpose='testimonial-quote'] { - width: 640px; + max-width: 640px; a { text-decoration: none; color: unset; @@ -200,55 +116,384 @@ } } } - - [purpose='testimonial-video'] { - cursor: pointer; - width: 223px; - height: 168px; - border-radius: 22.265px; - border: 0.975px solid @core-fleet-black-50; - display: flex; + [parasails-component='logo-carousel'] { + padding-top: 64px; + padding-bottom: 16px; margin-bottom: 0px; - position: relative; - box-shadow: none; - span { - img { - height: 10.235px; - width: auto; - margin-right: 5.5px; + } + + // Desktop features comparison table styles + [purpose='desktop-comparison-table'] { + margin-top: 32px; + } + [purpose='comparison-table-header'] { + font-size: 14px; + div { + padding: 12px 24px; + } + } + [purpose='omnisaa-column'] { + text-align: center; + display: flex; + justify-content: center; + align-self: center; + min-width: 200px; + } + [purpose='fleet-column'] { + text-align: center; + display: flex; + justify-content: center; + align-self: center; + min-width: 200px; + } + [purpose='feature-name'] { + width: 100%; + } + [purpose='table-new-badge'] { + background-color: #0587FF; + display: inline; + padding: 2.554px 5.109px; + align-items: center; + border-radius: 14px; + color: #FFF; + font-size: 7.024px; + font-weight: 500; + line-height: 11.494px; + text-transform: uppercase; + width: min-content; + } + [purpose='comparison-table'] { + border-radius: 8px; + border: 1px solid #E2E4EA; + margin-bottom: 32px; + [purpose='table-row'] { + div { + padding: 12px 24px; + display: flex; + align-items: center; } - position: absolute; - left: 20px; - bottom: 20px; - border-radius: 16.698px; - background: rgba(0, 2, 10, 0.50); - backdrop-filter: blur(5.566145420074463px); - display: inline-flex; - padding: 5.566px 11.132px; + display: flex; + img { + width: 16px; + height: 16px; + &:not(:first-of-type) { + margin-left: 12px; + } + } + p { + margin-bottom: 0px; + } + &:not(:last-of-type) { + border-bottom: 1px solid #E2E4EA; + } + &:nth-of-type(even) { + background-color: #F9FAFC; + } + } + } + // Mobile features comparison table styles + [purpose='mobile-comparison-table'] { + margin-top: 32px; + margin-bottom: 32px; + } + [purpose='feature-table'] { + display: flex; + flex-direction: column; + border-radius: 8px; + border: 1px solid #E2E4EA; + margin-bottom: 16px; + line-height: 21px; + font-size: 14px; + color: #515774; + [purpose='feature-name'] { + display: flex; + height: 36px; + padding: 12px 16px 12px 16px; + align-items: center; + align-self: stretch; + border-bottom: 1px solid #E2E4EA; + background-color: #F9FAFC; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + p { + margin-bottom: 0px; + font-size: 14px; + font-weight: 700; + line-height: 21px; + color: #192147; + } + } + [purpose='feature-table-row'] { + padding: 12px 16px; + display: flex; + flex-direction: row; + height: 36px; + align-items: center; + justify-content: space-between; + border-bottom: 1px solid #E2E4EA; + &:last-of-type { + border: none; + background-color: #F9FAFC; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; + } + } + [purpose='feature-status'] { + display: flex; + flex-direction: row; + justify-content: center; + img { + height: 16px; + &:not(:first-of-type) { + margin-left: 8px; + } + } + } + } + + [purpose='calendar-feature'] { + flex-direction: row-reverse !important;//lesshint-disable-line importantRule + h3 { + font-size: 32px; + margin-bottom: 32px; + } + [purpose='calendar-feature-text'] { + max-width: 480px; + p { + margin-bottom: 0px; + } + } + [purpose='new-badge'] { + background-color: #0587FF; + padding: 4px 8px 3px 8px; + display: flex; + align-items: center; + border-radius: 14px; + color: #FFF; + font-size: 12px; + font-weight: 500; + line-height: 18px; + text-transform: uppercase; + margin-bottom: 12px; + width: min-content; + } + [purpose='calendar-checklist'] { + margin-top: 8px; + margin-bottom: 24px; + p { + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 21px; + padding-left: 37px; + text-indent: -37px; + margin-bottom: 1.5rem; + &:last-of-type { + margin-bottom: 0px; + } + } + p::before { + content: ' '; + background-image: url('/images/icon-checkmark-green-20x20@2x.png'); + background-size: 20px 20px; + display: inline-block; + position: relative; + top: 5px; + margin-right: 16px; + width: 20px; + height: 20px; + } + } + [purpose='feature-video'] { + // margin-right: 0px; + max-width: 528px; + video { + max-width: 100%; + max-height: 100%; + border-radius: 16px; + } + } + [purpose='video-button'] { + margin-top: 32px; + cursor: pointer; + img { + height: 32px; + margin-right: 8px; + } + font-size: 14px; + font-weight: 700; + line-height: 21px; + } + } + + + + [purpose='feature'] { + margin-bottom: 140px; + h3 { + margin-bottom: 24px; + } + &:last-of-type { + margin-bottom: 0px; + } + } + + [purpose='feature-note'] { + padding-top: 40px; + font-size: 12px; + margin-bottom: 0px; + } + [purpose='feature-image'] { + max-width: 528px; + img { + border-radius: 8px; + max-width: 100%; + max-height: 100%; + width: 528px; + } + } + [purpose='feature'].flex-column { + [purpose='feature-text'] { + margin-left: 32px; + } + } + [purpose='feature'].flex-column-reverse { + [purpose='feature-text'] { + margin-right: 32px; + } + } + [purpose='feature-text'] { + width: 468px; + h2 { + margin-bottom: 32px; + } + p { + margin-bottom: 32px; + } + } + [purpose='checklist'] { + p { + font-size: 14px; + font-style: normal; + font-weight: 400; + padding-left: 37px; + text-indent: -37px; + margin-bottom: 24px; + &:last-of-type { + margin-bottom: 0px; + } + } + p::before { + content: ' '; + background-image: url('/images/icon-checkmark-green-20x20@2x.png'); + background-size: 20px 20px; + display: inline-block; + position: relative; + top: 5px; + margin-right: 16px; + width: 20px; + height: 20px; + } + } + [purpose='feature-headline'] { + max-width: 510px; + margin-bottom: 80px; + } + + [purpose='feature-row'] { + margin-bottom: 64px; + [purpose='feature-column'] { + margin-left: 32px; + margin-right: 32px; + max-width: 440px; + p { + font-size: 14px; + margin-bottom: 0px; + } + img { + height: 48px; + width: auto; + margin-bottom: 16px; + } + h5 { + font-weight: 800; + font-size: 16px; + line-height: @heading-lineheight; + margin-bottom: 16px; + } + } + } + [purpose='three-column-features'] { + margin-bottom: 160px; + max-width: 1080px; + [purpose='feature-row'] { + [purpose='feature-column'] { + max-width: 267px; + } + } + } + [purpose='button-row'] { + a { + font-weight: 700; + font-size: 16px; + line-height: @text-lineheight; + white-space: nowrap; + } + [purpose='cta-button'] { + cursor: pointer; + margin-right: 32px; + background: @core-vibrant-red; + border-radius: 8px; + padding: 16px 32px; + height: 36px; + display: flex; justify-content: center; align-items: center; color: #FFF; - font-size: 11.132px; - font-style: normal; - font-weight: 400; - line-height: @text-lineheight; + position: relative; + text-decoration: none; + overflow: hidden; } - &:hover { - box-shadow: 0px 4px 16px 0px #E2E4EA; + [purpose='cta-button']::before { + background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); + opacity: 1; + content: ' '; + position: absolute; + top: 0; + left: -5px; + width: 70%; + height: 100%; + transform: skew(-10deg); + transition: left 0.5s ease-in, opacity 0.50s ease-in, width 0.5s ease-in; } - &:first-of-type { - background: url('/images/video-testimonial-thumbnail-austin-anderson-223x168@2x.jpg'); - background-position: center; - background-size: cover; - margin-right: 12px; - margin-left: 0px; + [purpose='cta-button']:hover:before { + opacity: 0; + left: 160px; + width: 110%; } - &:last-of-type { - background: url('/images/video-testimonial-thumbnail-andre-shields-223x168@2x.png'); - background-position: center; - background-size: cover; - margin-right: 0px; - margin-left: 12px; + } + + [purpose='tweets-container'] { + padding-top: 64px; + max-width: 1072px; + padding-left: 64px; + padding-right: 64px; + } + [parasails-component='scrollable-tweets'] { + [purpose='tweets'] { + margin-top: 40px; + margin-bottom: 0px; + padding-bottom: 64px; + padding-left: 64px; + } + } + [purpose='bottom-gradient'] { + background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F4 100%); + } + [purpose='bottom-cloud-city-banner'] { + background: linear-gradient(180deg, #E9F4F4 0%, #FFFFFF 100%); + img { + width: 100%; } } [purpose='video-modal'] { @@ -283,208 +528,37 @@ height: 641px; } } - [parasails-component='logo-carousel'] { - margin-bottom: 80px; - } - [purpose='calendar-feature'] { - margin-bottom: 140px; - h3 { - font-size: 32px; - margin-bottom: 24px; - } - [purpose='calendar-feature-text'] { - max-width: 480px; - } - [purpose='new-badge'] { - background-color: #0587FF; - padding: 4px 8px 3px 8px; - display: flex; - align-items: center; - border-radius: 14px; - color: #FFF; - font-size: 12px; - font-weight: 500; - line-height: 18px; - text-transform: uppercase; - margin-bottom: 12px; - width: min-content; - } - [purpose='calendar-checklist'] { - margin-top: 8px; - margin-bottom: 24px; - p { - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 21px; - padding-left: 37px; - text-indent: -37px; - margin-bottom: 1.5rem; - &:last-of-type { - margin-bottom: 0px; - } - } - p::before { - content: ' '; - background-image: url('/images/icon-checkmark-green-20x20@2x.png'); - background-size: 20px 20px; - display: inline-block; - position: relative; - top: 5px; - margin-right: 16px; - width: 20px; - height: 20px; - } - } - [purpose='feature-video'] { - margin-left: 80px; - max-width: 468px; - video { - max-width: 100%; - max-height: 100%; - border-radius: 16px; - } - } - [purpose='video-button'] { - margin-top: 12px; - cursor: pointer; - img { - height: 32px; - margin-right: 8px; - } - font-size: 14px; - font-weight: 700; - line-height: 21px; - } - } - - - - [purpose='feature'] { - margin-bottom: 140px; - h3 { - margin-bottom: 24px; - } - &:last-of-type { - margin-bottom: 0px; - } - } - - [purpose='feature-note'] { - padding-top: 40px; - font-size: 12px; - margin-bottom: 0px; - } - - [purpose='feature-image'].left { - margin-right: 24px; - } - [purpose='feature-image'].right { - margin-left: 24px; - } - [purpose='feature-image'] { - max-width: 380px; - img { - max-width: 100%; - max-height: 100%; - width: 380px; - } - } - [purpose='feature-text'] { - width: 468px; - } - [purpose='checklist'] { - margin-top: 8px; - p { - font-size: 14px; - font-style: normal; - font-weight: 400; - padding-left: 37px; - text-indent: -37px; - margin-bottom: 1.5rem; - &:last-of-type { - margin-bottom: 0px; - } - } - p::before { - content: ' '; - background-image: url('/images/icon-checkmark-green-20x20@2x.png'); - background-size: 20px 20px; - display: inline-block; - position: relative; - top: 5px; - margin-right: 16px; - width: 20px; - height: 20px; - } - } - [purpose='feature-headline'] { - max-width: 510px; - margin-bottom: 80px; - } - [purpose='two-column-features'] { - max-width: 1080px; - margin-bottom: 140px; - } - [purpose='feature-row'] { - margin-bottom: 80px; - [purpose='feature-column'] { - margin-left: 40px; - margin-right: 40px; - max-width: 440px; - p { - font-size: 14px; - margin-bottom: 0px; - } - img { - height: 48px; - width: auto; - margin-bottom: 16px; - } - h5 { - font-weight: 800; - font-size: 16px; - line-height: @heading-lineheight; - margin-bottom: 16px; - } - } - } - [purpose='three-column-features'] { - margin-bottom: 160px; - max-width: 1080px; - [purpose='feature-row'] { - [purpose='feature-column'] { - max-width: 267px; - } - } - } - - - [purpose='tweets-container'] { - padding-top: 160px; - max-width: @page-container-max-width-xl; - padding-left: 80px; - padding-right: 80px; - } - [parasails-component='scrollable-tweets'] { - [purpose='tweets'] { - margin-top: 40px; - } - } - [purpose='bottom-gradient'] { - background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F4 100%); - } - [purpose='bottom-cloud-city-banner'] { - background: linear-gradient(180deg, #E9F4F4 0%, #FFFFFF 100%); - img { - width: 100%; - } - } @media (max-width: 1199px) { - [purpose='page-container'] { - padding-left: 80px; - padding-right: 80px; + + [purpose='feature'].flex-column { + [purpose='feature-text'] { + margin-left: 32px; + } + } + [purpose='feature'].flex-column-reverse { + [purpose='feature-text'] { + margin-right: 32px; + } + } + [purpose='feature-image'] { + // max-width: 528px; + img { + border-radius: 8px; + max-width: 100%; + max-height: 100%; + width: 455px; + } + } + [purpose='calendar-feature'] { + [purpose='feature-video'] { + // width: 455px; + margin-right: 16px; + } + [purpose='calendar-feature-text'] { + margin-left: 32px; + + } } [purpose='video-modal'] { [purpose='modal-dialog'] { @@ -492,51 +566,46 @@ max-width: 100%; } [purpose='modal-content'] { - max-width: @page-container-max-width-xl; + max-width: 1072px; height: 540px; } iframe { - width: @page-container-max-width-xl; + width: 1072px; height: 540px; } } } - @media (max-width: 991px) { + @media (max-width: 990px) { [purpose='page-container'] { - padding-left: 40px; - padding-right: 40px; - } - [purpose='page-content'] { - max-width: @page-container-max-width-lg; + padding-left: 32px; + padding-right: 32px; } [purpose='tweets-container'] { - max-width: @page-container-max-width-lg; - padding-left: 40px; - padding-right: 40px; + padding-left: 32px; + padding-right: 32px; } - [purpose='calendar-feature'] { - [purpose='feature-video'] { - margin-left: auto; - margin-right: auto; - margin-bottom: 40px; + [parasails-component='scrollable-tweets'] { + [purpose='tweets'] { + padding-left: 32px; } } - [purpose='page-section'] { - margin-bottom: 140px; - } - [purpose='tweets-container'] { - padding-top: 120px; - } - [purpose='three-column-features'] { - margin-bottom: 140px; + [purpose='feature-row'] { + [purpose='feature-column'] { + margin-left: 8px; + margin-right: 8px; + width: 50%; + } } + [purpose='testimonial-videos'] { width: 410px; } + [purpose='hero-text'] { width: 410px; } + [purpose='feature-text'] { width: 410px; } @@ -546,41 +615,73 @@ margin-left: 40px; } } + [purpose='feature'].flex-column-reverse { [purpose='feature-text'] { margin-right: 40px; } } + + [purpose='omnisaa-column'] { + min-width: 140px; + } + + [purpose='fleet-column'] { + min-width: 140px; + } + + [purpose='comparison-table-header'] { + div { + padding: 12px 16px; + } + } + + [purpose='comparison-table'] { + border-radius: 8px; + border: 1px solid #E2E4EA; + [purpose='table-row'] { + div { + padding: 12px 16px; + } + } + } } @media (max-width: 767px) { - [purpose='page-content'] { - max-width: @page-container-max-width-md; - } - [purpose='tweets-container'] { - max-width: @page-container-max-width-md; - padding-top: 120px; - } [purpose='page-headline'] { - margin-bottom: 60px; width: 100%; h2 { font-size: 42px; } } - [purpose='testimonial-quote'] { - [purpose='quote'] { - p { - font-size: 18px; + + [purpose='calendar-feature'] { + [purpose='feature-video'] { + margin-left: auto; + margin-right: auto; + margin-bottom: 40px; + max-width: 100%; + video { + width: 100%; } } + [purpose='calendar-feature-text'] { + margin-left: 0; + } } - [purpose='page-section'] { - margin-bottom: 120px; + [purpose='feature-image'] { + max-width: 100%; + margin-bottom: 64px; + img { + border-radius: 8px; + max-width: 100%; + max-height: 100%; + width: 100%; + } } - [purpose='calendar-section'] { - padding: 0px 32px 40px 32px; + [purpose='calendar-feature'] { + flex-direction: column-reverse !important;//lesshint-disable-line importantRule } [purpose='calendar-card-body'] { width: 100%; @@ -604,37 +705,11 @@ background: none; } } - [purpose='tweets-container'] { - padding-top: 120px; - } - [purpose='three-column-features'] { - margin-bottom: 140px; - } - [purpose='hero-image'] { - margin-right: unset; - } - [purpose='hero-text'] { - width: unset; - margin-left: auto; - } - [purpose='testimonial-videos'] { - width: unset; - margin-top: 60px; - } - [purpose='button-row'] { - max-width: 100%; - [purpose='cta-button'] { - margin-right: 0px; - width: 100%; - margin-bottom: 24px; - } - } [purpose='feature-text'] { - width: unset; - } - [purpose='feature'] { - margin-bottom: 120px; + width: 510px; + margin-left: auto; + margin-right: auto; } [purpose='feature'].flex-column { [purpose='feature-text'] { @@ -647,8 +722,6 @@ } } [purpose='feature-image'] { - margin-left: auto; - margin-right: auto; margin-bottom: 60px; &.left { margin-right: auto; @@ -657,43 +730,13 @@ margin-left: auto; } } - [purpose='three-column-features'] { - [purpose='feature-row'] { - margin-bottom: 60px; - [purpose='feature-column'] { - margin-bottom: 60px; - margin-left: 0px; - margin-right: 0px; - text-align: center; - display: flex; - flex-direction: column; - align-items: center; - max-width: unset; - p { - margin-bottom: 0px; - } - } - } - } [purpose='hero-image'] { margin-bottom: 60px; } - [purpose='testimonial-videos'] { - margin-left: auto; - margin-right: auto; - } - [purpose='testimonial-quote'] { - width: 100%; - [purpose='quote'] { - img { - margin-right: auto; - margin-left: auto; - } - text-align: center; - } - [purpose='quote-attribution'] { - margin-right: auto; - margin-left: auto; + + [purpose='section-headline'] { + h1 { + font-size: 32px; } } [purpose='video-modal'] { @@ -712,8 +755,13 @@ } @media (max-width: 575px) { - + [purpose='feature-text'] { + width: 100%; + margin-left: auto; + margin-right: auto; + } [purpose='feature-image'] { + margin-bottom: 48px; img { max-width: 100%; } @@ -723,37 +771,27 @@ max-width: 100%; } } - + [purpose='page-container'] { + padding: 64px 24px; + } + [parasails-component='scrollable-tweets'] { + [purpose='tweets'] { + padding-left: 24px; + } + } + [purpose='page-section'] { + padding-top: 48px; + padding-bottom: 48px; + } [purpose='calendar-section'] { padding: 0px 24px 40px 24px; } - - [purpose='testimonial-video'] { - width: 200px; - height: 160px; - &:first-of-type { - margin-right: 10px; - margin-left: auto; + [purpose='testimonial-quote'] { + [purpose='quote'] { + p { + font-size: 16px; + } } - &:last-of-type { - margin-right: auto; - margin-left: 10px; - } - } - [purpose='page-headline'] { - margin-bottom: 80px; - } - [purpose='page-section'] { - margin-bottom: 100px; - } - [purpose='tweets-container'] { - padding-top: 100px; - } - [purpose='three-column-features'] { - margin-bottom: 100px; - } - [purpose='two-column-features'] { - margin-bottom: 100px; } [purpose='video-modal'] { [purpose='modal-content'] { @@ -765,19 +803,19 @@ height: calc(~'9/16 * 95vw'); } } - [purpose='two-column-features'] { [purpose='feature-row'] { - margin-bottom: 60px; + margin-bottom: 64px; [purpose='feature-column'] { max-width: unset; - margin-bottom: 60px; + margin-bottom: 64px; margin-left: 0px; margin-right: 0px; - text-align: center; + text-align: left; display: flex; flex-direction: column; - align-items: center; + align-items: flex-start; + width: 100%; p { margin-bottom: 0px; } @@ -785,35 +823,15 @@ } } } - @media (max-width: 472px) { + + @media (max-width: 390px) { + h1 { font-size: 32px; } h2 { font-size: 24px; } - - [purpose='testimonial-videos'] { - flex-direction: column; - } - [purpose='testimonial-video'] { - width: 223px; - height: 168px; - &:first-of-type { - margin-right: auto; - margin-left: auto; - margin-bottom: 24px; - } - &:last-of-type { - margin-right: auto; - margin-left: auto; - } - } - } - @media (max-width: 375px) { - [purpose='page-headline'] { - margin-bottom: 60px; - } [purpose='testimonial-quote'] { [purpose='quote'] { p { @@ -821,8 +839,25 @@ } } } - [purpose='testimonial-videos'] { - margin-top: 40px; + [purpose='page-headline'] { + width: 100%; + h2 { + font-size: 24px; + } + } + [purpose='calendar-feature-text'] { + h3 { + font-size: 24px; + } + } + [purpose='feature-table'] { + [purpose='feature-name'] { + display: flex; + height: unset; + } + } + [parasails-component='logo-carousel'] { + padding-top: 32px; } [purpose='calendar-image'] { height: 287px; @@ -834,46 +869,21 @@ [purpose='calendar-section'] { padding: 0px 16px 40px 16px; } - [purpose='page-section'] { - margin-bottom: 80px; - } - [purpose='tweets-container'] { - padding-top: 80px; - } - [purpose='three-column-features'] { - margin-bottom: 80px; - } - [purpose='two-column-features'] { - margin-bottom: 80px; - } - [purpose='page-container'] { - padding-left: 20px; - padding-right: 20px; + padding: 48px 16px; } [purpose='tweets-container'] { - padding-left: 32px; - padding-right: 32px; + padding-left: 16px; + padding-right: 16px; } - [purpose='hero'] { - padding-top: 40px; - padding-bottom: 40px; - } - [purpose='hero-image'] { - max-height: 360px; - max-width: unset; - img { - max-width: 100%; - max-height: 100%; - width: 261px; + [parasails-component='scrollable-tweets'] { + [purpose='tweets'] { + margin-top: 32px; + margin-bottom: 0px; + padding-left: 16px; + padding-bottom: 32px; } } - [purpose='testimonials'] { - padding-top: 40px; - margin-bottom: 80px; - } - [purpose='feature-image'] { - margin-bottom: 40px; - } + } } diff --git a/website/views/pages/device-management.ejs b/website/views/pages/device-management.ejs index 9b9949333b..0b75cb4064 100644 --- a/website/views/pages/device-management.ejs +++ b/website/views/pages/device-management.ejs @@ -4,63 +4,347 @@

Device management (MDM)

-

Manage everything in one place

+

Your easiest MDM migration

-
-
- A laptop using Fleet to accurately display the status of MDM configurations -
-
- Your last MDM migration -

Even if you've never done an MDM migration, you've probably heard it's hard. Fleet makes it easy to get your data in and get it out.

- Tidy up your tools -

Deploy a modern Mac-first MDM purpose-built for IT engineers and cross-training. Use principles from DevOps to manage Apple, Windows, and Linux computers declaratively.

- Less friction -

Fork the CIS benchmarks or easily build your own compliance framework. 100% source available.

-
- Start now - Talk to us +
+
+
+ an opening quotation mark +

+ <% if(['eo-security','vm'].includes(primaryBuyingSituation)) { %>Having the freedom to take full advantage of the product is one of the reasons why I always support open-source products with a commercially-backed company, like Fleet. + <% } else if (['eo-it'].includes(primaryBuyingSituation)) { %>This is not just production osquery, but actually a way bigger opportunity than even something like Airwatch or Jamf. + <% } else { %>We wanted an open-source MDM to easily use configuration-as-code, deliver the best possible experience for our employees, and make security happy. + <% } %> +

-
-
-
-
-
-
- an opening quotation mark -

- <% if(['eo-security','vm'].includes(primaryBuyingSituation)) { %>Having the freedom to take full advantage of the product is one of the reasons why I always support open-source products with a commercially-backed company, like Fleet. - <% } else if (['eo-it'].includes(primaryBuyingSituation)) { %>This is not just production osquery, but actually a way bigger opportunity than even something like Airwatch or Jamf. - <% } else { %>We wanted an open-source MDM to easily use configuration-as-code, deliver the best possible experience for our employees, and make security happy. - <% } %> -

-
- -
-
<%= ['eo-security','vm'].includes(primaryBuyingSituation) ? 'Nico Waisman' : ['eo-it'].includes(primaryBuyingSituation) ? 'Eric Tan' : 'Kenny Botelho'%>
-
-

<%= ['eo-security','vm'].includes(primaryBuyingSituation) ? 'Nico Waisman' : ['eo-it'].includes(primaryBuyingSituation) ? 'Eric Tan' : 'Kenny Botelho'%>

-

<%= ['eo-security','vm'].includes(primaryBuyingSituation) ? 'CISO of Lyft' : ['eo-it'].includes(primaryBuyingSituation) ? 'CIO & Chief Security Officer at Flock Safety' : 'Client Platform Engineer at gaming company'%>

+ +
+
<%= ['eo-security','vm'].includes(primaryBuyingSituation) ? 'Nico Waisman' : ['eo-it'].includes(primaryBuyingSituation) ? 'Eric Tan' : 'Kenny Botelho'%>
+
+

<%= ['eo-security','vm'].includes(primaryBuyingSituation) ? 'Nico Waisman' : ['eo-it'].includes(primaryBuyingSituation) ? 'Eric Tan' : 'Kenny Botelho'%>

+

<%= ['eo-security','vm'].includes(primaryBuyingSituation) ? 'CISO of Lyft' : ['eo-it'].includes(primaryBuyingSituation) ? 'CIO & Chief Security Officer at Flock Safety' : 'Lead Client Platform Engineer'%>

+
+
-
- <%/* Your last MDM migration section */%> -
-
-
- Your last MDM migration +
+

Head-to-head with the big players

+

Considering a move to Fleet as a cross-platform, open-source MDM alternative? See how we compare:

+
+
+
Fleet
+
Omnissa (WS1)
-
-

Your last MDM migration

-

Even if you've never done an MDM migration, you've probably heard it's hard. Fleet makes it easy to get your data in and get it out.

-
-

Ramp up to modern management faster with the latest compliance standards and security features built in.

-

Work the way that's best for your entire IT team with both GitOps and a modern GUI.

-

Lower barriers to integration with an intentional API-first design and surprisingly easy access to data. Everything you can do in the UI, you can do with the API.

+
+
+

Zero-touch setup

+
+ macOS logo + Windows logo +
+
+ macOS logo + Windows logo +
+ +
+

Operating system updates

+
checkmark
+
+ checkmark +
+
+ +
+

Configuration management and scripting

+
checkmark
+
+ checkmark +
+
+ +
+

App management

New
+
checkmark
+
+ checkmark +
+
+ +
+

iOS

+
+ coming soon +
+
+ checkmark +
+
+ +
+

Auto-fix

+
+ coming soon +
+
+ checkmark +
+
+ +
+

Remote lock and wipe

+
+ macOS logo + Windows logo + Linux logo +
+
+ macOS logo +
+
+ +
+

REST API

+
checkmark
+
+ checkmark +
+
+ +
+

Last mile MDM migration wizard

+
checkmark
+
+
+ +
+
+

Complete device state

+ +
+
checkmark
+
+
+ +
+

Open source

+
checkmark
+
+
+
+
+
+
+

Zero-touch setup

+
+
Fleet
+
+ macOS logo + Windows logo +
+
+
+
Omnissa (WS1)
+
+ macOS logo + Windows logo +
+
+
+
+

Operating system updates

+
+
Fleet
+
+ checkmark +
+
+
+
Omnissa (WS1)
+
+ checkmark +
+
+
+
+

Configuration management and scripting

+
+
Fleet
+
+ checkmark +
+
+
+
Omnissa (WS1)
+
+ checkmark +
+
+
+
+

App management

New
+
+
Fleet
+
+ checkmark +
+
+
+
Omnissa (WS1)
+
+ checkmark +
+
+
+
+

iOS

+
+
Fleet
+
+ coming soon +
+
+
+
Omnissa (WS1)
+
+ checkmark +
+
+
+
+

Auto-fix

+
+
Fleet
+
+ coming soon +
+
+
+
Omnissa (WS1)
+
+ checkmark +
+
+
+
+

Remote lock and wipe

+
+
Fleet
+
+ macOS logo + Windows logo + Linux logo +
+
+
+
Omnissa (WS1)
+
+ macOS logo +
+
+
+
+

REST API

+
+
Fleet
+
+ checkmark +
+
+
+
Omnissa (WS1)
+
+ checkmark +
+
+
+
+

Last mile MDM migration wizard

+
+
Fleet
+
+ checkmark +
+
+
+
Omnissa (WS1)
+
+ +
+
+
+
+

Complete device state

+
+
Fleet
+
+ checkmark +
+
+
+
Omnissa (WS1)
+
+ +
+
+
+
+

Open source

+
+
Fleet
+
+ checkmark +
+
+
+
Omnissa (WS1)
+
+ +
+
+
+
+ + Compare all features +
+ <%/* Shorten the feedback loop section */%> +
+
+
+

Shorten the feedback loop

+

Spend less time debugging whether changes actually happened.

+
+

Use a single, open platform for Apple, Windows, and Linux.

+

Auto-verify patches and settings on users’ devices. Avoid unnecessary tickets.

+

Every change to a policy or security control is tracked and auditable in Fleet’s UI, or in your logs.

+
+
+
+ A laptop using Fleet to accurately display the status of MDM configurations +
+
+
+
+ <%- partial('../partials/calendar-banner.partial.ejs') %> +
+ <%/* Scope transparency section */%> +
+
+
+

Scope transparency

+

Increase buy-in from end users by clarifying how their work computers are managed.

+
+

Give end users assurance about what actions IT can take on their computer

+

Let end users see exactly what data is collected, all the way down to the source code

+

Set clear expectations about how to configure company devices

+
+
+
+ Transparency for end users
@@ -74,7 +358,7 @@
-
+
Patch every OS
Patch every OS
@@ -88,7 +372,7 @@
-
+
Manage software installs from anywhere
Manage software installs from anywhere
@@ -102,86 +386,26 @@
- -
-
-

Manage devices like code

-

Manage your IT infrastructure in any browser or use git to make infrastructure changes as code. You can use the CLI or API to automate the deployment, configuration, and monitoring of your devices.

-
-
- ClickOps or DevOps -
-
- -
-
- Absolute certainty -
-
-

Onboard and offboard employees remotely

-

Easily enroll everything in one place and please auditors without making engineers give up their Linux computers.

-
-

Offboard employees with remote lock, and decommission lost and stolen devices with remote wipe.

-

Connect to identity providers like Okta, Azure, Google Workspace, or any other that supports OpenID Connect.

-

Keep hard disks encrypted with key escrow for FileVault and Bitlocker, and prove it with a couple of clicks or the REST API.

-

Enroll all your devices with Apple Business Manager, Microsoft Autopilot, and built-in packages for Linux systems.

-
-
-
-
-
-
-
-

Shorten the feedback loop

-

Spend less time debugging whether changes actually happened. Auto-verify using real data pulled from your users' devices.

-
-

Use a git repo as the source of truth to reduce errors (submitting the wrong patch, configuration setting etc)

-

Every change to a policy or security control is tracked and auditable in Fleet’s history, or via the repo commit log

-

Instantly reveal failed patches and broken settings with osquery to shorten the feedback loop and uncover problems sooner.

-
-
-
- A laptop using Fleet to accurately display the status of MDM configurations -
-
-
- <%- partial('../partials/calendar-banner.partial.ejs') %> -
-
-
- Transparency for end users -
-
-

Scope transparency

-

Increase buy-in from end users by clarifying how their work computers are managed.

-
-

Give end users assurance about what actions IT can take on their computer

-

Let end users see exactly what data is collected, all the way down to the source code

-

Set clear expectations about how to configure company devices

-
-
-
-
-
<%/* End of page gradient */%> -

Who else uses Fleet?

-

Empowering <%= ['vm', 'eo-security'].includes(primaryBuyingSituation) ? 'security and IT' : 'IT' %> teams, globally

+

Empowering <%= ['vm', 'eo-security'].includes(primaryBuyingSituation) ? 'security and IT' : 'IT' %> teams

-
+ +
+

Device management (MDM)

-

Manage everything in one place

-
+

Your easiest MDM migration

+
Start now Talk to us