Email - Outlook compatible complex emeil
by Ben Clayton
HTML
<a target=_blank href="https://jsfiddle.net/binaryben/pygo86Lk/show">SHOW IN NEW WINDOW</a><br>
Return-Path: <[email protected]><br>
Delivered-To: [email protected]<br>
Received: from alpha.infxsys.com<br>
by alpha.infxsys.com with LMTP<br>
id KEPbJ/YR2F3pUwAA6XDX9A<br>
(envelope-from <[email protected]>)<br>
for <[email protected]>; Fri, 22 Nov 2019 16:51:02 +0000<br>
Return-path: <[email protected]><br>
Envelope-to: [email protected]<br>
Delivery-date: Fri, 22 Nov 2019 16:51:02 +0000<br>
Received: from [148.252.197.52] (port=30478 helo=[10.0.101.98])<br>
by alpha.infxsys.com with esmtpsa (TLSv1.2:ECDHE-RSA-AES256-GCM-SHA384:256)<br>
(Exim 4.92)<br>
(envelope-from <[email protected]>)<br>
id 1iYC98-0005gc-6C<br>
for [email protected]; Fri, 22 Nov 2019 16:51:02 +0000<br>
User-Agent: Microsoft-MacOutlook/10.1e.0.191013<br>
Date: Fri, 22 Nov 2019 16:51:00 +0000<br>
Subject: FW: Waltham rebrand Project<br>
From: Jacob Bryant <[email protected]><br>
To: Ben Clayton <[email protected]><br>
Message-ID: <[email protected]><br>
Thread-Topic: Waltham rebrand Project<br>
References: <[email protected]><br>
<DM5P113MB0106053C4DC474FD4F11CB428B690@DM5P113MB0106.NAMP113.PROD.OUTLOOK.COM><br>
<[email protected]><br>
In-Reply-To: <[email protected]><br>
Mime-version: 1.0<br>
<h1>Content-type: multipart/mixed; boundary="B_3657286261_781732421"</h1>
> This message is in MIME format. Since your mail reader does not understand
this format, some or all of this message may not be legible.<br>
<h1>--B_3657286261_781732421</h1>
<div class="mixed">
<h1>Content-type: multipart/related; boundary="B_3657286261_2146231046"</h1>
<h1>--B_3657286261_2146231046</h1>
<div class="related">
<h1>Content-type: multipart/alternative;...
CSS
.mixed {
border:1px solid green;
padding:5px;
margin-left:20px;
}
.related {
border:1px solid blue;
padding:5px;
margin-left:20px;
}
.alternate {
border:1px solid red;
padding:5px;
margin-left:20px;
}
h1 {
font-size:16px;
}
.bktext {
position:absolute;
font-size:80px;
width:100%;
text-align:center;
color:rgba(128,128,128,0.1);
}