Live Preview
Tag didn’t load? Click here and let us know!Share this result
Previews are deleted daily. Get a permanent share link sent to your inbox:
Script
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title>Samsara</title>
<!--[if gt mso 15]>
<style type="text/css" media="all">
/* Outlook 2016 Height Fix */
table,
tr,
td {
border-collapse: collapse;
}
</style>
<![endif]-->
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
.outlook-rendering {
margin: 0px 80px 60px 80px;
padding: 0px !important;
}
table {
border-collapse: collapse;
border-spacing: 0;
mso-line-height-rule: exactly;
mso-margin-bottom-alt: 0;
mso-margin-top-alt: 0;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
</style>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0 ">
<!-- custom marketo variables -->
<!-- <meta class="mktoString" id="phoneNumber" mktoname="Phone #" default="415-985-2400"> -->
<!-- <meta class="mktoString" id="emailAddress" mktoname="Email" default="sales@samsara.com"> -->
<!-- <meta class="mktoString" id="acctPref" mktoname="Account Preferences Link" default="http://mylink" mktomodulescope="true"> -->
<!-- <meta class="mktoString" id="Google Tag" mktoname="Google Tracking code" mktomodulescope="false" default
allowhtml="true"> -->
<!-- <meta class="mktoBoolean" id="showOperationalFooter" mktoname="Show Operational Footer" default="false"
false_value="none" true_value="inline" false_value_name="NO" true_value_name="YES"> -->
<!-- Dark Mode Variables -->
<!-- end custom marketo variables -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root {
color-scheme: light dark;
supported-color-schemes: light dark;
}
.webfont-one {
font-family:
'Roboto', sans-serif !important;
}
p {
margin: 0 !important;
}
a:hover {
color: rgb(3, 105, 234);
text-decoration: underline;
}
a:visited {
color: rgb(245, 166, 35);
text-decoration: underline;
}
.header-link:visited {
color: rgb(51, 51, 51);
}
.header-link:hover {
color: rgb(245, 166, 35);
}
.hero-text p {
margin: 0 !important;
}
.cta {
border-radius: 8px !important;
}
.logo-dark {
display: none !important;
mso-hide: all !important;
}
.img-dark {
display: none !important;
mso-hide: all !important;
}
@media (prefers-color-scheme: light) {
.button-hover:hover {
color: #00263E !important;
background-color: rgb(255, 255, 255);
border-color: #00263E ;
border-width: 2px !important;
border-style: solid !important;
}
.button-hover:hover {
background-color: #ffffff !important;
}
}
@media (prefers-color-scheme: dark) {
.img-dark,
.logo-dark {
display: inline-block !important;
}
.img-light,
.logo-light {
display: none !important;
mso-hide: all !important;
}
p,
li,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
a {
color: rgb(200, 200, 200) !important;
}
.button {
background-color: #0684FB !important;
border-color: #0684FB !important;
}
.button-hover {
border-color: #0684FB !important;
background-color: #0684FB !important;
}
.button-hover:hover {
color: #0684FB !important;
background-color: #333333 !important;
border-color: #0684FB!important;
border-width: 2px !important;
border-style: solid !important;
}
.button-dark {
color: #0684FB !important;
border-color: #0684FB !important;
background-color: #333333 !important;
}
.darkbg {
background-color: rgb(51, 51, 51) !important;
}
.darkbgGmail {
background-color: rgb(51, 51, 51) ;
background-image:linear-gradient(rgb(239, 239, 239),rgb(239, 239, 239));
}
.darkbgBlack {
background-color: rgb(0, 0, 0) !important;
}
}
[data-ogsc] .img-dark,
[data-ogsc] .logo-dark {
display: inline-block !important;
}
[data-ogsc] .img-light,
[data-ogsc] .logo-light {
display: none !important;
mso-hide: all !important;
}
.gmail-blend-screen {
background:#000;
mix-blend-mode:screen;
}
.gmail-blend-difference {
background:#000;
mix-blend-mode:difference;
}
@media screen {
.webfont-one {
font-family:
'Roboto',
sans-serif !important;
}
}
@media screen and (max-width: 520px) {
.email-container {
width: 100% !important;
height: auto !important;
}
.email-wrapper {
padding: 0px !important;
}
.respo {
display: block !important;
width: 100% !important;
}
.respo-stacking {
padding-bottom: 20px;
}
.spacer {
display: none !important;
width: 0 !important;
}
.pad-img-bot {
padding-bottom: 14px;
}
.pad-img-top {
padding-bottom: 14px;
}
.m-ptb-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.respo-top {
display: block;
width: 100% !important;
float: left !important;
}
.respo-bottom {
display: block;
width: 100% !important;
float: right !important;
}
.support {
font-size: 10px;
}
.logo,
.logo-light,
.logo-dark {
width: 130px !important;
height: auto !important;
}
.logoMobile {
display: none;
mso-hide: all;
}
.content-text {
padding-left: 20px !important;
padding-right: 20px !important;
}
img.hide {
display: none !important;
mso-hide: all !important;
}
td.overlay-container {
padding: 0px 30px 0px 30px !important;
height: auto !important;
background-repeat: no-repeat;
background-position: center center !important;
}
h1.overlay-heading {
font-size: 26px !important;
line-height: 120% !important;
}
.overlayctabutton {
padding: 0px 20px 0px 20px !important;
}
}
@media only screen and (max-width: 520px) {
.logo-nolinks {
padding: 10px 0px 10px 0px !important;
}
.rtl {
direction: rtl !important;
}
table.email-container {
width: 100% !important;
}
table.cta-container {
width: 100% !important;
}
table.button {
width: 100% !important;
}
.mobile-padding-three {
padding: 40px 0px 40px 0px !important;
}
table.footer-callout {
margin: 2px auto;
}
.mobile-padding {
padding: 0px 40px 20px 40px !important;
}
.content-cell {
width: 100% !important;
padding: 30px 0 !important;
}
.button-cell {
padding: 0 20px !important;
}
.cta-cell {
text-align: center !important;
padding: 10px 0 !important;
}
.quarterCol {
width: 50% !important;
display: inline-block;
}
.thirdCol {
width: 33.33% !important;
padding: 0;
}
.legal {
text-align: center !important;
}
.top-spacer {
height: 10px !important;
}
.hero-container {
padding: 0 20px !important;
background-repeat: no-repeat;
background-position: center center !important;
}
.hero-centering {
padding: 30px 0 !important;
}
.footer-link-cell {
width: auto !important;
}
.respo {
display: block !important;
width: 100% !important;
}
.spacer {
display: none !important;
width: 0 !important;
}
div.support {
font-size: 10px;
}
h1.hero-heading {
font-size: 30px !important;
line-height: 120% !important;
}
h2.hero-heading2 {
font-size: 22px !important;
line-height: 110% !important;
}
img.logo,
img.logo-light,
img.logo-dark {
display: none !important;
}
.logoMobile {
width: 130px !important;
height: auto !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}
img.logoA {
padding-left: 0px !important;
width: 180px !important;
height: auto !important;
}
img.hide {
display: none !important;
}
img.respo-top {
display: block;
width: 100% !important;
float: left !important;
text-align: left !important;
}
img.respo-bottom {
display: block;
width: 100% !important;
text-align: right !important;
float: right !important;
}
img.plus {
display: block;
width: 50% !important;
text-align: center !important;
float: center !important;
margin: 0 auto;
}
}
</style>
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings> <o:AllowPNG /> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings>
</xml>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet" />
<![endif]-->
<!--[if mso]>
<style type="text/css">
body,
table,
td,
p,
li,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
a,
div {
font-family: 'Roboto', Arial, sans-serif;
}
ul,
ol,
li {
font-family: 'Roboto', Arial, sans-serif;
color: #4d5b62 !important;
}
.logo-dark {
display: none !important;
mso-hide: all !important;
}
.img-dark {
display: none !important;
mso-hide: all !important;
}
@media (prefers-color-scheme: light) {
.button-hover:hover {
color: #00263E !important;
background-color: rgb(255, 255, 255);
border-color: #00263E ;
border-width: 2px !important;
border-style: solid !important;
}
.button-hover:hover {
background-color: #ffffff !important;
}
}
@media (prefers-color-scheme: dark) {
.img-dark,
.logo-dark {
display: inline-block !important;
}
.img-light,
.logo-light {
display: none !important;
mso-hide: all !important;
}
p,
li,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
a {
color: rgb(200, 200, 200) !important;
}
.darkbg {
background-color: rgb(51, 51, 51) !important;
}
.darkbgBlack {
background-color: rgb(0, 0, 0) !important;
}
.button {
background-color: #0684FB !important;
border-color: #0684FB !important;
}
.button-hover {
border-color: #0684FB !important;
background-color: #0684FB !important;
}
.button-hover:hover {
color: #0684FB !important;
background-color: #333333 !important;
border-color: #0684FB!important;
border-width: 2px !important;
border-style: solid !important;
}
.button-dark {
color: #0684FB !important;
border-color: #0684FB !important;
}
}
[data-ogsc] .img-dark,
[data-ogsc] .logo-dark {
display: inline-block !important;
}
[data-ogsc] .img-light,
[data-ogsc] .logo-light {
display: none !important;
mso-hide: all !important;
}
</style>
<![endif]-->
</head>
<!-- bg color no longer important?-->
<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="margin: 0; padding: 0; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; background-color: #ffffff">
<div style="display: none; max-height: 0px; overflow: hidden">
</div>
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-spacing: 0; border-collapse: collapse">
<tbody>
<tr style="border-collapse: collapse">
<td class="email-wrapper darkbg" align="center" valign="top" bgcolor="#efefef" style="border-collapse: collapse; padding: 0; margin: 0">
<table class="email-container" width="600" cellspacing="0" cellpadding="0" border="0" style="border-spacing: 0; border-collapse: collapse; width: 600px">
<tbody>
<tr style="border-collapse: collapse">
<td class="mktoContainer" id="template-wrapper" bgcolor="#efefef" style="border-collapse: collapse">
<table width="100%" cellspacing="0" cellpadding="0" border="0" id="emailHeader" class="mktoModule" style="
border-spacing: 0;
border-collapse: collapse;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
border-spacing: 0;
border-collapse: collapse;
width: 100%;
background: #00263e;
">
<tbody>
<tr style="border-collapse: collapse">
<td class="logo-nolinks" align="center" valign="middle" style="background: #00263e; border-collapse: collapse; margin: 0"> <a href="https://samsara.com/guides/fleet-safety?utm_medium=email&utm_source=EHS&utm_campaign=2025-third-party-safety-guide" style="color: rgb(245, 166, 35); font-weight: 600 !important; font-family: 'Roboto', sans-serif; font-size: 16px; color: #ffffff; text-align: center"> <img src="https://go.samsara.com/rs/027-TSX-214/images/Safety guide header.png?version=0" class="logo" alt="logo" width="600" style="width: 600px; height: auto; border-style: none; border: 0; vertical-align: bottom">
<!--[if !mso]><!--> <img src="https://go.samsara.com/rs/027-TSX-214/images/samsara_horizontal_logo_white-300px-w.png?version=0" class="logoMobile" alt="logo" width="130" style="display: none; mso-hide: all; width: 130px; height: auto; border-style: none; border: 0; vertical-align: bottom">
<!-- <img src="https://go.samsara.com/rs/027-TSX-214/images/Safety guide header.png?version=0" class="logo-dark" alt="logo" width="600" style="width: 600px; height: auto; border-style: none; border: 0; vertical-align: bottom" /> -->
<!--<![endif]--> </a> </td>
</tr>
</tbody>
</table>
<table class="mktoModule darkbg" id="textarea" width="100%" cellspacing="0" cellpadding="0" border="0" style="border-spacing: 0; border-collapse: collapse">
<tbody>
<tr style="border-collapse: collapse">
<td class="content-text webfont-one darkbg" align="left" valign="top" style="background-color:#FFFFFF;border-collapse: collapse; padding-top:20px; padding-bottom:10px;font-family:'Roboto', sans-serif; font-size:16px; line-height:150%; margin: 0;padding-left:40px; padding-right:40px; color:#4d5b62; font-weight:400;">
<div class="mktoText" id="textArea-M11a2f9a6ec0-4cbc-4a13-b1b8-58f7362f4c97" style="color: rgb(51, 51, 51)">
<p style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; font-family: 'Roboto', sans-serif;">Hi there,<br><br>The safest fleets start with a strong safety program.<br><br>With <span style="text-decoration: underline;"><strong><span style="color: #0369ea;"><a href="https://samsara.com/guides/fleet-safety?utm_medium=email&utm_source=EHS&utm_campaign=2025-third-party-safety-guide" target="_blank" style="color: #0369ea; text-decoration: underline;">The Samsara Guide to Fleet Safety</a></span></strong></span>, you get a clear, step-by-step guide to building an effective fleet safety program, including how to: <br></p>
<ul>
<li>Choose the right dash cams to improve visibility and protect against false claims.</li>
<li>Develop a safety program that reduces accidents and improves driver performance.</li>
<li>Prove ROI by cutting costs with fewer accidents, lower insurance premiums, and reduced downtime.</li>
</ul>
<p style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; font-family: 'Roboto', sans-serif;"><span style="text-decoration: underline;"><strong><span style="color: #0369ea;"><a href="https://samsara.com/guides/fleet-safety?utm_medium=email&utm_source=EHS&utm_campaign=2025-third-party-safety-guide" target="_blank" style="color: #0369ea; text-decoration: underline;">Read our guide</a></span></strong></span> to reduce accidents, avoid false claims, and save money with a safety program designed to protect your drivers and your bottom line.<br></p>
</div> </td>
</tr>
</tbody>
</table>
<table class="mktoModule darkbg" id="button-center" width="100%" cellspacing="0" cellpadding="0" role="presentation" border="0" bgcolor="#FFFFFF" align="center" style="border-spacing: 0; border-collapse: collapse">
<tbody>
<tr style="border-collapse: collapse">
<td class="cta darkbg" align="center" style="background-color:#FFFFFF; border-collapse: collapse; padding-top:20px; padding-bottom:20px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table style="
border-spacing: 0;
border-collapse: collapse;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
border-spacing: 0;
border-collapse: collapse;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr style="border-collapse: collapse">
<td style="
border-collapse: collapse;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
word-break: break-word;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
border-collapse: collapse;
border-radius: 6px !important;
" align="center" bgcolor="#0369EA"> <a href="https://samsara.com/guides/fleet-safety?utm_medium=email&utm_source=EHS&utm_campaign=2025-third-party-safety-guide" target="_blank" class="primary-font button" style="color: rgb(245, 166, 35); font-weight: 600 !important; font-family: 'Roboto', sans-serif; letter-spacing: 1.3px; -webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;border-color:#0369EA;font-size: 14px; font-weight: bold; font-family: 'Roboto', sans-serif; color: #ffffff;padding-top:20px;padding-right: 50px;padding-bottom: 20px;padding-left: 50px;border-width:2px;display: inline-block;border-style: solid; text-decoration: none;background-color:#0369EA; border-radius: 6px !important">Read the Guide</a> </td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
</tbody>
</table>
<table class="mktoModule darkbg" id="textareae7583307-db0f-4286-b798-1b9a098e3efb" width="100%" cellspacing="0" cellpadding="0" border="0" style="border-spacing: 0; border-collapse: collapse">
<tbody>
<tr style="border-collapse: collapse">
<td class="content-text webfont-one darkbg" align="left" valign="top" style="background-color:#FFFFFF;border-collapse: collapse; padding-top:20px; padding-bottom:20px;font-family:'Roboto', sans-serif; font-size:16px; line-height:150%; margin: 0;padding-left:40px; padding-right:40px; color:#4d5b62; font-weight:400;">
<div class="mktoText" id="textArea-M11a2cd5786e-71e2-43c6-ae69-12984a3f9103" style="color: rgb(51, 51, 51)">
<p style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; font-family: 'Roboto', sans-serif;">Best,<br>The Samsara team</p>
</div> </td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</body>
</html>Landing Page
This ad does not have a landing page available
Network Timeline
Performance Summary
6
Requests
4
Domains
436KB
Transfer Size
521KB
Content Size
333.0ms
Dom Content Loaded
351.0ms
First Paint
510.0ms
Load Time
Domain Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...
Timings (ms)
Loading...
Total Time
Loading...
Content Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...