Dear [first name]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Call to action »

If you’ve got any questions just give us a call on +44 (0) 1865 484848 or email international@brookes.ac.uk. We’re here to help.

Oxford Brookes International

© Oxford Brookes University 2019
You have received this message because you are registered with Oxford Brookes University. If you no longer wish to receive these emails please update your preferences here. For information about our privacy policy please see our full privacy statement.

<style type="text/css">
a {
	color: #d10373;
}
#footer a, #footer a:visited {
	color: #555;
}
td,p,li,h2 {
	font-family: Helvetica, Arial, sans-serif;
	color: #555;
}
a.button {
	color: #ffffff;
	text-decoration: none;
}
</style>
<body bgcolor="#ffffff">
<div style="border:0; background-color:#ffffff;max-width:650px;margin:0 auto 20px auto;text-align:center;padding:0;color:#555555;
              mso-element-frame-width:650px;
              mso-element:para-border-div;
              mso-element-left:center;
              mso-element-wrap:no-wrap-beside;">
  <div style="border:0; clear:both;text-align:center; font-size:0; min-height:80px;">
    <div style="clear:both;width:150px; float:right; max-width:100%; width:-webkit-calc(230400px - 48000%); min-width:-webkit-calc(150px); width:calc(230400px - 48000%); min-width:calc(150px);">
      <h1 style="margin:0;padding:10px 0;font-size:22px;Margin:20px auto; color:#555; font:bold 32px sans-serif; text-align:center; width:134px; letter-spacing:-0.05em;"><img src="https://brookes.hobsons.co.uk/admin/static/brookes/usermedia/2018/template/logo/logo-large-charcoal.png" alt="Oxford Brookes University logo" width="134" height="53" border="0"/></h1>
    </div>
  </div>
</div>
<!-- spacer table for Outlook -->
<table>
  <tr>
    <td style="font-size:0; height:0; line-height:0;"> </td>
  </tr>
</table>
<!-- 650px wrapper div -->
<div style="border:0; background-color:#ffffff;max-width:650px;margin: 0 auto;text-align:center;padding:0;color:#555555;
              mso-element-frame-width:650px;
              mso-element:para-border-div;
              mso-element-left:center;
              mso-element-wrap:no-wrap-beside;">
  <div style="background-color:#ffff"><!-- h1 / banner image -->
    <h1 style="margin:0;font-size:22px;padding:0px;padding:0;"> <img alt="Image alt text" border="0" src="https://dummyimage.com/650x250/adafaf/fff.png" style="width:100%; display:block; height:auto; margin:0 auto;" /></h1>
  </div>
</div>
<!-- spacer table for Outlook -->
<table width="auto" border="0" cellspacing="0" cellpadding="0" style="background:#f3f3f3;" bgcolor="#f3f3f3">
  <tr>
    <td style="font-size:0; height:0; line-height:0;"> </td>
  </tr>
</table>
<!-- 650px wrapper div -->
<div style="border:0; background-color:#f3f3f3;max-width:650px;margin:0 auto;text-align:center;padding:0 0 10px 0;color:#555555;
              mso-element-frame-width:650px;
              mso-element:para-border-div;
              mso-element-left:center;
              mso-element-wrap:no-wrap-beside;">
  <table width="auto" border="0" cellspacing="0" cellpadding="0" style="background-color:#f3f3f3; width:auto;">
    <tr>
      <td bgcolor="#f3f3f3" style="background:#f3f3f3;"><!-- main text content -->
        <p style="font-size:16px;line-height:150%;color:#555;text-align:left;margin:0;padding:20px;mso-para-margin:20px;">Dear <strong>
          <firstname>[first name]</firstname>
          </strong><br />
          <br />
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
          <br /><br />
          Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p>
          <table width="auto" border="0" cellspacing="0" cellpadding="0" style="margin:0 auto; width:auto;">
  <tr>
    <td><table border="0" cellspacing="0" cellpadding="6">
        <tr>
          <td align="left" style="background:#d10373;" bgcolor="#d10373"><a href="http://www.brookes.ac.uk/#1" target="_blank" class="button" style="color:#ffffff !important; text-decoration:none; padding:6px 12px; border:0; display:inline-block; text-align:left;">Call to action &raquo;</a></td>
        </tr>
      </table></td>
  </tr>
