One-column
Template source code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
lang-="en"
>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--[if !mso]>-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--<![endif]-->
<meta name="format-detection" content="telephone=no" />
<meta name="x-apple-disable-message-reformatting" />
<title>Basic email template</title>
<link
href="https://honeycomb.flixbus.com/dist/12.3.0/css/honeycomb-fonts.css"
rel="stylesheet"
/>
<!-- corrects DPI scaling issues in Outlook Win -->
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG />
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<style>
@media (min-width: 640px) {
.hce-email-body {
padding: 24px !important;
}
}
@media (min-width: 640px) {
.hce-teaser-link-group__col {
width: 33.3% !important;
}
}
</style>
</head>
<body
style="
margin: 0;
background: #f7f7f7;
color: #353535;
font-family: Roboto, Arial, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5rem;
mso-line-height-rule: exactly;
"
>
<!-- LAYOUT WRAPPER starts -->
<table
class="hce-layout-wrapper"
role="none"
border="0"
cellspacing="0"
cellpadding="0"
style="
padding: 0;
box-sizing: border-box;
width: 100%;
margin: 12px 0;
background: #f7f7f7;
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
width="100%"
>
<tr>
<td>
<!-- PRE-HEADER starts -->
<table
class="hce-pre-header"
role="none"
cellpadding="0"
cellspacing="0"
border="0"
style="
box-sizing: border-box;
width: 100%;
max-width: 640px;
margin: auto;
padding: 0;
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
width="100%"
>
<tr>
<td
class="hce-pre-header__column"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
width: 50%;
font-family: Roboto, Arial, sans-serif;
font-size: 0.875rem;
"
width="50%"
>
<a
class="hce-pre-header__link"
href="https://www.flixbus.com"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: transparent;
color: #0047de;
font-family: Roboto, Arial, sans-serif;
font-size: 0.875rem;
font-weight: 500;
text-decoration: underline;
"
>Title</a
>
</td>
<td
class="hce-pre-header__column hce-pre-header__column--right"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
width: 50%;
font-family: Roboto, Arial, sans-serif;
font-size: 0.875rem;
text-align: right;
"
width="50%"
align="right"
>
<a
class="hce-pre-header__link"
href="https://www.flixbus.com"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: transparent;
color: #0047de;
font-family: Roboto, Arial, sans-serif;
font-size: 0.875rem;
font-weight: 500;
text-decoration: underline;
"
>Show online version</a
>
</td>
</tr>
</table>
<!-- PRE-HEADER ends -->
</td>
</tr>
<tr>
<td>
<table
class="hce-email-body"
role="none"
cellpadding="0"
cellspacing="0"
border="0"
style="
box-sizing: border-box;
width: 100%;
max-width: 640px;
margin: auto;
padding: 12px;
border: 1px solid #c8c8c8;
border-top: 3px solid #73d700;
border-radius: 6px;
background: #fff;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
width="100%"
>
<tr>
<td>
<!-- HEADER starts -->
<table
class="hce-header"
role="none"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
width: 100%;
text-align: left;
"
width="100%"
align="left"
>
<tr>
<td>
<a
class="hce-header-logo-link"
title="Hive logo"
href="https://www.flixbus.com"
rel="author"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
display: inline-block;
height: 24px;
margin-bottom: 12px;
"
>
<img
class="hce-header-logo-link__img"
src="https://honeycomb.flixbus.com/dist/12.3.0/img/logos/png/flixbus-green.png"
alt="Flixbus logo"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
height: 24px;
"
height="24"
/>
</a>
</td>
</tr>
</table>
<!-- HEADER ends -->
</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table
class="hce-message-box-wrapper"
role="none"
width="100%"
border="0"
cellspacing="0"
cellpadding="0"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
>
<tr>
<td>
<table
class="hce-message-box hce-message-box--"
role="none"
width="100%"
border="0"
cellspacing="0"
cellpadding="0"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
width: 100%;
border: 1px solid #c8c8c8;
border-radius: 6px;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
>
<tr>
<td
class="hce-message-box__icon-wrapper"
style="
margin: 0;
box-sizing: border-box;
width: 48px;
padding: 12px;
vertical-align: top;
"
width="48"
valign="top"
>
<img
class="hce-message-box__icon"
src="https://honeycomb.flixbus.com/dist/12.3.0/img/email/icon-attention.png"
alt="${message-box-icon-alt}"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
width: 24px;
height: 24px;
"
width="24"
height="24"
/>
</td>
<td
class="hce-message-box__content"
style="
margin: 0;
box-sizing: border-box;
padding: 12px 0;
"
>
<h4
class="hce-h4 hce-h4--section-header"
style="
padding: 0;
box-sizing: border-box;
margin: 12px 0;
color: #353535;
font-family: Roboto, Arial, sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.5rem;
margin-top: 0;
margin-bottom: 0;
"
>
Travel during Covid-19
</h4>
<table
class="hce-text"
role="none"
width="100%"
border="0"
cellspacing="0"
cellpadding="0"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
"
>
<tr>
<td>
<p
style="
margin: 0;
padding: 0;
color: #353535;
font-family: Roboto, Arial,
sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5rem;
"
>
Check out all you need to know.
<a
class="hce-link"
href="https://www.flixbus.com"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: transparent;
color: #0047de;
font-family: Roboto, Arial,
sans-serif;
font-weight: 500;
text-decoration: underline;
"
>See infos.</a
>
</p>
</td>
</tr>
<tr>
<td
class="hce-text__bottom-spacer"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
height: 1px;
"
height="1"
></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td
class="hce-message-box-wrapper__bottom-spacer"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
height: 18px;
"
height="18"
></td>
</tr>
</table>
<h3
class="hce-h3 hce-h3--section-header"
style="
padding: 0;
box-sizing: border-box;
margin: 12px 0;
color: #353535;
font-family: Roboto, Arial, sans-serif;
font-size: 1.1rem;
font-weight: 700;
line-height: 1.5rem;
margin-top: 0;
"
>
Dear FlixBus customer,
</h3>
<table
class="hce-text"
role="none"
width="100%"
border="0"
cellspacing="0"
cellpadding="0"
style="margin: 0; padding: 0; box-sizing: border-box"
>
<tr>
<td>
<p
style="
margin: 0;
padding: 0;
color: #353535;
font-family: Roboto, Arial, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5rem;
"
>
to complete your registration, please click on the
following button:
</p>
</td>
</tr>
<tr>
<td
class="hce-text__bottom-spacer"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
height: 18px;
"
height="18"
></td>
</tr>
</table>
<!-- BANNER IMG starts -->
<table
class="hce-banner-image"
role="none"
width="100%"
border="0"
cellspacing="0"
cellpadding="0"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
width: 100%;
max-width: 640px;
height: auto;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
height="auto"
>
<tr>
<td>
<img
class="hce-banner-image__img"
width="100%"
src="https://honeycomb.flixbus.com/dist/12.3.0/img/img-placeholder-grey.png"
alt="banner image"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
border: 1px solid #e1e1e1;
border-radius: 6px;
"
/>
</td>
</tr>
<tr>
<td
class="hce-banner-image__bottom-spacer"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
height: 18px;
"
height="18"
></td>
</tr>
</table>
<!-- BANNER IMG ends -->
<!-- CTA starts -->
<table
class="hce-form-row"
role="none"
width="100%"
border="0"
cellspacing="0"
cellpadding="0"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
width: 100%;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
>
<tr>
<td style="padding-bottom: 18px">
<!-- BUTTON starts -->
<table
role="none"
border="0"
cellspacing="0"
cellpadding="0"
>
<tr>
<td
class="hce-btn hce-btn--primary"
align="center"
bgcolor="#ffad00"
style="
margin: 0;
box-sizing: border-box;
min-width: 142px;
max-width: 100%;
min-height: 48px;
padding: 0 12px;
border-radius: 6px;
font-family: Roboto, Arial, sans-serif;
font-size: 1rem;
font-weight: 500;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
overflow: hidden;
appearance: none;
border: 0;
background: #a2e53f;
color: #353535;
"
>
<a
href="https://www.flixbus.com"
target="_blank"
class="hce-btn__link"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
display: inline-block;
font-family: Roboto, Arial, sans-serif;
font-size: 1rem;
font-weight: 500;
vertical-align: middle;
mso-line-height-rule: exactly;
color: #353535;
line-height: 48px;
text-decoration: none;
"
>
Complete registration
</a>
</td>
</tr>
</table>
<!-- BUTTON ends -->
</td>
</tr>
</table>
<!-- CTA ends -->
<table
class="hce-text"
role="none"
width="100%"
border="0"
cellspacing="0"
cellpadding="0"
style="margin: 0; padding: 0; box-sizing: border-box"
>
<tr>
<td>
<p
style="
margin: 0;
padding: 0;
color: #353535;
font-family: Roboto, Arial, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5rem;
"
>
If the forwarding does not work, please copy the
following link into your browser:
<a
class="hce-link"
href="https://www.flixbus.de/info"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: transparent;
color: #0047de;
font-family: Roboto, Arial, sans-serif;
font-weight: 500;
text-decoration: underline;
"
>https://www.flixbus.de/info</a
>
</p>
</td>
</tr>
<tr>
<td
class="hce-text__bottom-spacer"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
height: 18px;
"
height="18"
></td>
</tr>
</table>
<table
class="hce-text"
role="none"
width="100%"
border="0"
cellspacing="0"
cellpadding="0"
style="margin: 0; padding: 0; box-sizing: border-box"
>
<tr>
<td>
<p
style="
margin: 0;
padding: 0;
color: #353535;
font-family: Roboto, Arial, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5rem;
"
>
If you have not registered with FlixBus, please
ignore this message.
</p>
</td>
</tr>
<tr>
<td
class="hce-text__bottom-spacer"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
height: 18px;
"
height="18"
></td>
</tr>
</table>
<!-- VOUCHER starts -->
<table
class="hce-voucher"
role="none"
border="0"
cellspacing="0"
cellpadding="0"
style="
margin: 0;
box-sizing: border-box;
position: relative;
width: 100%;
min-width: 142px;
max-width: 100%;
height: 48px;
margin-bottom: 18px;
padding: 0 6px;
border-radius: 6px;
background: #f7f7f7;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
width="100%"
height="48"
>
<tr>
<td
class="hce-voucher__box"
align="center"
bgcolor="#f7f7f7"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
height: 48px;
"
height="48"
>
<span
class="hce-voucher__text"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
display: inline-block;
color: #353535;
font-family: Roboto, Arial, sans-serif;
font-size: 1.1rem;
font-weight: 700;
line-height: 48px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
mso-line-height-rule: exactly;
"
>
TESTVOUCHER
</span>
</td>
</tr>
</table>
<!-- VOUCHER ends -->
<!-- TEASER-LINK group starts -->
<div
class="hce-teaser-link-group"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
margin-right: -6px;
margin-left: -6px;
overflow: hidden;
"
>
<div
class="hce-teaser-link-group__col"
style="
margin: 0;
box-sizing: border-box;
width: 50%;
margin-bottom: 12px;
padding: 0 6px;
float: left;
"
>
<!-- TEASER-LINK starts -->
<a
class="hce-teaser-link"
href="https://www.flixbus.de/info"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
display: block;
text-decoration: none;
"
>
<table
class="hce-teaser-link__inner"
role="none"
cellpadding="0"
cellspacing="0"
border="0"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
position: relative;
width: 100%;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
width="100%"
>
<tr>
<td
class="hce-teaser-link__image"
background="https://honeycomb.flixbus.com/dist/12.3.0/img/img-placeholder-grey.png"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
height: 240px;
border-radius: 6px;
background-repeat: no-repeat;
background-size: cover;
vertical-align: bottom;
"
height="240"
valign="bottom"
>
<table
class="hce-teaser-link__content"
role="none"
cellpadding="0"
cellspacing="0"
style="
margin: 0;
box-sizing: border-box;
width: 100%;
padding: 12px 6px;
border-radius: 0 0 6px 6px;
background: #444;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.72) 100%
);
text-align: center;
"
width="100%"
align="center"
>
<tr>
<td>
<h4
class="hce-teaser-link__title"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
color: #fff;
font-family: Roboto, Arial,
sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.5rem;
"
>
Berlin
</h4>
<p
class="hce-teaser-link__text"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
color: #fff;
font-family: Roboto, Arial,
sans-serif;
font-size: 1rem;
line-height: 1.5rem;
"
>
from €5.99
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</a>
<!-- TEASER-LINK ends -->
</div>
<div
class="hce-teaser-link-group__col"
style="
margin: 0;
box-sizing: border-box;
width: 50%;
margin-bottom: 12px;
padding: 0 6px;
float: left;
"
>
<!-- TEASER-LINK starts -->
<a
class="hce-teaser-link"
href="https://www.flixbus.de/info"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
display: block;
text-decoration: none;
"
>
<table
class="hce-teaser-link__inner"
role="none"
cellpadding="0"
cellspacing="0"
border="0"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
position: relative;
width: 100%;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
width="100%"
>
<tr>
<td
class="hce-teaser-link__image"
background="https://honeycomb.flixbus.com/dist/12.3.0/img/img-placeholder-grey.png"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
height: 240px;
border-radius: 6px;
background-repeat: no-repeat;
background-size: cover;
vertical-align: bottom;
"
height="240"
valign="bottom"
>
<table
class="hce-teaser-link__content"
role="none"
cellpadding="0"
cellspacing="0"
style="
margin: 0;
box-sizing: border-box;
width: 100%;
padding: 12px 6px;
border-radius: 0 0 6px 6px;
background: #444;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.72) 100%
);
text-align: center;
"
width="100%"
align="center"
>
<tr>
<td>
<h4
class="hce-teaser-link__title"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
color: #fff;
font-family: Roboto, Arial,
sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.5rem;
"
>
Amsterdam
</h4>
<p
class="hce-teaser-link__text"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
color: #fff;
font-family: Roboto, Arial,
sans-serif;
font-size: 1rem;
line-height: 1.5rem;
"
>
from €6.99
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</a>
<!-- TEASER-LINK ends -->
</div>
<div
class="hce-teaser-link-group__col"
style="
margin: 0;
box-sizing: border-box;
width: 50%;
margin-bottom: 12px;
padding: 0 6px;
float: left;
"
>
<!-- TEASER-LINK starts -->
<a
class="hce-teaser-link"
href="https://www.flixbus.de/info"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
display: block;
text-decoration: none;
"
>
<table
class="hce-teaser-link__inner"
role="none"
cellpadding="0"
cellspacing="0"
border="0"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
position: relative;
width: 100%;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
width="100%"
>
<tr>
<td
class="hce-teaser-link__image"
background="https://honeycomb.flixbus.com/dist/12.3.0/img/img-placeholder-grey.png"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
height: 240px;
border-radius: 6px;
background-repeat: no-repeat;
background-size: cover;
vertical-align: bottom;
"
height="240"
valign="bottom"
>
<table
class="hce-teaser-link__content"
role="none"
cellpadding="0"
cellspacing="0"
style="
margin: 0;
box-sizing: border-box;
width: 100%;
padding: 12px 6px;
border-radius: 0 0 6px 6px;
background: #444;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.72) 100%
);
text-align: center;
"
width="100%"
align="center"
>
<tr>
<td>
<h4
class="hce-teaser-link__title"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
color: #fff;
font-family: Roboto, Arial,
sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.5rem;
"
>
Munich
</h4>
<p
class="hce-teaser-link__text"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
color: #fff;
font-family: Roboto, Arial,
sans-serif;
font-size: 1rem;
line-height: 1.5rem;
"
>
from €3.99
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</a>
<!-- TEASER-LINK ends -->
</div>
</div>
<!-- TEASER-LINK group ends -->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<!-- APP FOOTER starts -->
<table
class="hce-app-footer"
role="none"
cellpadding="0"
cellspacing="0"
border="0"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
width: 100%;
margin-bottom: 12px;
border-radius: 6px;
background: #f7f7f7;
text-align: center;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
width="100%"
align="center"
>
<tr>
<td>
<h4
class="hce-h4"
style="
padding: 0;
box-sizing: border-box;
margin: 12px 0;
color: #353535;
font-family: Roboto, Arial, sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.5rem;
"
>
Download the FlixBus App!
</h4>
</td>
</tr>
<tr>
<td
class="hce-app-footer-app-nav"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
padding-bottom: 12px;
"
>
<a
class="hce-app-footer-app-nav__g-play-banner"
href="#"
style="margin: 0; padding: 0; box-sizing: border-box"
><img
src="https://honeycomb.flixbus.com/dist/12.3.0/img/email/google-play-banner.png"
alt="Google play banner"
border="0"
style="padding: 0 6px; width: 112px"
width="112"
/></a>
<a
class="hce-app-footer-app-nav__appstore-banner"
href="#"
style="margin: 0; padding: 0; box-sizing: border-box"
><img
src="https://honeycomb.flixbus.com/dist/12.3.0/img/email/appstore-banner.png"
alt="Appstore banner"
border="0"
style="padding: 0 6px; width: 101px"
width="101"
/></a>
</td>
</tr>
<tr>
<td
class="hce-app-footer-social-nav"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
padding-bottom: 12px;
"
>
<a href="#"
><img
src="https://honeycomb.flixbus.com/dist/12.3.0/img/email/icon-facebook.png"
alt="Facebook icon"
border="0"
style="width: 36px; height: 36px"
width="36"
height="36"
/></a>
<a href="#"
><img
src="https://honeycomb.flixbus.com/dist/12.3.0/img/email/icon-instagram.png"
alt="Instagram icon"
border="0"
style="width: 36px; height: 36px"
width="36"
height="36"
/></a>
<a href="#"
><img
src="https://honeycomb.flixbus.com/dist/12.3.0/img/email/icon-x.png"
alt="X icon"
border="0"
style="width: 36px; height: 36px"
width="36"
height="36"
/></a>
<a href="#"
><img
src="https://honeycomb.flixbus.com/dist/12.3.0/img/email/icon-youtube.png"
alt="Youtube icon"
border="0"
style="width: 36px; height: 36px"
width="36"
height="36"
/></a>
</td>
</tr>
</table>
<!-- APP FOOTER ends -->
</td>
</tr>
<tr>
<td>
<!-- FOOTER starts -->
<table
class="hce-footer"
role="none"
cellpadding="0"
cellspacing="0"
border="0"
style="
margin: 0;
padding: 0;
box-sizing: border-box;
width: 100%;
border-radius: 6px;
background: #f7f7f7;
text-align: center;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
"
width="100%"
align="center"
>
<tr>
<td
class="hce-footer-nav"
style="
margin: 0;
box-sizing: border-box;
padding: 24px 12px;
"
>
<a
href="#"
style="
color: #646464;
font-family: Roboto, Arial, sans-serif;
font-size: 0.875rem;
font-weight: 500;
"
>Copyright</a
>
|
<a
href="#"
style="
color: #646464;
font-family: Roboto, Arial, sans-serif;
font-size: 0.875rem;
font-weight: 500;
"
>All rights reserved</a
>
|
<a
href="#"
style="
color: #646464;
font-family: Roboto, Arial, sans-serif;
font-size: 0.875rem;
font-weight: 500;
"
>Legal Notice</a
>
|
<a
href="#"
style="
color: #646464;
font-family: Roboto, Arial, sans-serif;
font-size: 0.875rem;
font-weight: 500;
"
>© 2024 FlixMobility GmbH</a
>
</td>
</tr>
<tr>
<td
class="hce-footer-image"
style="margin: 0; padding: 0; box-sizing: border-box"
>
<img
src="https://honeycomb.flixbus.com/dist/12.3.0/img/email/footer-image-new.png"
alt="Landscape image with a bus and train"
border="0"
style="
width: 100%;
max-width: 275px;
margin: 0 -12px 24px -12px;
"
/>
</td>
</tr>
</table>
<!-- FOOTER ends -->
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- LAYOUT WRAPPER ends -->
</body>
</html>