Outbound preview

<article data-kit-role="outbound-preview">
  <div data-kit-role="fact-group">
    <dl data-kit-role="labelled-fact"><dt data-kit-region="name">Channel</dt><dd data-kit-region="value">Email to <span data-kit-region="email"><span><span>aisha@</span><wbr /><span>oakmereprimary.org</span></span></span></dd></dl>
    <dl data-kit-role="labelled-fact"><dt data-kit-region="name">Subject</dt><dd data-kit-region="value">Your rehearsal moves to Thursday 6 February</dd></dl>
  </div>
  <iframe data-kit-region="body" srcdoc="<!doctype html><html lang=en><head><style>body{margin:0;padding:24px;font-family:Georgia,serif;color:#222222;background:#ffffff}h1{margin:0 0 16px;font-size:22px}p{margin:0 0 12px;font-size:15px;line-height:1.5}</style></head><body><h1>Your rehearsal has moved</h1><p>Hello Aisha,</p><p>The choir rehearsal on Tuesday 4 February now takes place on Thursday 6 February, 16:00 to 17:30, in the Garden room.</p><p>Please bring your music folder and a bottle of water. The Garden room is on the ground floor, through the main entrance and past the kitchen.</p><p>The car park behind the hall is free after 15:30, and the number 12 bus stops outside.</p><p>Tea and biscuits are served in the interval, as on Tuesdays.</p><p>If you can no longer come on Thursday, reply to this email and we will tell the choir leader.</p><p>We will open the Garden room at 15:45 so you have time to settle in before we begin. You can leave your coat by the door and take any seat with the choir.</p><p>We will rehearse the first two songs before the interval, then work through the closing piece together. If you have a question about the new time or need help finding the room, reply to this email before Thursday.</p><p>Oakmere Village Hall</p></body></html>" title="Your rehearsal moves to Thursday 6 February" sandbox="allow-same-origin"></iframe>
</article>
<p class="specimen-case-line">A text stands as a phone shows it.</p>
<article data-kit-role="outbound-preview">
  <div data-kit-role="fact-group">
    <dl data-kit-role="labelled-fact"><dt data-kit-region="name">Channel</dt><dd data-kit-region="value">Text to 07700 900123</dd></dl>
  </div>
  <p data-kit-region="body">Oakmere Village Hall: your £50.00 deposit for St Anne’s Scout Group is on its way back to you.
It reaches your account within 5 working days.</p>
</article>
<p class="specimen-case-line">Email and web addresses in a heading wrap with its words.</p>
<div data-kit-role="headed-region">
  <h3 data-kit-region="heading">The invitation, as <span data-kit-region="email"><span><span>bartholomew<wbr />.fitzwilliamson@</span><wbr /><span>oakmereprimaryschool.org</span></span></span> will get it at <span data-kit-region="address"><span><span>https:<wbr />/<wbr />/bookings<wbr />.oakmereprimaryschool.org<wbr />/invitations</span></span></span></h3>
  <div data-kit-region="content">
    <article data-kit-role="outbound-preview">
      <div data-kit-role="fact-group">
        <dl data-kit-role="labelled-fact"><dt data-kit-region="name">Channel</dt><dd data-kit-region="value">Email to <span data-kit-region="email"><span><span>bartholomew<wbr />.fitzwilliamson@</span><wbr /><span>oakmereprimaryschool.org</span></span></span></dd></dl>
        <dl data-kit-role="labelled-fact"><dt data-kit-region="name">Subject</dt><dd data-kit-region="value">Help run Oakmere Village Hall</dd></dl>
      </div>
      <iframe data-kit-region="body" srcdoc="<!doctype html><html lang=en><head><style>body{margin:0;padding:24px;font-family:Georgia,serif;color:#222222;background:#ffffff}p{margin:0 0 12px;font-size:15px;line-height:1.5}</style></head><body><p>Hello Bartholomew,</p><p>You are invited to help run the bookings at Oakmere Village Hall.</p><p>Accept within 7 days.</p></body></html>" title="Help run Oakmere Village Hall" sandbox="allow-same-origin"></iframe>
    </article>
    <p data-kit-region="time">Goes when you send it.</p>
  </div>
</div>