</table>
         <p style="font-size:16px;line-height:150%;color:#555;text-align:left;margin:0;padding:20px;mso-para-margin:20px;">
         If you’ve got any questions just give us a call on <a href="tel:+441865484848" style="color:#d10373;">+44 (0) 1865 484848</a> or email <a href="mailto:international@brookes.ac.uk" style="color:#d10373;">international@brookes.ac.uk</a>. We’re here to help.<br/>
          <br/>
          <strong>Oxford Brookes International</strong></p></td>
    </tr>
  </table>
</div>
<!-- spacer table for Outlook -->
<table>
  <tr>
    <td style="font-size:0; height:0; line-height:0;"> </td>
  </tr>
</table>
 <!-- social media section 650px wrapper div -->
  <div style="border:0; background-color:#fff;max-width:650px;margin: 20px auto 0 auto;text-align:center;padding:0;color:#555555; mso-element-frame-width:650px; mso-element:para-border-div; mso-element-left:center; mso-element-wrap:no-wrap-beside;">
  <a href="http://www.weibo.com/OxfordBrookesUni" target="_blank"><img alt="Weibo icon" border="0" src="https://brookes.hobsons.co.uk/admin/static/brookes/usermedia/2018/template/social/icon-weibo.png" title="Find us on Weibo" /></a> 
  <a href="http://www.facebook.com/oxfordbrookes" target="_blank"><img alt="Facebook icon" border="0" src="https://brookes.hobsons.co.uk/admin/static/brookes/usermedia/2018/template/social/icon-facebook.png" title="Find us on Facebook" /></a>
  <a href="http://www.twitter.com/oxford_brookes" target="_blank"><img alt="Twitter icon" border="0" src="https://brookes.hobsons.co.uk/admin/static/brookes/usermedia/2018/template/social/icon-twitter.png" title="Follow us on Twitter" /></a> 
  <a href="http://www.linkedin.com/edu/school?id=12621&oxfordbrookes" target="_blank"><img alt="LinkedIn icon" src="https://brookes.hobsons.co.uk/admin/static/brookes/usermedia/2018/template/social/icon-linkedin.png" border="0" title="Find us on LinkedIn" /></a> 
  <a href="http://www.youtube.com/oxfordbrookes" target="_blank"><img alt="YouTube icon" src="https://brookes.hobsons.co.uk/admin/static/brookes/usermedia/2018/template/social/icon-youtube.png" border="0" title="Find us on YouTube" /></a> 
  <a href="https://instagram.com/oxfordbrookes/" target="_blank"><img alt="Instagram icon" border="0" src="https://brookes.hobsons.co.uk/admin/static/brookes/usermedia/2018/template/social/icon-instagram.png" title="Follow us on Instagram" /></a>
 </div>
<!-- spacer table for Outlook -->
<table>
  <tr>
    <td style="font-size:0; height:0; line-height:0;"> </td>
  </tr>
</table>
<!-- footer section 650px wrapper div -->
<div style="border:0; background-color:#fff;max-width:650px;margin:0 auto;text-align:center;padding:0;color:#555555;
              mso-element-frame-width:650px;
              mso-element:para-border-div;
              mso-element-left:center;
              mso-element-wrap:no-wrap-beside;">
   <p style="margin:0;padding:10px;line-height:150%;font-size:12px;"><strong>&copy; Oxford Brookes University 2019</strong><br/>
  You have received this message because you are registered with Oxford Brookes University. If you no longer wish to receive these emails <a href="https://app-eu.geckoform.com/public/#/modern/FOEU028eJQ3RJZz1" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://app-eu.geckoform.com/public/%23/modern/FOEU028eJQ3RJZz1&source=gmail&ust=1530784841232000&usg=AFQjCNEOptsRflywzsoCoCsVM0rafpbBHw" style="color:#555;">please update your preferences here</a>. For information about our privacy policy please see our full <a href="http://www.brookes.ac.uk/about-brookes/structure-and-governance/policies/privacy-policy/" target="_blank" style="color:#555;">privacy statement</a>.</p>
</div>
</body>

Lorem ipsum dolor sit amet.

Hobsons

Sample email

Reportage email

Reportage

Header

Main

Paragraphs

Footer

Text block

Sub-heading

Paragraphs

Image blocks

Multiple images

Button

Quote

Table with text & icons / thumbnails

Sub-heading 1

Sub-heading 2

Variations

Text styling + CSS

Body copy

Headings

Lists

Link styling + CSS

Image sizes + CSS

Banners:

Images

Icons / thumbnails:

Icons

Social media channels

Changelog