mirror of
https://github.com/fleetdm/fleet
synced 2026-05-23 17:08:53 +00:00
Update mdm and compliance landpages (#9814)
- changed /device-management to a teaser layout as per this [Slack thread](https://fleetdm.slack.com/archives/C01ALP02RB5/p1676053098600709). - updated pre-header styling on /device-management and /compliance - updated badge in the navigation to say "Limited beta". --------- Co-authored-by: Eric <eashaw@sailsjs.com>
This commit is contained in:
Mike Thomas
GitHub
parent
52d0078bbc
commit
0ce8c65960
6 changed files with 28 additions and 16 deletions
10
website/assets/styles/layout.less
vendored
10
website/assets/styles/layout.less
vendored
|
|
@ -152,10 +152,9 @@ html, body {
|
|||
}
|
||||
[purpose='mobile-dropdown'] {
|
||||
[purpose='beta-label'] {
|
||||
background: #8B8FA2;
|
||||
background: linear-gradient(90deg, #FF5C83 0%, #6A67FE 100%);
|
||||
display: inline-block;
|
||||
padding: 1px 3px;
|
||||
border-radius: 4px;
|
||||
padding: 1px 6px;
|
||||
text-transform: uppercase;
|
||||
color: #FFF;
|
||||
font-weight: 700;
|
||||
|
|
@ -260,10 +259,9 @@ html, body {
|
|||
text-decoration: none;
|
||||
}
|
||||
[purpose='beta-label'] {
|
||||
background: #8B8FA2;
|
||||
background: linear-gradient(90deg, #FF5C83 0%, #6A67FE 100%);
|
||||
display: inline-block;
|
||||
padding: 1px 3px;
|
||||
border-radius: 4px;
|
||||
padding: 1px 6px;
|
||||
text-transform: uppercase;
|
||||
color: #FFF;
|
||||
font-weight: 700;
|
||||
|
|
|
|||
8
website/assets/styles/pages/compliance.less
vendored
8
website/assets/styles/pages/compliance.less
vendored
|
|
@ -21,6 +21,14 @@
|
|||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
/* Text gradient */
|
||||
background: linear-gradient(90deg, #FF5C83 0%, #6A67FE 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
text-fill-color: transparent;
|
||||
display: inline-block;
|
||||
/* End text gradient */
|
||||
}
|
||||
p {
|
||||
font-size: 16px;
|
||||
|
|
|
|||
11
website/assets/styles/pages/fleet-mdm.less
vendored
11
website/assets/styles/pages/fleet-mdm.less
vendored
|
|
@ -21,9 +21,14 @@
|
|||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
img {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
/* Text gradient */
|
||||
background: linear-gradient(90deg, #FF5C83 0%, #6A67FE 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
text-fill-color: transparent;
|
||||
display: inline-block;
|
||||
/* End text gradient */
|
||||
}
|
||||
p {
|
||||
font-size: 16px;
|
||||
|
|
|
|||
4
website/views/layouts/layout-sandbox.ejs
vendored
4
website/views/layouts/layout-sandbox.ejs
vendored
|
|
@ -134,7 +134,7 @@
|
|||
<div class="d-block">
|
||||
<div id="mobileNavbarToggleUseCases" purpose="mobile-dropdown" class="collapse align-items-start" data-parent="#mobileDropdowns">
|
||||
<a href="/platform">How it works</a>
|
||||
<a href="/device-management"><div>Device management<span purpose="beta-label">Beta</span></div></a>
|
||||
<a href="/device-management"><div>Device management<span purpose="beta-label">Limited beta</span></div></a>
|
||||
<span>SUCCESS STORIES</span>
|
||||
<a class="pl-3" href="/success-stories/fleet-user-stories-wayfair">Wayfair</a>
|
||||
<a class="pl-3" href="/success-stories/fleet-user-stories-schrodinger">Schrödinger</a>
|
||||
|
|
@ -186,7 +186,7 @@
|
|||
<a purpose="header-nav-btn" button-text="Platform" class="dropdown-toggle d-inline-block align-items-center py-2 px-3 <%= typeof currentSection !== 'undefined' && currentSection === 'platform' ? 'current-section' : '' %>" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Platform</a>
|
||||
<div purpose="header-dropdown" class="dropdown-menu">
|
||||
<a class="dropdown-item mb-1" href="/platform">How it works</a>
|
||||
<a class="dropdown-item mb-1" href="/device-management"><div>Device management <span purpose="beta-label">Beta</span></div></a>
|
||||
<a class="dropdown-item mb-1" href="/device-management"><div>Device management <span purpose="beta-label">Limited beta</span></div></a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<h6 class="muted dropdown-header">SUCCESS STORIES</h6>
|
||||
<a class="dropdown-item mb-1" href="/success-stories/fleet-user-stories-wayfair">Wayfair</a>
|
||||
|
|
|
|||
4
website/views/layouts/layout.ejs
vendored
4
website/views/layouts/layout.ejs
vendored
|
|
@ -153,7 +153,7 @@
|
|||
<div id="mobileNavbarToggleUseCases" purpose="mobile-dropdown" class="collapse align-items-start" data-parent="#mobileDropdowns">
|
||||
<a href="/platform">How it works</a>
|
||||
<a href="/compliance">Security compliance</a>
|
||||
<a href="/device-management"><div>Device management<span purpose="beta-label">Beta</span></div></a>
|
||||
<a href="/device-management"><div>Device management<span purpose="beta-label">Limited beta</span></div></a>
|
||||
<span>SUCCESS STORIES</span>
|
||||
<a class="pl-3" href="/success-stories/fleet-user-stories-wayfair">Wayfair</a>
|
||||
<a class="pl-3" href="/success-stories/fleet-user-stories-schrodinger">Schrödinger</a>
|
||||
|
|
@ -206,7 +206,7 @@
|
|||
<div purpose="header-dropdown" class="dropdown-menu">
|
||||
<a class="dropdown-item mb-1" href="/platform">How it works</a>
|
||||
<a class="dropdown-item mb-1" href="/compliance">Security compliance</a>
|
||||
<a class="dropdown-item mb-1" href="/device-management"><div>Device management <span purpose="beta-label">Beta</span></div></a>
|
||||
<a class="dropdown-item mb-1" href="/device-management"><div>Device management <span purpose="beta-label">Limited beta</span></div></a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<h6 class="muted dropdown-header">SUCCESS STORIES</h6>
|
||||
<a class="dropdown-item mb-1" href="/success-stories/fleet-user-stories-wayfair">Wayfair</a>
|
||||
|
|
|
|||
7
website/views/pages/fleet-mdm.ejs
vendored
7
website/views/pages/fleet-mdm.ejs
vendored
|
|
@ -2,8 +2,9 @@
|
|||
<div purpose="hero-background" class="container-lg d-flex justify-content-center">
|
||||
<div purpose="hero-container" class="d-flex flex-column align-items-center">
|
||||
<div purpose="hero-text">
|
||||
<h4>Limited beta</h4>
|
||||
<h1>A better MDM</h1>
|
||||
<p>Legacy MDMs have left you in the dark for way too long. Fleet’s cross-platform MDM gives IT teams more visibility out of the box. Find out more in our limited beta.</p>
|
||||
<p>Legacy MDMs have left you in the dark for way too long. Fleet’s cross-platform MDM gives IT teams more visibility out of the box.</p>
|
||||
<div purpose="button-row" class="d-flex flex-sm-row flex-column justify-content-center align-items-center">
|
||||
<a purpose="mdm-beta-button" @click="clickOpenSignupModal()">Request access</a>
|
||||
<a href="https://calendly.com/fleetdm/demo?utm_source=mdm+demo" target="_blank" purpose="animated-arrow-button-red">Talk to an expert</a>
|
||||
|
|
@ -12,7 +13,7 @@
|
|||
<img alt="The MDM page hero image" purpose="hero-image" class="d-none d-sm-block" src="/images/fleet-mdm-hero-1006x595@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="page-container" class="container-lg">
|
||||
<!-- <div purpose="page-container" class="container-lg">
|
||||
|
||||
<div purpose="section" class="mx-auto mb-0">
|
||||
<div class="d-flex flex-column text-left text-md-center">
|
||||
|
|
@ -113,7 +114,7 @@
|
|||
<img alt="The Atlassian logo" purpose="atlassian-logo" src="/images/logo-atlassian-muted-172x22@2x.png">
|
||||
<img alt="The Twilio Segment logo" purpose="segment-logo" src="/images/logo-segment-muted-150x34@2x.png">
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<modal v-if="modal === 'beta-signup'" @close="closeModal()" data-backdrop="false" v-cloak purpose="modal">
|
||||
<div class="container d-flex flex-column justify-content-center align-items-center" purpose="modal-container">
|
||||
|
|
|
|||
Loading…
Reference in a new issue